GUI - Converted Devices to use Glyph icons instead of png's.
Change-Id: I5d979f6e515168fda2c2eabe97780beaa5206691
diff --git a/web/gui/src/main/webapp/glyphs.js b/web/gui/src/main/webapp/glyphs.js
index a794c62..49a0269 100644
--- a/web/gui/src/main/webapp/glyphs.js
+++ b/web/gui/src/main/webapp/glyphs.js
@@ -65,10 +65,64 @@
.append('path').attr('d', bullhornData);
}
+ var glyphData = {
+ unknown: "M-20 -15 a5 5 0 0 1 5 -5 h30 a5 5 0 0 1 5 5 v30 " +
+ "a5 5 0 0 1 -5 5 h-30 a5 5 0 0 1 -5 -5 z ",
+ router: "M-45 0 A45 45 0 0 1 45 0 A45 45 0 0 1 -45 0 M -35 -5 " +
+ "l 12 0, 0 -8, 18 13, -18 13, 0 -8, -12 0 z M 35 -5 " +
+ "l -12 0, 0 -8, -18 13, 18 13, 0 -8, 12 0 z M -5 -8 " +
+ "l 0 -12, -8 0, 13 -18, 13 18, -8 0, 0 12 z M -5 8 " +
+ "l 0 12, -8 0, 13 18, 13 -18, -8 0, 0 -12 z ",
+ bgpSpeaker: "M-45 -15 a45 35 0 0 1 90 0 Q45 22 0 45 Q-45 22 -45 -15 z " +
+ "M -5 -26 l 12 0, 0 -8, 18 13, -18 13, 0 -8, -12 0 z M 5 2" +
+ " l -12 0, 0 -8, -18 13, 18 13, 0 -8, 12 0 z ",
+
+ switch: "M-45 -35 a10 10 0 0 1 10 -10 h70 a 10 10 0 0 1 10 10 v70 a 10 10 0 0 1 -10 10 h -70 a 10 10 0 0 1 -10 -10 z M 5 -29 l 12 0, 0 -8, 18 13, -18 13, 0 -8, -12 0 z M 5 5 l 12 0, 0 -8, 18 13, -18 13, 0 -8, -12 0 z M -5 -15 l -12 0, 0 -8, -18 13, 18 13, 0 -8, 12 0 z M -5 19 l -12 0, 0 -8, -18 13, 18 13, 0 -8, 12 0 z",
+
+
+ Xswitch: "M-45 -35 a10 10 0 0 1 10 -10 h70 a 10 10 0 0 1 10 10 v70 " +
+ "a 10 10 0 0 1 -10 10 h -70 a 10 10 0 0 1 -10 -10 z M 5 -29 " +
+ "l 12 0, 0 -8, 18 13, -18 13, 0 -8, -12 0 z M 5 5 " +
+ "l 12 0, 0 -8, 18 13, -18 13, 0 -8, -12 0 z M -5 -15 " +
+ "l -12 0, 0 -8, -18 13, 18 13, 0 -8, 12 0 z M -5 19 " +
+ "l -12 0, 0 -8, -18 13, 18 13, 0 -8, 12 0 z " ,
+ roadm: "M-45 -20 l25 -25 h40 l25 25 v40 l-25 25 h-40 l-25 -25 z " +
+ "M 3 -29 l 12 0, 0 -8, 18 13, -18 13, 0 -8, -12 0 z M 3 5 " +
+ "l 12 0, 0 -8, 18 13, -18 13, 0 -8, -12 0 z M -3 -15 " +
+ "l -12 0, 0 -8, -18 13, 18 13, 0 -8, 12 0 z M -3 19 " +
+ "l -12 0, 0 -8, -18 13, 18 13, 0 -8, 12 0 z ",
+ node: "M-40 45 a5 5 0 0 1 -5 -5 v-65 a5 5 0 0 1 5 -5 h80 " +
+ "a5 5 0 0 1 5 5 v65 a5 5 0 0 1 -5 5 z M-41 -32.5 l11 -11 " +
+ "a10 3 0 0 1 10 -2 h40 a10 3 0 0 1 10 2 l11 11 z M-39 -20 " +
+ "a5 5 0 0 1 10 0 a5 5 0 0 1 -10 0 z ",
+ host: "M-45 -40 a5 5 0 0 1 5 -5 h65 a5 5 0 0 1 5 5 v80 " +
+ "a5 5 0 0 1 -5 5 h-65 a5 5 0 0 1 -5 -5 z M32.5 -41 l11 11 " +
+ "a3 10 0 0 1 2 10 v40 a3 10 0 0 1 -2 10 l-11 11 z M-38 -36 " +
+ "a2 2 0 0 1 2 -2 h56 a2 2 0 0 1 2 2 v26 a2 2 0 0 1 -2 2 h-56 " +
+ "a2 2 0 0 1 -2 -2 z M-35 -35 h54 v10 h-54 z M-35 -22 h54 v10 " +
+ "h-54 z M-13 15 a5 5 0 0 1 10 0 a5 5 0 0 1 -10 0 z "
+ };
+
+ var glyphParams = {
+ viewBox: '-55 -55 110 110'
+ };
+
+ function defGlyphs(defs) {
+ d3.map(glyphData).keys().forEach(function (key) {
+ defs.append('symbol')
+ .attr({
+ id: key,
+ viewBox: glyphParams.viewBox
+ })
+ .append('path').attr('d', glyphData[key]);
+ });
+ }
+
// === register the functions as a library
onos.ui.addLib('glyphs', {
defBird: defBird,
- defBullhorn: defBullhorn
+ defBullhorn: defBullhorn,
+ defGlyphs: defGlyphs
});
}(ONOS));