Allow type change in ArtifactIndex (Closes #1681)

src/visualizers/panels/ArtifactIndex/ArtifactIndexControl.js

@@ -72,12 +72,11 @@ define([
         };
         this._widget.getConfigDialog = () => new ConfigDialog(this._client);
 
-        this._widget.onNameChange = (id, newName) => {
-            var name = this._client.getNode(id).getAttribute('name'),
-                msg = `Renamed "${name}" artifact to "${newName}"`;
-
+        this._widget.onAttributeChange = (id, attr, newValue) => {
+            const attrValue = this._client.getNode(id).getAttribute(attr),
+                msg = `Changed "${attr}'s" value from ${attrValue}" to "${newValue}"`;
             this._client.startTransaction(msg);
-            this._client.setAttribute(id, 'name', newName);
+            this._client.setAttribute(id, attr, newValue);
             this._client.completeTransaction();
         };
     };

src/visualizers/widgets/ArtifactIndex/ArtifactIndexWidget.js

@@ -79,19 +79,9 @@ define([
                 event.stopPropagation();
                 event.preventDefault();
             });
-            node.$name.on('dblclick', event => {
-                const name = $(event.target);
-                name.editInPlace({
-                    css: {
-                        'z-index': 1000
-                    },
-                    onChange: (oldVal, newVal) => {
-                        if (newVal && newVal !== oldVal) {
-                            this.onNameChange(desc.id, newVal);
-                        }
-                    }
-                });
-            });
+            node.$name.on('dblclick', {id : desc.id, attr: 'name'}, this.editInPlace.bind(this));
+
+            node.$type.on('dblclick', {id: desc.id, attr: 'type'}, this.editInPlace.bind(this));
 
             node.$info.on('click', event => {
                 event.stopPropagation();
@@ -139,6 +129,22 @@ define([
         }
     };
 
+    ArtifactIndexWidget.prototype.editInPlace = function(event) {
+        const el = $(event.target);
+        const id = event.data.id;
+        const attr = event.data.attr;
+        el.editInPlace({
+            css: {
+                'z-index' : 1000
+            },
+            onChange: (oldVal, newVal) => {
+                if (newVal && newVal !== oldVal) {
+                    this.onAttributeChange(id, attr, newVal);
+                }
+            }
+        });
+    };
+
     /* * * * * * * * Visualizer event handlers * * * * * * * */
 
 

src/visualizers/widgets/ArtifactIndex/ModelRow.html

@@ -1,6 +1,6 @@
 <tr>
     <td><span class="name"></span></td>
-    <td class="type"></td>
+    <td><span class="type"></span></td>
     <td class="size"></td>
     <td class="createdAt"></td>
     <td class="actions">