| <!-- app partial HTML --> |
| <div id="ov-app"> |
| <div class="tabular-header"> |
| <h2>Applications ({{tableData.length}} total)</h2> |
| <div class="ctrl-btns"> |
| <div class="refresh" ng-class="{active: autoRefresh}" |
| icon icon-size="36" icon-id="refresh" |
| ng-click="toggleRefresh()"></div> |
| <div class="separator"></div> |
| |
| <form id="inputFileForm"> |
| <input id="uploadFile" |
| type="file" size="50" accept=".oar" |
| file-model="appFile"> |
| </form> |
| <div icon icon-size="36" icon-id="plus" |
| class="active" trigger-form> |
| </div> |
| <div icon icon-size="36" icon-id="play" |
| ng-click="appAction('activate')" |
| ng-class="{active: ctrlBtnState.installed}"> |
| </div> |
| <div icon icon-size="36" icon-id="stop" |
| ng-click="appAction('deactivate')" |
| ng-class="{active: ctrlBtnState.active}"> |
| </div> |
| <div icon icon-size="36" icon-id="garbage" |
| ng-click="appAction('uninstall')" |
| ng-class="{active: ctrlBtnState.selection}"> |
| </div> |
| </div> |
| </div> |
| |
| <div class="summary-list" onos-fixed-header> |
| |
| <div class="table-header" |
| onos-sortable-header |
| sort-params="sortParams" |
| sort-callback="sortCallback(sortParams)"> |
| <table> |
| <tr> |
| <td colId="state" class="table-icon" sortable></td> |
| <td colId="id" sortable>App ID </td> |
| <td colId="version" sortable>Version </td> |
| <td colId="origin" sortable>Origin </td> |
| <td colId="desc" col-width="475px">Description </td> |
| </tr> |
| </table> |
| </div> |
| |
| <div class="table-body"> |
| <table> |
| <tr ng-hide="tableData.length" class="no-data ignore-width"> |
| <td colspan="5"> |
| No Applications found |
| </td> |
| </tr> |
| |
| <tr ng-repeat="app in tableData" |
| ng-click="selectCallback($event, app)" |
| ng-class="{selected: app.id === selId}" |
| ng-repeat-done> |
| <td class="table-icon"> |
| <div icon icon-id="{{app._iconid_state}}"></div> |
| </td> |
| <td>{{app.id}}</td> |
| <td>{{app.version}}</td> |
| <td>{{app.origin}}</td> |
| <td>{{app.desc}}</td> |
| </tr> |
| </table> |
| </div> |
| |
| </div> |
| |
| </div> |