GUI -- Implemented cycleDeviceLabels() - themed too.

- cleaned up findDevices(...) .. all devices, or offline devices only.

Change-Id: Iac64cdc64393e3c30798975e4aab8ed480deda31

@@ -280,17 +280,30 @@
     stroke: #aaa;
     stroke: #aaa;
 }
 }
 .dark #ov-topo svg .node.device.fixed rect {
 .dark #ov-topo svg .node.device.fixed rect {
-    stroke: #555;
+    stroke: #999;
 }
 }
 
 
 /* note: device is offline without the 'online' class */
 /* note: device is offline without the 'online' class */
-#ov-topo svg .node.device {
+.light #ov-topo svg .node.device {
     fill: #777;
     fill: #777;
 }
 }
+.dark #ov-topo svg .node.device {
+    fill: #555;
+}
 
 
-#ov-topo svg .node.device.online {
+.light #ov-topo svg .node.device rect {
+    stroke: #666;
+}
+.light #ov-topo svg .node.device rect {
+    stroke: #999;
+}
+
+.light #ov-topo svg .node.device.online {
     fill: #6e7fa3;
     fill: #6e7fa3;
 }
 }
+.dark #ov-topo svg .node.device.online {
+    fill: #4E5C7F;
+}
 
 
 /* note: device is offline without the 'online' class */
 /* note: device is offline without the 'online' class */
 #ov-topo svg .node.device text {
 #ov-topo svg .node.device text {

@@ -440,10 +440,10 @@
         return result;
         return result;
     }
     }
 
 
-    function findOfflineNodes() {
+    function findDevices(offlineOnly) {
         var a = [];
         var a = [];
         network.nodes.forEach(function (d) {
         network.nodes.forEach(function (d) {
-            if (d.class === 'device' && !d.online) {
+            if (d.class === 'device' && !(offlineOnly && d.online)) {
                 a.push(d);
                 a.push(d);
             }
             }
         });
         });
@@ -550,7 +550,7 @@
             updDev(dev, dev.online || showOffline);
             updDev(dev, dev.online || showOffline);
         } else {
         } else {
             // updating all offline devices
             // updating all offline devices
-            findOfflineNodes().forEach(function (d) {
+            findDevices(true).forEach(function (d) {
                 updDev(d, showOffline);
                 updDev(d, showOffline);
             });
             });
         }
         }
@@ -867,7 +867,10 @@
     }
     }
 
 
     function cycleDeviceLabels() {
     function cycleDeviceLabels() {
-        // TODO cycle device labels
+        deviceLabelIndex = (deviceLabelIndex+1) % 3;
+        findDevices().forEach(function (d) {
+            updateDeviceLabel(d);
+        });
     }
     }
 
 
     // ==========================================
     // ==========================================