diff options
Diffstat (limited to 'framework/src/onos/web/gui/src/main/webapp/app/view/flow/flow.html')
-rw-r--r-- | framework/src/onos/web/gui/src/main/webapp/app/view/flow/flow.html | 84 |
1 files changed, 84 insertions, 0 deletions
diff --git a/framework/src/onos/web/gui/src/main/webapp/app/view/flow/flow.html b/framework/src/onos/web/gui/src/main/webapp/app/view/flow/flow.html new file mode 100644 index 00000000..5fce98cf --- /dev/null +++ b/framework/src/onos/web/gui/src/main/webapp/app/view/flow/flow.html @@ -0,0 +1,84 @@ +<!-- Flow partial HTML --> +<div id="ov-flow"> + <div class="tabular-header"> + <h2> + Flows for Device {{devId || "(No device selected)"}} + ({{tableData.length}} total) + </h2> + <div class="ctrl-btns"> + <div class="refresh" ng-class="{active: autoRefresh}" + icon icon-size="36" icon-id="refresh" + tooltip tt-msg="autoRefreshTip" + ng-click="toggleRefresh()"></div> + + <div class="separator"></div> + + <div class="current-view" + icon icon-id="flowTable" icon-size="36"></div> + + <div class="active" + icon icon-id="portTable" icon-size="36" + tooltip tt-msg="portTip" + ng-click="nav('port')"></div> + + <div class="active" + 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="id" col-width="180px" sortable>Flow ID </td> + <td colId="appId" sortable>App ID </td> + <td colId="groupId" sortable>Group ID </td> + <td colId="tableId" sortable>Table ID </td> + <td colId="priority" sortable>Priority </td> + <td colId="timeout" sortable>Timeout </td> + <td colId="permanent" sortable>Permanent </td> + <td colId="state" sortable>State </td> + <td colId="packets" sortable>Packets </td> + <td colId="bytes" sortable>Bytes </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="10"> + No Flows found + </td> + </tr> + + <tr ng-repeat-start="flow in tableData track by $index" + ng-repeat-complete row-id="{{flow.id}}"> + <td>{{flow.id}}</td> + <td>{{flow.appId}}</td> + <td>{{flow.groupId}}</td> + <td>{{flow.tableId}}</td> + <td>{{flow.priority}}</td> + <td>{{flow.timeout}}</td> + <td>{{flow.permanent}}</td> + <td>{{flow.state}}</td> + <td>{{flow.packets}}</td> + <td>{{flow.bytes}}</td> + </tr> + <tr row-id="{{flow.id}}"> + <td class="selector" colspan="10">{{flow.selector}}</td> + </tr> + <tr row-id="{{flow.id}}" ng-repeat-end> + <td class="treatment" colspan="10">{{flow.treatment}}</td> + </tr> + </table> + </div> + + </div> + +</div> |