light9 Changeset - 2713d2f7a0fc

Changeset - 2713d2f7a0fc

Parent rev.

Child rev.

[Not reviewed]

default

0 2 0

Drew Perttula - 8 years ago 2017-06-01 08:35:16
drewp@bigasterisk.com

resource-display can have a rename button for editing rdfs:label
Ignore-this: 99510987756065f9a30ffc2de0c4b6f4

2 files changed with 64 insertions and 5 deletions:

light9/web/graph.coffee

light9/web/resource-display.html

0 comments (0 inline, 0 general)

light9/web/graph.coffee

➞

Show inline comments

@@ @@ -192,7 +192,7 @@ class window.SyncedGraph @@
     @_autoDeps.graphChanged(patch)
   getObjectPatch: (s, p, newObject, g) ->
-    # send a patch which removes existing values for (s,p,*,c) and
+    # make a patch which removes existing values for (s,p,*,c) and
     # adds (s,p,newObject,c). Values in other graphs are not affected.
     existing = @graph.findByIRI(s, p, null, g)
     return {
@@ @@ -300,3 +300,9 @@ class window.SyncedGraph @@
   nextNumberedResource: (base) ->
     @nextNumberedResources(base, 1)[0]
   contextsWithPattern: (s, p, o) ->
     ctxs = []
     for q in @graph.find(s, p, o)
       ctxs.push(q.graph)
     return _.unique(ctxs)

light9/web/resource-display.html

➞

Show inline comments

 <link rel="import" href="/lib/polymer/polymer.html">
 <link rel="import" href="/lib/paper-dialog/paper-dialog.html">
 <link rel="import" href="/lib/paper-button/paper-button.html">
 <dom-module id="resource-display">
   <template>
     <link rel="stylesheet" href="/style.css">
     <style>
      :host {
          display: inline-block;
          vertical-align: top;
          border: 2px rgba(84, 84, 84, 0.27) outset;
          border-radius: 9px;
          padding: 2px;
+     }
     </style>
     <span class="resource"><a href="{{uri}}">{{label}}</a></span>
     <template is="dom-if" if="{{rename}}">
       <button>Rename</button>
       <button on-click="onRename">Rename</button>
       <paper-dialog id="renameDialog" modal
                     on-iron-overlay-closed="onRenameClosed">
         <p>
           New label:
           <input id="renameTo" autofocus type="text"
                  value="{{renameTo::input}}"
                  on-keydown="onRenameKey">
         </p>
         <div class="buttons">
           <paper-button dialog-dismiss>Cancel</paper-button>
           <paper-button dialog-confirm>OK</paper-button>
         </div>
       </paper-dialog>
     </template>
   </template>
   <script>
@@ @@ -16,16 +42,43 @@ @@
            uri: { type: String },
            label: { type: String },
            rename: { type: Boolean },
            renameTo: { type: String, notify: true },
        },
        ready: function() {
            this.graph.runHandler(this.setLabel.bind(this), "label #{this.uri}");
            console.log('ren', this.rename);
            this.graph.runHandler(this.setLabel.bind(this), `label ${this.uri}`);
        },
        setLabel: function() {
            this.label = this.graph.stringValue(this.uri, this.graph.Uri('rdfs:label'));
            this.label = this.graph.stringValue(this.uri,
                                                this.graph.Uri('rdfs:label'));
            if (!this.label) {
                this.label = this.uri;
+           }
        },
        onRename: function() {
            this.renameTo = this.label;
            this.querySelector("#renameDialog").open();
            this.querySelector("#renameTo").setSelectionRange(0, -1);
        },
        onRenameKey: function(ev) {
            if (ev.key == 'Enter') {
                this.querySelector("[dialog-confirm]").click();
+           }
            if (ev.key == 'Escape') {
                this.querySelector("[dialog-dismiss]").click();
+           }
        },
        onRenameClosed: function() {
            var dialog = this.querySelector("#renameDialog");
            if (dialog.closingReason.confirmed) {
                var label = this.graph.Uri('rdfs:label');
                var ctxs = this.graph.contextsWithPattern(this.uri, label, null);
                if (ctxs.length != 1) {
                    throw new Error(`${ctxs.length} label stmts for ${this.uri}`);
+               }
                this.graph.patchObject(this.uri, label,
                                       this.graph.Literal(this.renameTo),
                                       ctxs[0]);
+           }
+       }
    });
   </script>

0 comments (0 inline, 0 general)