GUI --Cleaned up mouse-over/out in preparation for 'show-traffic' behavior.

 - re-instated the unpin function.

Change-Id: I310804084b93e1cd16f3da31b49ea646db36c6d7

@@ -13,7 +13,7 @@
         "intentId": "0x4321",
         "intentId": "0x4321",
         "links": [ "5-6", "6-7" ],
         "links": [ "5-6", "6-7" ],
         "class": "animated",
         "class": "animated",
-        "traffic": [ "4GB", "4GB" ]
+        "labels": [ "4GB", "4GB" ]
       }
       }
     ]
     ]
   }
   }

@@ -160,9 +160,9 @@
         detailPane,
         detailPane,
         selectOrder = [],
         selectOrder = [],
         selections = {},
         selections = {},
+        hovered = null,
 
 
         highlighted = null,
         highlighted = null,
-        hovered = null,
         viewMode = 'showAll',
         viewMode = 'showAll',
         portLabelsOn = false;
         portLabelsOn = false;
 
 
@@ -290,8 +290,12 @@
         view.alert('togglePorts() callback')
         view.alert('togglePorts() callback')
     }
     }
 
 
-    function unpin(view) {
-        view.alert('unpin() callback')
+    function unpin() {
+        if (hovered) {
+            hovered.fixed = false;
+            hovered.el.classed('fixed', false);
+            network.force.resume();
+        }
     }
     }
 
 
     // ==============================
     // ==============================
@@ -931,6 +935,21 @@
         // TODO: review what else might need to be updated
         // TODO: review what else might need to be updated
     }
     }
 
 
+    function nodeMouseOver(d) {
+        console.log("Hover:", d);
+        hovered = d;
+        if (d.class === 'host') {
+            //requestTraffic(d);
+        }
+    }
+
+    function nodeMouseOut(d) {
+        console.log("Unhover:", d);
+        hovered = null;
+        if (d.class === 'host') {
+            //cancelTraffic(d);
+        }
+    }
 
 
     function updateNodes() {
     function updateNodes() {
         node = nodeG.selectAll('.node')
         node = nodeG.selectAll('.node')
@@ -950,19 +969,8 @@
                 opacity: 0
                 opacity: 0
             })
             })
             .call(network.drag)
             .call(network.drag)
-            .on('mouseover', function (d) {
-                console.log(d);
-                if (d.class === 'host') {
-                    requestTraffic(d);
-                }
-            })
-            .on('mouseout', function (d) {
-                console.log(d);
-                if (d.class === 'host') {
-                    cancelTraffic(d);
-                }
-            })
-            //.on('mouseover', function (d) {})
+            .on('mouseover', nodeMouseOver)
+            .on('mouseout', nodeMouseOut)
             .transition()
             .transition()
             .attr('opacity', 1);
             .attr('opacity', 1);