ONOS-2202 - GUI -- Moved flow, port, and group navigation buttons out of device details panel. Created tab-like behavior to switch between the three views when viewing any of them.
Change-Id: Ibc4291689e913a3537bd621e8e579f5e198ae5f2
diff --git a/web/gui/src/main/webapp/app/view/device/device.html b/web/gui/src/main/webapp/app/view/device/device.html
index 564d6c4..4a63519 100644
--- a/web/gui/src/main/webapp/app/view/device/device.html
+++ b/web/gui/src/main/webapp/app/view/device/device.html
@@ -4,8 +4,21 @@
<h2>Devices ({{tableData.length}} total)</h2>
<div class="ctrl-btns">
<div class="refresh" ng-class="{active: autoRefresh}"
- icon icon-size="36" icon-id="refresh"
+ icon icon-id="refresh" icon-size="36"
ng-click="toggleRefresh()"></div>
+ <div class="separator"></div>
+
+ <div ng-class="{active: !!selId}"
+ icon icon-id="flowTable" icon-size="36"
+ ng-click="nav('flow')"></div>
+
+ <div ng-class="{active: !!selId}"
+ icon icon-id="portTable" icon-size="36"
+ ng-click="nav('port')"></div>
+
+ <div ng-class="{active: !!selId}"
+ icon icon-id="groupTable" icon-size="36"
+ ng-click="nav('group')"></div>
</div>
</div>