GUI -- Minor tweaks to node colors.
Change-Id: I76ad8924a280689287ca93974983638ebbdfa55b
diff --git a/web/gui/src/main/webapp/topo2.css b/web/gui/src/main/webapp/topo2.css
index c40a8da..809458d 100644
--- a/web/gui/src/main/webapp/topo2.css
+++ b/web/gui/src/main/webapp/topo2.css
@@ -51,16 +51,10 @@
#topo svg .node.selected rect,
#topo svg .node.selected circle {
- fill: #ffA300;
+ fill: #f90;
filter: url(#blue-glow);
}
-/* for debugging */
-#topo svg .node circle.debug {
- fill: white;
- stroke: red;
-}
-
#topo svg .node text {
pointer-events: none;
}
@@ -84,14 +78,10 @@
fill: #777;
}
-#topo svg .node.device.switch.online {
+#topo svg .node.device.online {
fill: #17f;
}
-#topo svg .node.device.roadm.online {
- fill: #335a9a;
-}
-
/* note: device is offline without the 'online' class */
#topo svg .node.device text {
fill: #aaa;
@@ -102,6 +92,25 @@
fill: white;
}
+#topo svg .node.device .glyphIcon rect {
+ fill: #aaa;
+}
+#topo svg .node.device .glyphIcon use {
+ fill: #777;
+}
+#topo svg .node.device.selected .glyphIcon rect {
+ fill: #f90;
+}
+#topo svg .node.device.online .glyphIcon rect {
+ fill: #8ab;
+}
+#topo svg .node.device.online .glyphIcon use {
+ fill: #000;
+}
+#topo svg .node.device.online.selected .glyphIcon rect {
+ fill: #f90;
+}
+
/* Host Nodes */
@@ -117,7 +126,7 @@
svg .node.host circle {
stroke: #000;
- fill: #ddd;
+ fill: #edb;
}
/* LINKS */
diff --git a/web/gui/src/main/webapp/topo2.js b/web/gui/src/main/webapp/topo2.js
index c32d508..998eccc 100644
--- a/web/gui/src/main/webapp/topo2.js
+++ b/web/gui/src/main/webapp/topo2.js
@@ -355,7 +355,7 @@
var layerLookup = {
host: {
- endstation: 'pkt', // default, if host event does not define type
+ host: 'pkt', // default, if host event does not define type
router: 'pkt',
bgpSpeaker: 'pkt'
},