Updated big-icon test page to all built-in glyphs to be accessed also.
Change-Id: If2745df6aa2839850d4a82cb7f8b5c5fb9ef5791
diff --git a/web/gui/src/main/webapp/_sdh/big-icon.html b/web/gui/src/main/webapp/_sdh/big-icon.html
index ac0f84f..1013e60 100644
--- a/web/gui/src/main/webapp/_sdh/big-icon.html
+++ b/web/gui/src/main/webapp/_sdh/big-icon.html
@@ -53,12 +53,14 @@
color: darkred;
}
+ /* foreground color */
svg .glyph {
stroke: none;
- fill: #123456;
+ fill: #246;
fill-rule: evenodd;
}
+ /* background color */
svg.embeddedGlyph .glyph rect {
fill: #fff
}
diff --git a/web/gui/src/main/webapp/_sdh/big-icon.js b/web/gui/src/main/webapp/_sdh/big-icon.js
index 26b4e60..9548f98 100644
--- a/web/gui/src/main/webapp/_sdh/big-icon.js
+++ b/web/gui/src/main/webapp/_sdh/big-icon.js
@@ -137,12 +137,6 @@
smiley: smiley
};
- var gids = [
- 'alarm',
- 'alarms',
- 'smiley'
- ];
-
angular.module('showGlyph', ['onosSvg'])
.controller('OvShowGlyph', ['$log', 'GlyphService',
@@ -150,9 +144,16 @@
var gDiv = d3.select('#showGlyphs'),
defs = d3.select('defs');
- gs.registerGlyphSet(glyphData);
- gs.loadDefs(defs, gids);
+ // register out-of-the-box glyphs
+ gs.init();
- createGlyph(gDiv, 400, 'smiley');
+ // register our custom glyphs
+ gs.registerGlyphSet(glyphData);
+
+ // load all defined glyphs into our <defs> element
+ gs.loadDefs(defs);
+
+ // choose a glyph to render
+ createGlyph(gDiv, 400, 'switch');
}]);
}());