diff options
author | Ashlee Young <ashlee@onosfw.com> | 2015-09-09 22:15:21 -0700 |
---|---|---|
committer | Ashlee Young <ashlee@onosfw.com> | 2015-09-09 22:15:21 -0700 |
commit | 13d05bc8458758ee39cb829098241e89616717ee (patch) | |
tree | 22a4d1ce65f15952f07a3df5af4b462b4697cb3a /framework/src/onos/web/gui/src/main/webapp/app/view/device/device.html | |
parent | 6139282e1e93c2322076de4b91b1c85d0bc4a8b3 (diff) |
ONOS checkin based on commit tag e796610b1f721d02f9b0e213cf6f7790c10ecd60
Change-Id: Ife8810491034fe7becdba75dda20de4267bd15cd
Diffstat (limited to 'framework/src/onos/web/gui/src/main/webapp/app/view/device/device.html')
-rw-r--r-- | framework/src/onos/web/gui/src/main/webapp/app/view/device/device.html | 82 |
1 files changed, 82 insertions, 0 deletions
diff --git a/framework/src/onos/web/gui/src/main/webapp/app/view/device/device.html b/framework/src/onos/web/gui/src/main/webapp/app/view/device/device.html new file mode 100644 index 00000000..5d51d1d4 --- /dev/null +++ b/framework/src/onos/web/gui/src/main/webapp/app/view/device/device.html @@ -0,0 +1,82 @@ +<!-- Device partial HTML --> +<div id="ov-device"> + <div class="tabular-header"> + <h2>Devices ({{tableData.length}} total)</h2> + <div class="ctrl-btns"> + <div class="refresh" ng-class="{active: autoRefresh}" + icon icon-id="refresh" icon-size="36" + tooltip tt-msg="autoRefreshTip" + ng-click="toggleRefresh()"></div> + <div class="separator"></div> + + <div ng-class="{active: !!selId}" + icon icon-id="flowTable" icon-size="36" + tooltip tt-msg="flowTip" + ng-click="nav('flow')"></div> + + <div ng-class="{active: !!selId}" + icon icon-id="portTable" icon-size="36" + tooltip tt-msg="portTip" + ng-click="nav('port')"></div> + + <div ng-class="{active: !!selId}" + icon icon-id="groupTable" icon-size="36" + tooltip tt-msg="groupTip" + ng-click="nav('group')"></div> + </div> + </div> + + <div class="summary-list" onos-table-resize> + <div ng-show="loading" class="loading-wheel" + icon icon-id="loading" icon-size="75"></div> + + <div class="table-header" onos-sortable-header> + <table> + <tr> + <td colId="available" class="table-icon" sortable></td> + <td colId="type" class="table-icon" sortable></td> + <td colId="id" sortable>Device ID </td> + <td colId="masterid" sortable>Master Instance </td> + <td colId="num_ports" sortable>Ports </td> + <td colId="mfr" sortable>Vendor </td> + <td colId="hw" sortable>H/W Version </td> + <td colId="sw" sortable>S/W Version </td> + <td colId="protocol" sortable>Protocol </td> + </tr> + </table> + </div> + + <div class="table-body"> + <table onos-flash-changes id-prop="id"> + <tr ng-if="!tableData.length" class="no-data"> + <td colspan="9"> + No Devices found + </td> + </tr> + + <tr ng-repeat="dev in tableData track by $index" + ng-click="selectCallback($event, dev)" + ng-class="{selected: dev.id === selId}" + ng-repeat-complete row-id="{{dev.id}}"> + <td class="table-icon"> + <div icon icon-id="{{dev._iconid_available}}"></div> + </td> + <td class="table-icon"> + <div icon icon-id="{{dev._iconid_type}}"></div> + </td> + <td>{{dev.id}}</td> + <td>{{dev.masterid}}</td> + <td>{{dev.num_ports}}</td> + <td>{{dev.mfr}}</td> + <td>{{dev.hw}}</td> + <td>{{dev.sw}}</td> + <td>{{dev.protocol}}</td> + </tr> + </table> + </div> + + </div> + + <device-details-panel></device-details-panel> + +</div> |