blob: 9aefede8fb6ef4c9884a0c5c898599d9dbe4324d [file] [log] [blame]
Simon Hunt5a6c60c2016-08-26 17:15:18 -07001<!DOCTYPE html>
2<!--
Brian O'Connora09fe5b2017-08-03 21:12:30 -07003 ~ Copyright 2016-present Open Networking Foundation
Simon Hunt5a6c60c2016-08-26 17:15:18 -07004 ~
5 ~ Licensed under the Apache License, Version 2.0 (the "License");
6 ~ you may not use this file except in compliance with the License.
7 ~ You may obtain a copy of the License at
8 ~
9 ~ http://www.apache.org/licenses/LICENSE-2.0
10 ~
11 ~ Unless required by applicable law or agreed to in writing, software
12 ~ distributed under the License is distributed on an "AS IS" BASIS,
13 ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14 ~ See the License for the specific language governing permissions and
15 ~ limitations under the License.
16 -->
17
18<!--
19 ONOS -- Displaying All core glyphs.
20 -->
21
22<html>
23<head lang="en">
24 <meta charset="UTF-8">
25 <title>ONOS Core Glyphs</title>
26
Steven Burrows0955fea2017-08-22 18:41:33 +010027 <script type="text/javascript" src="../vendor/angular/angular.js"></script>
28 <script type="text/javascript" src="../vendor/d3/d3.js"></script>
Simon Hunt5a6c60c2016-08-26 17:15:18 -070029
30 <script type="text/javascript" src="../app/fw/util/util.js"></script>
31 <script type="text/javascript" src="../app/fw/util/fn.js"></script>
32
33 <script type="text/javascript" src="../app/fw/svg/svg.js"></script>
34 <script type="text/javascript" src="../app/fw/svg/svgUtil.js"></script>
35 <script type="text/javascript" src="../app/fw/svg/glyph.js"></script>
36 <script type="text/javascript" src="../app/fw/svg/glyphData.js"></script>
37
38 <script type="text/javascript" src="show-glyphs.js"></script>
39
40 <style>
41 html,
42 body {
43 background-color: #ddf;
44 font-family: Arial, Helvetica, sans-serif;
45 font-size: 9pt;
46 }
47
48 #IconLibDefs {
49 display: none;
50 }
51
52 h2 {
53 color: darkred;
54 display: inline-block;
55 }
56
57 h2#tag {
58 float: right;
59 padding-right: 20px;
60 color: midnightblue;
61 }
62
63 svg .glyph {
64 stroke: none;
65 fill: midnightblue;
66 fill-rule: evenodd;
67 }
68
69 svg.embeddedGlyph .glyph rect {
70 fill: #fff
71 }
72
73 #showGlyphs {
74 overflow-y: scroll;
75 width: 400px;
76 border: 1px solid green;
77 display: inline-block;
78 padding-left: 4px;
79 background-color: #bbd;
80 }
81 #zoomed {
82 /*border: 1px solid green;*/
83 display: inline-block;
84 }
85
86 #zoomed svg {
87 background-color: #eef;
88 position: absolute;
89 }
90
91 </style>
92
93</head>
94<body class="light" ng-app="showGlyphs" ng-controller="OvShowGlyphs as ctrl">
95
96 <h2>ONOS Core Glyphs</h2>
97 <h2 id="tag"></h2>
98 <div id="container">
99 <div id="showGlyphs" class="half vscroll"></div>
100 <div id="zoomed" class="half">
101 </div>
102 </div>
103
104 <svg id="IconLibDefs">
105 <defs></defs>
106 </svg>
107</body>
108</html>