GUI - Implemented updateInstance event handler.

- Cleaned up onos instance rendering.

Change-Id: Ib074fb061467a566bc75052b14ea38ecbbc055b6

+{
+  "event": "updateInstance",
+  "payload": {
+    "id": "onos-3",
+    "online": true,
+    "labels": [
+      "onos-3",
+      "192.168.3.3"
+    ]
+  }
+}

+{
+  "event": "updateInstance",
+  "payload": {
+    "id": "onos-3",
+    "online": false,
+    "labels": [
+      "onos-3",
+      "192.168.3.3"
+    ]
+  }
+}

@@ -273,10 +273,12 @@ svg .node.host circle {
 
 
 #topo-oibox .onosInst img {
 #topo-oibox .onosInst img {
     opacity: 0.5;
     opacity: 0.5;
+    padding: 3px;
 }
 }
 
 
 #topo-oibox .onosInst.online img {
 #topo-oibox .onosInst.online img {
     opacity: 1.0;
     opacity: 1.0;
+    padding: 3px;
 }
 }
 
 
 #topo-oibox .onosInst img.ui {
 #topo-oibox .onosInst img.ui {

@@ -557,7 +557,7 @@
         addLink: addLink,
         addLink: addLink,
         addHost: addHost,
         addHost: addHost,
 
 
-        updateInstance: stillToImplement,
+        updateInstance: updateInstance,
         updateDevice: updateDevice,
         updateDevice: updateDevice,
         updateLink: updateLink,
         updateLink: updateLink,
         updateHost: updateHost,
         updateHost: updateHost,
@@ -652,7 +652,6 @@
         if (instData) {
         if (instData) {
             $.extend(instData, inst);
             $.extend(instData, inst);
             updateInstances();
             updateInstances();
-            //updateInstanceState(instData);
         } else {
         } else {
             logicError('updateInstance lookup fail. ID = "' + id + '"');
             logicError('updateInstance lookup fail. ID = "' + id + '"');
         }
         }
@@ -843,6 +842,7 @@
             .data(onosOrder, function (d) { return d.id; });
             .data(onosOrder, function (d) { return d.id; });
 
 
         // operate on existing onoses if necessary
         // operate on existing onoses if necessary
+        onoses.classed('online', function (d) { return d.online; });
 
 
         var entering = onoses.enter()
         var entering = onoses.enter()
             .append('div')
             .append('div')
@@ -857,11 +857,7 @@
             $('<img src="img/host.png">').appendTo(el);
             $('<img src="img/host.png">').appendTo(el);
             img = el.select('img')
             img = el.select('img')
                 .attr({
                 .attr({
-                    width: 40,
-                    top: -10,
-                    left: -10
-                })
-                .style({
+                    width: 30
                 });
                 });
 
 
             $('<div>').attr('class', 'onosTitle').text(d.id).appendTo(el);
             $('<div>').attr('class', 'onosTitle').text(d.id).appendTo(el);