홍길동 / onos

Go to a project
Toggle navigation Toggle navigation pinning
Simon Hunt
Committed by Brian O'Connor
5487ce70 1 parent a42c4dcc

ONOS-4359: continued work on theming UI 

- changed spacing on table headers
- increased table header icon sizes a smidge
- modified 'play' glyph
- removed copyright from "partial" HTML snippets
- switched order of buttons on Intents View

Change-Id: I16967721ca0d22449f34b40ee2eb102d37ca12fd
(cherry picked from commit 772e6889)
Inline Side-by-side
Showing 20 changed files with 61 additions and 116 deletions
...@@ -543,7 +543,7 @@ ...@@ -543,7 +543,7 @@
543 543
544 minus: "M2,4h6v2h-6z", 544 minus: "M2,4h6v2h-6z",
545 545
546 - play: "M2.5,2l5.5,3l-5.5,3z", 546 + play: "M3,1.5l3.5,3.5l-3.5,3.5z",
547 547
548 stop: "M2.5,2.5h5v5h-5z", 548 stop: "M2.5,2.5h5v5h-5z",
549 549
......
...@@ -83,19 +83,18 @@ div.ctrl-btns { ...@@ -83,19 +83,18 @@ div.ctrl-btns {
83 display: inline-block; 83 display: inline-block;
84 float: right; 84 float: right;
85 height: 44px; 85 height: 44px;
86 - margin-right: 24px; 86 + margin-top: 24px;
87 - margin-top: 7px; 87 + margin-right: 20px;
88 } 88 }
89 89
90 div.ctrl-btns div { 90 div.ctrl-btns div {
91 display: inline-block; 91 display: inline-block;
92 - padding: 4px;
93 cursor: pointer; 92 cursor: pointer;
94 } 93 }
95 94
96 div.ctrl-btns div.separator { 95 div.ctrl-btns div.separator {
97 width: 0; 96 width: 0;
98 - height: 32px; 97 + height: 40px;
99 padding: 0; 98 padding: 0;
100 border-right: 1px solid #c7c7c0; 99 border-right: 1px solid #c7c7c0;
101 } 100 }
......
...@@ -44,7 +44,7 @@ body { ...@@ -44,7 +44,7 @@ body {
44 #view h2 { 44 #view h2 {
45 -webkit-margin-before: 0; 45 -webkit-margin-before: 0;
46 -webkit-margin-after: 0; 46 -webkit-margin-after: 0;
47 - margin-left: 16px; 47 + margin: 32px 0 4px 16px;
48 padding: 0; 48 padding: 0;
49 font-size: 21pt; 49 font-size: 21pt;
50 font-weight: lighter; 50 font-weight: lighter;
......
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
23 } 23 }
24 24
25 #ov-app div.ctrl-btns { 25 #ov-app div.ctrl-btns {
26 - width: 260px; 26 + width: 250px;
27 } 27 }
28 28
29 #ov-app form#inputFileForm, 29 #ov-app form#inputFileForm,
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
4 <h2>Applications ({{tableData.length}} total)</h2> 4 <h2>Applications ({{tableData.length}} total)</h2>
5 <div class="ctrl-btns"> 5 <div class="ctrl-btns">
6 <div class="refresh" ng-class="{active: autoRefresh}" 6 <div class="refresh" ng-class="{active: autoRefresh}"
7 - icon icon-size="36" icon-id="refresh" 7 + icon icon-size="42" icon-id="refresh"
8 tooltip tt-msg="autoRefreshTip" 8 tooltip tt-msg="autoRefreshTip"
9 ng-click="toggleRefresh()"></div> 9 ng-click="toggleRefresh()"></div>
10 10
...@@ -16,21 +16,21 @@ ...@@ -16,21 +16,21 @@
16 file-model="appFile"> 16 file-model="appFile">
17 </form> 17 </form>
18 18
19 - <div icon icon-size="36" icon-id="plus" 19 + <div icon icon-size="42" icon-id="plus"
20 class="active" trigger-form 20 class="active" trigger-form
21 tooltip tt-msg="uploadTip"> 21 tooltip tt-msg="uploadTip">
22 </div> 22 </div>
23 - <div icon icon-size="36" icon-id="play" 23 + <div icon icon-size="42" icon-id="play"
24 ng-click="appAction('activate')" 24 ng-click="appAction('activate')"
25 tooltip tt-msg="activateTip" 25 tooltip tt-msg="activateTip"
26 ng-class="{active: ctrlBtnState.installed}"> 26 ng-class="{active: ctrlBtnState.installed}">
27 </div> 27 </div>
28 - <div icon icon-size="36" icon-id="stop" 28 + <div icon icon-size="42" icon-id="stop"
29 ng-click="appAction('deactivate')" 29 ng-click="appAction('deactivate')"
30 tooltip tt-msg="deactivateTip" 30 tooltip tt-msg="deactivateTip"
31 ng-class="{active: ctrlBtnState.active}"> 31 ng-class="{active: ctrlBtnState.active}">
32 </div> 32 </div>
33 - <div icon icon-size="36" icon-id="garbage" 33 + <div icon icon-size="42" icon-id="garbage"
34 ng-click="appAction('uninstall')" 34 ng-click="appAction('uninstall')"
35 tooltip tt-msg="uninstallTip" 35 tooltip tt-msg="uninstallTip"
36 ng-class="{active: ctrlBtnState.selection}"> 36 ng-class="{active: ctrlBtnState.selection}">
......
1 -<!--
2 - ~ Copyright 2015-present Open Networking Laboratory
3 - ~
4 - ~ Licensed under the Apache License, Version 2.0 (the "License");
5 - ~ you may not use this file except in compliance with the License.
6 - ~ You may obtain a copy of the License at
7 - ~
8 - ~ http://www.apache.org/licenses/LICENSE-2.0
9 - ~
10 - ~ Unless required by applicable law or agreed to in writing, software
11 - ~ distributed under the License is distributed on an "AS IS" BASIS,
12 - ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 - ~ See the License for the specific language governing permissions and
14 - ~ limitations under the License.
15 - -->
16 -
17 <!-- Cluster partial HTML --> 1 <!-- Cluster partial HTML -->
18 <div id="ov-cluster"> 2 <div id="ov-cluster">
19 <div class="tabular-header"> 3 <div class="tabular-header">
20 - <h2>Cluster Nodes ({{tableData.length}} total)</h2> 4 + <h2>
5 + Cluster Nodes ({{tableData.length}} total)
6 + </h2>
21 <div class="ctrl-btns"> 7 <div class="ctrl-btns">
22 <div class="refresh" ng-class="{active: autoRefresh}" 8 <div class="refresh" ng-class="{active: autoRefresh}"
23 - icon icon-size="36" icon-id="refresh" 9 + icon icon-size="42" icon-id="refresh"
24 tooltip tt-msg="autoRefreshTip" 10 tooltip tt-msg="autoRefreshTip"
25 ng-click="toggleRefresh()"></div> 11 ng-click="toggleRefresh()"></div>
26 </div> 12 </div>
......
...@@ -4,31 +4,31 @@ ...@@ -4,31 +4,31 @@
4 <h2>Devices ({{tableData.length}} total)</h2> 4 <h2>Devices ({{tableData.length}} total)</h2>
5 <div class="ctrl-btns"> 5 <div class="ctrl-btns">
6 <div class="refresh" ng-class="{active: autoRefresh}" 6 <div class="refresh" ng-class="{active: autoRefresh}"
7 - icon icon-id="refresh" icon-size="36" 7 + icon icon-id="refresh" icon-size="42"
8 tooltip tt-msg="autoRefreshTip" 8 tooltip tt-msg="autoRefreshTip"
9 ng-click="toggleRefresh()"></div> 9 ng-click="toggleRefresh()"></div>
10 <div class="separator"></div> 10 <div class="separator"></div>
11 11
12 <div ng-class="{'current-view': !!selId}" 12 <div ng-class="{'current-view': !!selId}"
13 - icon icon-id="deviceTable" icon-size="36"></div> 13 + icon icon-id="deviceTable" icon-size="42"></div>
14 14
15 <div ng-class="{active: !!selId}" 15 <div ng-class="{active: !!selId}"
16 - icon icon-id="flowTable" icon-size="36" 16 + icon icon-id="flowTable" icon-size="42"
17 tooltip tt-msg="flowTip" 17 tooltip tt-msg="flowTip"
18 ng-click="nav('flow')"></div> 18 ng-click="nav('flow')"></div>
19 19
20 <div ng-class="{active: !!selId}" 20 <div ng-class="{active: !!selId}"
21 - icon icon-id="portTable" icon-size="36" 21 + icon icon-id="portTable" icon-size="42"
22 tooltip tt-msg="portTip" 22 tooltip tt-msg="portTip"
23 ng-click="nav('port')"></div> 23 ng-click="nav('port')"></div>
24 24
25 <div ng-class="{active: !!selId}" 25 <div ng-class="{active: !!selId}"
26 - icon icon-id="groupTable" icon-size="36" 26 + icon icon-id="groupTable" icon-size="42"
27 tooltip tt-msg="groupTip" 27 tooltip tt-msg="groupTip"
28 ng-click="nav('group')"></div> 28 ng-click="nav('group')"></div>
29 29
30 <div ng-class="{active: !!selId}" 30 <div ng-class="{active: !!selId}"
31 - icon icon-id="meterTable" icon-size="36" 31 + icon icon-id="meterTable" icon-size="42"
32 tooltip tt-msg="meterTip" 32 tooltip tt-msg="meterTip"
33 ng-click="nav('meter')"></div> 33 ng-click="nav('meter')"></div>
34 </div> 34 </div>
......
...@@ -7,32 +7,32 @@ ...@@ -7,32 +7,32 @@
7 </h2> 7 </h2>
8 <div class="ctrl-btns"> 8 <div class="ctrl-btns">
9 <div class="refresh" ng-class="{active: autoRefresh}" 9 <div class="refresh" ng-class="{active: autoRefresh}"
10 - icon icon-size="36" icon-id="refresh" 10 + icon icon-size="42" icon-id="refresh"
11 tooltip tt-msg="autoRefreshTip" 11 tooltip tt-msg="autoRefreshTip"
12 ng-click="toggleRefresh()"></div> 12 ng-click="toggleRefresh()"></div>
13 13
14 <div class="separator"></div> 14 <div class="separator"></div>
15 15
16 <div class="active" 16 <div class="active"
17 - icon icon-id="deviceTable" icon-size="36" 17 + icon icon-id="deviceTable" icon-size="42"
18 tooltip tt-msg="deviceTip" 18 tooltip tt-msg="deviceTip"
19 ng-click="nav('device')"></div> 19 ng-click="nav('device')"></div>
20 20
21 <div class="current-view" 21 <div class="current-view"
22 - icon icon-id="flowTable" icon-size="36"></div> 22 + icon icon-id="flowTable" icon-size="42"></div>
23 23
24 <div class="active" 24 <div class="active"
25 - icon icon-id="portTable" icon-size="36" 25 + icon icon-id="portTable" icon-size="42"
26 tooltip tt-msg="portTip" 26 tooltip tt-msg="portTip"
27 ng-click="nav('port')"></div> 27 ng-click="nav('port')"></div>
28 28
29 <div class="active" 29 <div class="active"
30 - icon icon-id="groupTable" icon-size="36" 30 + icon icon-id="groupTable" icon-size="42"
31 tooltip tt-msg="groupTip" 31 tooltip tt-msg="groupTip"
32 ng-click="nav('group')"></div> 32 ng-click="nav('group')"></div>
33 33
34 <div class="active" 34 <div class="active"
35 - icon icon-id="meterTable" icon-size="36" 35 + icon icon-id="meterTable" icon-size="42"
36 tooltip tt-msg="meterTip" 36 tooltip tt-msg="meterTip"
37 ng-click="nav('meter')"></div> 37 ng-click="nav('meter')"></div>
38 </div> 38 </div>
......
...@@ -7,32 +7,32 @@ ...@@ -7,32 +7,32 @@
7 </h2> 7 </h2>
8 <div class="ctrl-btns"> 8 <div class="ctrl-btns">
9 <div class="refresh" ng-class="{active: autoRefresh}" 9 <div class="refresh" ng-class="{active: autoRefresh}"
10 - icon icon-size="36" icon-id="refresh" 10 + icon icon-size="42" icon-id="refresh"
11 tooltip tt-msg="autoRefreshTip" 11 tooltip tt-msg="autoRefreshTip"
12 ng-click="toggleRefresh()"></div> 12 ng-click="toggleRefresh()"></div>
13 13
14 <div class="separator"></div> 14 <div class="separator"></div>
15 15
16 <div class="active" 16 <div class="active"
17 - icon icon-id="deviceTable" icon-size="36" 17 + icon icon-id="deviceTable" icon-size="42"
18 tooltip tt-msg="deviceTip" 18 tooltip tt-msg="deviceTip"
19 ng-click="nav('device')"></div> 19 ng-click="nav('device')"></div>
20 20
21 <div class="active" 21 <div class="active"
22 - icon icon-id="flowTable" icon-size="36" 22 + icon icon-id="flowTable" icon-size="42"
23 tooltip tt-msg="flowTip" 23 tooltip tt-msg="flowTip"
24 ng-click="nav('flow')"></div> 24 ng-click="nav('flow')"></div>
25 25
26 <div class="active" 26 <div class="active"
27 - icon icon-id="portTable" icon-size="36" 27 + icon icon-id="portTable" icon-size="42"
28 tooltip tt-msg="portTip" 28 tooltip tt-msg="portTip"
29 ng-click="nav('port')"></div> 29 ng-click="nav('port')"></div>
30 30
31 <div class="current-view" 31 <div class="current-view"
32 - icon icon-id="groupTable" icon-size="36"></div> 32 + icon icon-id="groupTable" icon-size="42"></div>
33 33
34 <div class="active" 34 <div class="active"
35 - icon icon-id="meterTable" icon-size="36" 35 + icon icon-id="meterTable" icon-size="42"
36 tooltip tt-msg="meterTip" 36 tooltip tt-msg="meterTip"
37 ng-click="nav('meter')"></div> 37 ng-click="nav('meter')"></div>
38 </div> 38 </div>
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
4 <h2>Hosts ({{tableData.length}} total)</h2> 4 <h2>Hosts ({{tableData.length}} total)</h2>
5 <div class="ctrl-btns"> 5 <div class="ctrl-btns">
6 <div class="refresh" ng-class="{active: autoRefresh}" 6 <div class="refresh" ng-class="{active: autoRefresh}"
7 - icon icon-size="36" icon-id="refresh" 7 + icon icon-size="42" icon-id="refresh"
8 tooltip tt-msg="autoRefreshTip" 8 tooltip tt-msg="autoRefreshTip"
9 ng-click="toggleRefresh()"></div> 9 ng-click="toggleRefresh()"></div>
10 </div> 10 </div>
......
...@@ -23,6 +23,7 @@ ...@@ -23,6 +23,7 @@
23 } 23 }
24 24
25 #ov-intent div.ctrl-btns { 25 #ov-intent div.ctrl-btns {
26 + width: 110px;
26 } 27 }
27 28
28 29
......
...@@ -3,15 +3,17 @@ ...@@ -3,15 +3,17 @@
3 <div class="tabular-header"> 3 <div class="tabular-header">
4 <h2>Intents ({{tableData.length}} total)</h2> 4 <h2>Intents ({{tableData.length}} total)</h2>
5 <div class="ctrl-btns"> 5 <div class="ctrl-btns">
6 - <div ng-class="{active: !!selId}"
7 - icon icon-id="topo" icon-size="36"
8 - tooltip tt-msg="topoTip"
9 - ng-click="showIntent()"></div>
10 - <div class="separator"></div>
11 <div class="refresh" ng-class="{active: autoRefresh}" 6 <div class="refresh" ng-class="{active: autoRefresh}"
12 - icon icon-size="36" icon-id="refresh" 7 + icon icon-size="42" icon-id="refresh"
13 tooltip tt-msg="autoRefreshTip" 8 tooltip tt-msg="autoRefreshTip"
14 ng-click="toggleRefresh()"></div> 9 ng-click="toggleRefresh()"></div>
10 +
11 + <div class="separator"></div>
12 +
13 + <div ng-class="{active: !!selId}"
14 + icon icon-id="topo" icon-size="42"
15 + tooltip tt-msg="topoTip"
16 + ng-click="showIntent()"></div>
15 </div> 17 </div>
16 </div> 18 </div>
17 19
......
1 -<!--
2 - ~ Copyright 2015-present Open Networking Laboratory
3 - ~
4 - ~ Licensed under the Apache License, Version 2.0 (the "License");
5 - ~ you may not use this file except in compliance with the License.
6 - ~ You may obtain a copy of the License at
7 - ~
8 - ~ http://www.apache.org/licenses/LICENSE-2.0
9 - ~
10 - ~ Unless required by applicable law or agreed to in writing, software
11 - ~ distributed under the License is distributed on an "AS IS" BASIS,
12 - ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 - ~ See the License for the specific language governing permissions and
14 - ~ limitations under the License.
15 - -->
16 -
17 <!-- Link partial HTML --> 1 <!-- Link partial HTML -->
18 <div id="ov-link"> 2 <div id="ov-link">
19 <div class="tabular-header"> 3 <div class="tabular-header">
20 <h2>Links ({{tableData.length}} total)</h2> 4 <h2>Links ({{tableData.length}} total)</h2>
21 <div class="ctrl-btns"> 5 <div class="ctrl-btns">
22 <div class="refresh" ng-class="{active: autoRefresh}" 6 <div class="refresh" ng-class="{active: autoRefresh}"
23 - icon icon-size="36" icon-id="refresh" 7 + icon icon-size="42" icon-id="refresh"
24 tooltip tt-msg="autoRefreshTip" 8 tooltip tt-msg="autoRefreshTip"
25 ng-click="toggleRefresh()"></div> 9 ng-click="toggleRefresh()"></div>
26 </div> 10 </div>
......
...@@ -7,34 +7,34 @@ ...@@ -7,34 +7,34 @@
7 </h2> 7 </h2>
8 <div class="ctrl-btns"> 8 <div class="ctrl-btns">
9 <div class="refresh" ng-class="{active: autoRefresh}" 9 <div class="refresh" ng-class="{active: autoRefresh}"
10 - icon icon-size="36" icon-id="refresh" 10 + icon icon-size="42" icon-id="refresh"
11 tooltip tt-msg="autoRefreshTip" 11 tooltip tt-msg="autoRefreshTip"
12 ng-click="toggleRefresh()"></div> 12 ng-click="toggleRefresh()"></div>
13 13
14 <div class="separator"></div> 14 <div class="separator"></div>
15 15
16 <div class="active" 16 <div class="active"
17 - icon icon-id="deviceTable" icon-size="36" 17 + icon icon-id="deviceTable" icon-size="42"
18 tooltip tt-msg="deviceTip" 18 tooltip tt-msg="deviceTip"
19 ng-click="nav('device')"></div> 19 ng-click="nav('device')"></div>
20 20
21 <div class="active" 21 <div class="active"
22 - icon icon-id="flowTable" icon-size="36" 22 + icon icon-id="flowTable" icon-size="42"
23 tooltip tt-msg="flowTip" 23 tooltip tt-msg="flowTip"
24 ng-click="nav('flow')"></div> 24 ng-click="nav('flow')"></div>
25 25
26 <div class="active" 26 <div class="active"
27 - icon icon-id="portTable" icon-size="36" 27 + icon icon-id="portTable" icon-size="42"
28 tooltip tt-msg="portTip" 28 tooltip tt-msg="portTip"
29 ng-click="nav('port')"></div> 29 ng-click="nav('port')"></div>
30 30
31 <div class="active" 31 <div class="active"
32 - icon icon-id="groupTable" icon-size="36" 32 + icon icon-id="groupTable" icon-size="42"
33 tooltip tt-msg="groupTip" 33 tooltip tt-msg="groupTip"
34 ng-click="nav('group')"></div> 34 ng-click="nav('group')"></div>
35 35
36 <div class="current-view" 36 <div class="current-view"
37 - icon icon-id="meterTable" icon-size="36"></div> 37 + icon icon-id="meterTable" icon-size="42"></div>
38 </div> 38 </div>
39 </div> 39 </div>
40 40
......
...@@ -7,32 +7,32 @@ ...@@ -7,32 +7,32 @@
7 </h2> 7 </h2>
8 <div class="ctrl-btns"> 8 <div class="ctrl-btns">
9 <div class="refresh" ng-class="{active: autoRefresh}" 9 <div class="refresh" ng-class="{active: autoRefresh}"
10 - icon icon-size="36" icon-id="refresh" 10 + icon icon-size="42" icon-id="refresh"
11 tooltip tt-msg="autoRefreshTip" 11 tooltip tt-msg="autoRefreshTip"
12 ng-click="toggleRefresh()"></div> 12 ng-click="toggleRefresh()"></div>
13 13
14 <div class="separator"></div> 14 <div class="separator"></div>
15 15
16 <div class="active" 16 <div class="active"
17 - icon icon-id="deviceTable" icon-size="36" 17 + icon icon-id="deviceTable" icon-size="42"
18 tooltip tt-msg="deviceTip" 18 tooltip tt-msg="deviceTip"
19 ng-click="nav('device')"></div> 19 ng-click="nav('device')"></div>
20 20
21 <div class="active" 21 <div class="active"
22 - icon icon-id="flowTable" icon-size="36" 22 + icon icon-id="flowTable" icon-size="42"
23 tooltip tt-msg="flowTip" 23 tooltip tt-msg="flowTip"
24 ng-click="nav('flow')"></div> 24 ng-click="nav('flow')"></div>
25 25
26 <div class="current-view" 26 <div class="current-view"
27 - icon icon-id="portTable" icon-size="36"></div> 27 + icon icon-id="portTable" icon-size="42"></div>
28 28
29 <div class="active" 29 <div class="active"
30 - icon icon-id="groupTable" icon-size="36" 30 + icon icon-id="groupTable" icon-size="42"
31 tooltip tt-msg="groupTip" 31 tooltip tt-msg="groupTip"
32 ng-click="nav('group')"></div> 32 ng-click="nav('group')"></div>
33 33
34 <div class="active" 34 <div class="active"
35 - icon icon-id="meterTable" icon-size="36" 35 + icon icon-id="meterTable" icon-size="42"
36 tooltip tt-msg="meterTip" 36 tooltip tt-msg="meterTip"
37 ng-click="nav('meter')"></div> 37 ng-click="nav('meter')"></div>
38 </div> 38 </div>
......
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
23 } 23 }
24 24
25 #ov-processor div.ctrl-btns { 25 #ov-processor div.ctrl-btns {
26 - width: 40px; 26 + width: 45px;
27 } 27 }
28 28
29 #ov-processor td.priority { 29 #ov-processor td.priority {
......
...@@ -6,20 +6,9 @@ ...@@ -6,20 +6,9 @@
6 </h2> 6 </h2>
7 <div class="ctrl-btns"> 7 <div class="ctrl-btns">
8 <div class="refresh" ng-class="{active: autoRefresh}" 8 <div class="refresh" ng-class="{active: autoRefresh}"
9 - icon icon-size="36" icon-id="refresh" 9 + icon icon-size="42" icon-id="refresh"
10 tooltip tt-msg="autoRefreshTip" 10 tooltip tt-msg="autoRefreshTip"
11 ng-click="toggleRefresh()"></div> 11 ng-click="toggleRefresh()"></div>
12 - <!--
13 - <div class="separator"></div>
14 -
15 - <div class="current-view"
16 - icon icon-id="processorTable" icon-size="36"></div>
17 -
18 - <div class="active"
19 - icon icon-id="requestTable" icon-size="36"git sta
20 - tooltip tt-msg="requestTip"
21 - ng-click="nav('request')"></div>
22 - -->
23 </div> 12 </div>
24 </div> 13 </div>
25 14
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
4 <h2>Component Settings ({{tableData.length}} total)</h2> 4 <h2>Component Settings ({{tableData.length}} total)</h2>
5 <div class="ctrl-btns"> 5 <div class="ctrl-btns">
6 <div class="refresh" ng-class="{active: autoRefresh}" 6 <div class="refresh" ng-class="{active: autoRefresh}"
7 - icon icon-size="36" icon-id="refresh" 7 + icon icon-size="42" icon-id="refresh"
8 tooltip tt-msg="autoRefreshTip" 8 tooltip tt-msg="autoRefreshTip"
9 ng-click="toggleRefresh()"></div> 9 ng-click="toggleRefresh()"></div>
10 </div> 10 </div>
......
1 -<!--
2 - ~ Copyright 2015-present Open Networking Laboratory
3 - ~
4 - ~ Licensed under the Apache License, Version 2.0 (the "License");
5 - ~ you may not use this file except in compliance with the License.
6 - ~ You may obtain a copy of the License at
7 - ~
8 - ~ http://www.apache.org/licenses/LICENSE-2.0
9 - ~
10 - ~ Unless required by applicable law or agreed to in writing, software
11 - ~ distributed under the License is distributed on an "AS IS" BASIS,
12 - ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 - ~ See the License for the specific language governing permissions and
14 - ~ limitations under the License.
15 - -->
16 -
17 <!-- Tunnel partial HTML --> 1 <!-- Tunnel partial HTML -->
18 <div id="ov-tunnel"> 2 <div id="ov-tunnel">
19 <div class="tabular-header"> 3 <div class="tabular-header">
20 <h2>Tunnels ({{tableData.length}} total)</h2> 4 <h2>Tunnels ({{tableData.length}} total)</h2>
21 <div class="ctrl-btns"> 5 <div class="ctrl-btns">
22 <div class="refresh" ng-class="{active: autoRefresh}" 6 <div class="refresh" ng-class="{active: autoRefresh}"
23 - icon icon-size="36" icon-id="refresh" 7 + icon icon-size="42" icon-id="refresh"
24 tooltip tt-msg="autoRefreshTip" 8 tooltip tt-msg="autoRefreshTip"
25 ng-click="toggleRefresh()"></div> 9 ng-click="toggleRefresh()"></div>
26 </div> 10 </div>
......
...@@ -78,7 +78,7 @@ describe('factory: fw/svg/glyph.js', function() { ...@@ -78,7 +78,7 @@ describe('factory: fw/svg/glyph.js', function() {
78 triangleDown: 'M9.5,4.2c0', 78 triangleDown: 'M9.5,4.2c0',
79 plus: 'M4,2h2v2h2v2', 79 plus: 'M4,2h2v2h2v2',
80 minus: 'M2,4h6v2', 80 minus: 'M2,4h6v2',
81 - play: 'M2.5,2l5.5,3', 81 + play: 'M3,1.5l3.5,3.5',
82 stop: 'M2.5,2.5h5', 82 stop: 'M2.5,2.5h5',
83 xClose: 'M8.6,6.8L6.8,8.6', 83 xClose: 'M8.6,6.8L6.8,8.6',
84 84
......