Updated big-icon test page to all built-in glyphs to be accessed also.

Change-Id: If2745df6aa2839850d4a82cb7f8b5c5fb9ef5791

@@ -53,12 +53,14 @@
             color: darkred;
             color: darkred;
         }
         }
 
 
+        /* foreground color */
         svg .glyph {
         svg .glyph {
             stroke: none;
             stroke: none;
-            fill: #123456;
+            fill: #246;
             fill-rule: evenodd;
             fill-rule: evenodd;
         }
         }
 
 
+        /* background color */
         svg.embeddedGlyph .glyph rect {
         svg.embeddedGlyph .glyph rect {
             fill: #fff
             fill: #fff
         }
         }

@@ -137,12 +137,6 @@
         smiley: smiley
         smiley: smiley
     };
     };
 
 
-    var gids = [
-        'alarm',
-        'alarms',
-        'smiley'
-    ];
-
     angular.module('showGlyph', ['onosSvg'])
     angular.module('showGlyph', ['onosSvg'])
     .controller('OvShowGlyph', ['$log', 'GlyphService',
     .controller('OvShowGlyph', ['$log', 'GlyphService',
 
 
@@ -150,9 +144,16 @@
             var gDiv = d3.select('#showGlyphs'),
             var gDiv = d3.select('#showGlyphs'),
                 defs = d3.select('defs');
                 defs = d3.select('defs');
 
 
+            // register out-of-the-box glyphs
+            gs.init();
+
+            // register our custom glyphs
             gs.registerGlyphSet(glyphData);
             gs.registerGlyphSet(glyphData);
-            gs.loadDefs(defs, gids);
 
 
-            createGlyph(gDiv, 400, 'smiley');
+            // load all defined glyphs into our <defs> element
+            gs.loadDefs(defs);
+
+            // choose a glyph to render
+            createGlyph(gDiv, 400, 'switch');
         }]);
         }]);
 }());
 }());