GUI - Fixed ONOS-300. Unpin now clears memento.

 - increased size of device icons to 36 (from 30).
 - cleaned up config.icons data, and removed unused code and .png files.

Change-Id: I7f3718db164363b75b395fc1af40493304642949

@@ -6,6 +6,7 @@
     "online": true,
     "online": true,
     "master": "192.168.56.101",
     "master": "192.168.56.101",
     "labels": [
     "labels": [
+      "",
       "opt-3",
       "opt-3",
       "0000ffffffffff03"
       "0000ffffffffff03"
     ],
     ],

@@ -6,6 +6,7 @@
     "online": false,
     "online": false,
     "master": "onos-2",
     "master": "onos-2",
     "labels": [
     "labels": [
+      "",
       "sw-9",
       "sw-9",
       "0000ffffffff0009"
       "0000ffffffff0009"
     ],
     ],

@@ -6,6 +6,7 @@
     "online": false,
     "online": false,
     "master": "onos-2",
     "master": "onos-2",
     "labels": [
     "labels": [
+      "",
       "opt-9",
       "opt-9",
       "0000ffffffffff09"
       "0000ffffffffff09"
     ],
     ],

@@ -6,6 +6,7 @@
     "online": true,
     "online": true,
     "master": "onos-2",
     "master": "onos-2",
     "labels": [
     "labels": [
+      "",
       "sw-8",
       "sw-8",
       "0000ffffffff0008"
       "0000ffffffff0008"
     ],
     ],

@@ -6,6 +6,7 @@
     "online": true,
     "online": true,
     "master": "192.168.56.101",
     "master": "192.168.56.101",
     "labels": [
     "labels": [
+      "",
       "sw-3",
       "sw-3",
       "0000ffffffff0003"
       "0000ffffffff0003"
     ],
     ],

@@ -6,6 +6,7 @@
     "online": true,
     "online": true,
     "master": "192.168.56.101",
     "master": "192.168.56.101",
     "labels": [
     "labels": [
+      "",
       "sw-7",
       "sw-7",
       "0000ffffffff0007"
       "0000ffffffff0007"
     ],
     ],

@@ -6,6 +6,7 @@
     "online": true,
     "online": true,
     "master": "onos-2",
     "master": "onos-2",
     "labels": [
     "labels": [
+      "",
       "opt-8",
       "opt-8",
       "0000ffffffffff08"
       "0000ffffffffff08"
     ],
     ],

@@ -77,21 +77,20 @@
             linkOutWidth: 10
             linkOutWidth: 10
         },
         },
         icons: {
         icons: {
-            w: 30,
-            h: 30,
-            xoff: -16,
-            yoff: -14,
-
             device: {
             device: {
-                dim: 30,
-                rx: 4
-            }
+                dim: 36,
+                rx: 4,
+                xoff: -20,
+                yoff: -18
             },
             },
-        iconUrl: {
-            device: 'img/device.png',
-            host: 'img/host.png',
-            pkt: 'img/pkt.png',
-            opt: 'img/opt.png'
+            host: {
+                defaultRadius: 9,
+                radius: {
+                    endstation: 14,
+                    bgpSpeaker: 14,
+                    router: 14
+                }
+            }
         },
         },
         force: {
         force: {
             note_for_links: 'link.type is used to differentiate',
             note_for_links: 'link.type is used to differentiate',
@@ -335,6 +334,7 @@
 
 
     function unpin() {
     function unpin() {
         if (hovered) {
         if (hovered) {
+            sendUpdateMeta(hovered);
             hovered.fixed = false;
             hovered.fixed = false;
             hovered.el.classed('fixed', false);
             hovered.el.classed('fixed', false);
             network.force.resume();
             network.force.resume();
@@ -684,7 +684,7 @@
         if (d) {
         if (d) {
             $.extend(d, device);
             $.extend(d, device);
             if (positionNode(d, true)) {
             if (positionNode(d, true)) {
-                sendUpdateMeta(d);
+                sendUpdateMeta(d, true);
             }
             }
             updateNodes();
             updateNodes();
         } else {
         } else {
@@ -1596,7 +1596,8 @@
             node = d.el,
             node = d.el,
             box,
             box,
             dx,
             dx,
-            dy;
+            dy,
+            cfg = config.icons.device;
 
 
         node.select('text')
         node.select('text')
             .text(label)
             .text(label)
@@ -1606,12 +1607,12 @@
 
 
         if (noLabel) {
         if (noLabel) {
             box = emptyBox();
             box = emptyBox();
-            dx = -config.icons.device.dim/2;
-            dy = -config.icons.device.dim/2;
+            dx = -cfg.dim/2;
+            dy = -cfg.dim/2;
         } else {
         } else {
             box = adjustRectToFitText(node);
             box = adjustRectToFitText(node);
-            dx = box.x + config.icons.xoff;
-            dy = box.y + config.icons.yoff;
+            dx = box.x + cfg.xoff;
+            dy = box.y + cfg.yoff;
         }
         }
 
 
         node.select('rect')
         node.select('rect')
@@ -1709,18 +1710,12 @@
             addDeviceIcon(node, box, noLabel, iconGlyphUrl(d));
             addDeviceIcon(node, box, noLabel, iconGlyphUrl(d));
         });
         });
 
 
-        // TODO: better place for this configuration state
-        var defaultHostRadius = 9,
-            hostRadius = {
-                bgpSpeaker: 14,
-                router: 14,
-                endstation: 14
-            };
 
 
         // augment host nodes...
         // augment host nodes...
         entering.filter('.host').each(function (d) {
         entering.filter('.host').each(function (d) {
             var node = d3.select(this),
             var node = d3.select(this),
-                r = hostRadius[d.type] || defaultHostRadius,
+                cfg = config.icons.host,
+                r = cfg.radius[d.type] || cfg.defaultRadius,
                 textDy = r + 10,
                 textDy = r + 10,
                 iid = iconGlyphUrl(d);
                 iid = iconGlyphUrl(d);
 
 
@@ -1790,8 +1785,8 @@
             dy = -cfg.dim/2;
             dy = -cfg.dim/2;
         } else {
         } else {
             box = adjustRectToFitText(node);
             box = adjustRectToFitText(node);
-            dx = box.x + config.icons.xoff;
-            dy = box.y + config.icons.yoff;
+            dx = box.x + cfg.xoff;
+            dy = box.y + cfg.yoff;
         }
         }
 
 
         g = node.append('g')
         g = node.append('g')
@@ -2314,14 +2309,19 @@
         gly.defBadges(defs);
         gly.defBadges(defs);
     }
     }
 
 
-    function sendUpdateMeta(d) {
-        var ll = geoMapProjection.invert([d.x, d.y]),
+    function sendUpdateMeta(d, store) {
+        var metaUi = {},
+            ll;
+
+        if (store) {
+            ll = geoMapProjection.invert([d.x, d.y]);
             metaUi = {
             metaUi = {
                 x: d.x,
                 x: d.x,
                 y: d.y,
                 y: d.y,
                 lng: ll[0],
                 lng: ll[0],
                 lat: ll[1]
                 lat: ll[1]
             };
             };
+        }
         d.metaUi = metaUi;
         d.metaUi = metaUi;
         sendMessage('updateMeta', {
         sendMessage('updateMeta', {
             id: d.id,
             id: d.id,
@@ -2388,7 +2388,7 @@
             d.fixed = true;
             d.fixed = true;
             d3.select(self).classed('fixed', true);
             d3.select(self).classed('fixed', true);
             if (config.useLiveData) {
             if (config.useLiveData) {
-                sendUpdateMeta(d);
+                sendUpdateMeta(d, true);
             } else {
             } else {
                 console.log('Moving node ' + d.id + ' to [' + d.x + ',' + d.y + ']');
                 console.log('Moving node ' + d.id + ' to [' + d.x + ',' + d.y + ']');
             }
             }