ONOS-6337: Added non-zero and delta glyphs to Port View.
Change-Id: I585884c23bd7e1f478bf88415fe495d5caf4f2c3
diff --git a/web/gui/src/main/webapp/app/fw/svg/glyphData.js b/web/gui/src/main/webapp/app/fw/svg/glyphData.js
index 527957b..f73e24f 100644
--- a/web/gui/src/main/webapp/app/fw/svg/glyphData.js
+++ b/web/gui/src/main/webapp/app/fw/svg/glyphData.js
@@ -279,6 +279,18 @@
'l0.2-12.5A2.4,2.4,0,0,0,100.2,46.4ZM54.4,73' +
'A18.2,18.2,0,1,1,72.6,54.8,18.2,18.2,0,0,1,54.4,73Z',
+ delta: 'M55,19.2L13.7,90.8h82.7L55,19.2z ' +
+ 'M55,31.2l30.9,53.5H24.1L55,31.2z',
+
+ nonzero: 'M76.7,25.1l7.8-13.5l-7.6-0.3l-5.7,9.9' +
+ 'c-4.8-2.9-10.4-4.5-16.2-4.5c-19.1,0-34.7,17.2-34.7,38.4' +
+ 'c0,12.5,5.4,23.6,13.7,30.6l-7.6,13.2l7.6,0.1l5.5-9.6' +
+ 'c4.7,2.6,9.9,4,15.5,4c19.1,0,34.7-17.2,34.7-38.4' +
+ 'C89.7,42.9,84.6,32.1,76.7,25.1z M27.9,55C27.9,38.4,40,25,55,25' +
+ 'c4.4,0,8.5,1.2,12.2,3.2l-29,50.3C31.9,73,27.9,64.5,27.9,55z' +
+ 'M55,85c-4.1,0-7.9-1-11.4-2.8l29-50.1c5.8,5.5,9.5,13.7,9.5,22.8' +
+ 'C82.1,71.6,70,85,55,85z',
+
// --- Navigation glyphs ------------------------------------
flowTable: tableFrame +
diff --git a/web/gui/src/main/webapp/app/fw/svg/icon.js b/web/gui/src/main/webapp/app/fw/svg/icon.js
index 659a5be..1cf510f 100644
--- a/web/gui/src/main/webapp/app/fw/svg/icon.js
+++ b/web/gui/src/main/webapp/app/fw/svg/icon.js
@@ -36,7 +36,10 @@
minus: 'minus',
play: 'play',
stop: 'stop',
-
+
+ delta: 'delta',
+ nonzero: 'nonzero',
+
close: 'xClose',
topo: 'topo',
@@ -148,7 +151,7 @@
function loadEmbeddedIcon(div, iconCls, size) {
loadIconByClass(div, iconCls, size, true);
}
-
+
// Adds a device glyph to the specified element.
// Returns the D3 selection of the glyph (use) element.
function addDeviceIcon(elem, glyphId, iconDim) {
diff --git a/web/gui/src/main/webapp/app/view/port/port.html b/web/gui/src/main/webapp/app/view/port/port.html
index 5f077e0..753ca22 100644
--- a/web/gui/src/main/webapp/app/view/port/port.html
+++ b/web/gui/src/main/webapp/app/view/port/port.html
@@ -15,12 +15,12 @@
<div class="separator"></div>
<div class="refresh" ng-class="{active: isNZ()}"
- icon icon-size="42" icon-id="plus"
+ icon icon-size="42" icon-id="nonzero"
tooltip tt-msg="toggleNZTip"
ng-click="toggleNZ()"></div>
<div class="refresh" ng-class="{active: isDelta()}"
- icon icon-size="42" icon-id="triangleUp"
+ icon icon-size="42" icon-id="delta"
tooltip tt-msg="toggleDeltaTip"
ng-click="toggleDelta()"></div>
diff --git a/web/gui/src/main/webapp/tests/app/fw/svg/glyph-spec.js b/web/gui/src/main/webapp/tests/app/fw/svg/glyph-spec.js
index 4eba58c..e2a8884 100644
--- a/web/gui/src/main/webapp/tests/app/fw/svg/glyph-spec.js
+++ b/web/gui/src/main/webapp/tests/app/fw/svg/glyph-spec.js
@@ -21,7 +21,7 @@
describe('factory: fw/svg/glyph.js', function() {
var $log, fs, gs, d3Elem, svg;
- var numBaseGlyphs = 101,
+ var numBaseGlyphs = 103,
vbBird = '352 224 113 112',
vbGlyph = '0 0 110 110',
vbBadge = '0 0 10 10',