홍길동 / onos

Go to a project
Toggle navigation Toggle navigation pinning
Simon Hunt
20856ec0 1 parent 14a38dad

ONOS-3265: Added navigation button / logic for devices/flows/ports/groups views. 

 - just need to create a "devices table" icon.

Change-Id: I3efca7dbb1ebb718416b583b71639763b9f32886
Inline Side-by-side
Showing 11 changed files with 35 additions and 4 deletions
...@@ -23,7 +23,20 @@ ...@@ -23,7 +23,20 @@
23 } 23 }
24 24
25 #ov-device div.ctrl-btns { 25 #ov-device div.ctrl-btns {
26 - width: 240px; 26 +}
27 +
28 +.light #ov-device .current-view use {
29 + fill: white;
30 +}
31 +.dark #ov-device .current-view use {
32 + fill: #304860;
33 +}
34 +
35 +.light #ov-device .current-view rect {
36 + fill: deepskyblue;
37 +}
38 +.dark #ov-device .current-view rect {
39 + fill: #eee;
27 } 40 }
28 41
29 /* More in generic panel.css */ 42 /* More in generic panel.css */
......
...@@ -9,6 +9,9 @@ ...@@ -9,6 +9,9 @@
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}"
13 + icon icon-id="query" icon-size="36"></div>
14 +
12 <div ng-class="{active: !!selId}" 15 <div ng-class="{active: !!selId}"
13 icon icon-id="flowTable" icon-size="36" 16 icon icon-id="flowTable" icon-size="36"
14 tooltip tt-msg="flowTip" 17 tooltip tt-msg="flowTip"
......
...@@ -23,7 +23,6 @@ ...@@ -23,7 +23,6 @@
23 } 23 }
24 24
25 #ov-flow div.ctrl-btns { 25 #ov-flow div.ctrl-btns {
26 - width: 240px;
27 } 26 }
28 27
29 .light #ov-flow .current-view use { 28 .light #ov-flow .current-view use {
......
...@@ -13,6 +13,11 @@ ...@@ -13,6 +13,11 @@
13 13
14 <div class="separator"></div> 14 <div class="separator"></div>
15 15
16 + <div class="active"
17 + icon icon-id="query" icon-size="36"
18 + tooltip tt-msg="deviceTip"
19 + ng-click="nav('device')"></div>
20 +
16 <div class="current-view" 21 <div class="current-view"
17 icon icon-id="flowTable" icon-size="36"></div> 22 icon icon-id="flowTable" icon-size="36"></div>
18 23
......
...@@ -37,6 +37,7 @@ ...@@ -37,6 +37,7 @@
37 fs = _fs_; 37 fs = _fs_;
38 tbs = _tbs_; 38 tbs = _tbs_;
39 ns = _ns_; 39 ns = _ns_;
40 + $scope.deviceTip = 'Show device table';
40 $scope.portTip = 'Show port view for this device'; 41 $scope.portTip = 'Show port view for this device';
41 $scope.groupTip = 'Show group view for this device'; 42 $scope.groupTip = 'Show group view for this device';
42 43
......
...@@ -23,7 +23,6 @@ ...@@ -23,7 +23,6 @@
23 } 23 }
24 24
25 #ov-group div.ctrl-btns { 25 #ov-group div.ctrl-btns {
26 - width: 240px;
27 } 26 }
28 27
29 .light #ov-group .current-view use { 28 .light #ov-group .current-view use {
......
...@@ -30,6 +30,11 @@ ...@@ -30,6 +30,11 @@
30 <div class="separator"></div> 30 <div class="separator"></div>
31 31
32 <div class="active" 32 <div class="active"
33 + icon icon-id="query" icon-size="36"
34 + tooltip tt-msg="deviceTip"
35 + ng-click="nav('device')"></div>
36 +
37 + <div class="active"
33 icon icon-id="flowTable" icon-size="36" 38 icon icon-id="flowTable" icon-size="36"
34 tooltip tt-msg="flowTip" 39 tooltip tt-msg="flowTip"
35 ng-click="nav('flow')"></div> 40 ng-click="nav('flow')"></div>
......
...@@ -37,6 +37,7 @@ ...@@ -37,6 +37,7 @@
37 fs = _fs_; 37 fs = _fs_;
38 tbs = _tbs_; 38 tbs = _tbs_;
39 ns = _ns_; 39 ns = _ns_;
40 + $scope.deviceTip = 'Show device table';
40 $scope.flowTip = 'Show flow view for this device'; 41 $scope.flowTip = 'Show flow view for this device';
41 $scope.portTip = 'Show port view for this device'; 42 $scope.portTip = 'Show port view for this device';
42 43
......
...@@ -23,7 +23,6 @@ ...@@ -23,7 +23,6 @@
23 } 23 }
24 24
25 #ov-port div.ctrl-btns { 25 #ov-port div.ctrl-btns {
26 - width: 240px;
27 } 26 }
28 27
29 .light #ov-port .current-view use { 28 .light #ov-port .current-view use {
......
...@@ -30,6 +30,11 @@ ...@@ -30,6 +30,11 @@
30 <div class="separator"></div> 30 <div class="separator"></div>
31 31
32 <div class="active" 32 <div class="active"
33 + icon icon-id="query" icon-size="36"
34 + tooltip tt-msg="deviceTip"
35 + ng-click="nav('device')"></div>
36 +
37 + <div class="active"
33 icon icon-id="flowTable" icon-size="36" 38 icon icon-id="flowTable" icon-size="36"
34 tooltip tt-msg="flowTip" 39 tooltip tt-msg="flowTip"
35 ng-click="nav('flow')"></div> 40 ng-click="nav('flow')"></div>
......
...@@ -37,6 +37,7 @@ ...@@ -37,6 +37,7 @@
37 fs = _fs_; 37 fs = _fs_;
38 tbs = _tbs_; 38 tbs = _tbs_;
39 ns = _ns_; 39 ns = _ns_;
40 + $scope.deviceTip = 'Show device table';
40 $scope.flowTip = 'Show flow view for this device'; 41 $scope.flowTip = 'Show flow view for this device';
41 $scope.groupTip = 'Show group view for this device'; 42 $scope.groupTip = 'Show group view for this device';
42 43
......