Matteo Scandolo | 22f8e82 | 2017-09-28 16:35:20 -0700 | [diff] [blame^] | 1 | <!-- |
| 2 | Copyright 2017-present Open Networking Foundation |
| 3 | |
| 4 | Licensed under the Apache License, Version 2.0 (the "License"); |
| 5 | you may not use this file except in compliance with the License. |
| 6 | You may obtain a copy of the License at |
| 7 | |
| 8 | http://www.apache.org/licenses/LICENSE-2.0 |
| 9 | |
| 10 | Unless required by applicable law or agreed to in writing, software |
| 11 | distributed under the License is distributed on an "AS IS" BASIS, |
| 12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| 13 | See the License for the specific language governing permissions and |
| 14 | limitations under the License. |
| 15 | --> |
| 16 | |
| 17 | <div class="row" ng-if="!vm.selectedSubscriber.status"> |
| 18 | <div class="col-xs-12"> |
| 19 | <h2>Select Subscriber:</h2> |
| 20 | <input |
| 21 | type="text" |
| 22 | ng-model="vm.selectedSubscriber" |
| 23 | uib-typeahead="s as s.name for s in vm.subscribers | filter:$viewValue | limitTo:8" |
| 24 | class="form-control"> |
| 25 | </div> |
| 26 | </div> |
| 27 | |
| 28 | <div class="row" ng-if="vm.selectedSubscriber.status"> |
| 29 | <div class="col-xs-12"> |
| 30 | <form> |
| 31 | <div class="form-group"> |
| 32 | <h2>Status:</h2> |
| 33 | </div> |
| 34 | <div class="form-group"> |
| 35 | <div class="row"> |
| 36 | <div class="col-xs-3" ng-repeat="s in vm.statusFieldOptions"> |
| 37 | <a |
| 38 | class="btn btn-default btn-block" |
| 39 | ng-click="vm.selectedSubscriber.status = s.id" |
| 40 | ng-class="{'active': s.id === vm.selectedSubscriber.status}"> |
| 41 | {{s.label}} |
| 42 | </a> |
| 43 | </div> |
| 44 | </div> |
| 45 | </div> |
| 46 | <div class="form-group"> |
| 47 | <h2>Bandwith:</h2> |
| 48 | </div> |
| 49 | <div class="form-group"> |
| 50 | <div class="row"> |
| 51 | <div class="col-xs-6"> |
| 52 | <label>Uplink speed:</label> |
| 53 | <rzslider |
| 54 | rz-slider-model="vm.selectedSubscriber.uplink_speed" |
| 55 | rz-slider-options="vm.slider"></rzslider> |
| 56 | </div> |
| 57 | <div class="col-xs-6"> |
| 58 | <label>Downlink speed:</label> |
| 59 | <rzslider |
| 60 | rz-slider-model="vm.selectedSubscriber.downlink_speed" |
| 61 | rz-slider-options="vm.slider"></rzslider> |
| 62 | </div> |
| 63 | </div> |
| 64 | </div> |
| 65 | <div class="form-group"> |
| 66 | <h2> |
| 67 | Devices: |
| 68 | <a ng-click="vm.addDevice(vm.selectedSubscriber)"> |
| 69 | <small class="label label-default"> |
| 70 | <i class="fa fa-plus"></i> |
| 71 | </small> |
| 72 | </a> |
| 73 | </h2> |
| 74 | </div> |
| 75 | <div class="row"> |
| 76 | <div class="col-md-3 col-sm-6" ng-repeat="d in vm.selectedSubscriber.service_specific_attribute.devices"> |
| 77 | <div class="panel panel-filled"> |
| 78 | <div class="panel-body"> |
| 79 | <div class="form-group"> |
| 80 | <a ng-click="vm.removeDevice(vm.selectedSubscriber, d)"> |
| 81 | <i class="fa fa-remove pull-right"></i> |
| 82 | </a> |
| 83 | </div> |
| 84 | <div class="form-group"> |
| 85 | <label>Name:</label> |
| 86 | <input class="form-control" type="text" ng-model="d.name"/> |
| 87 | </div> |
| 88 | <div class="form-group"> |
| 89 | <label>MAC Address:</label> |
| 90 | <input class="form-control" type="text" ng-model="d.mac"/> |
| 91 | </div> |
| 92 | <div class="form-group"> |
| 93 | <label>Filter level:</label> |
| 94 | <select class="form-control" ng-model="d.level" ng-options="l for l in vm.levelOptions"></select> |
| 95 | </div> |
| 96 | </div> |
| 97 | </div> |
| 98 | </div> |
| 99 | </div> |
| 100 | <div class="form-group"> |
| 101 | <button class="btn btn-success" ng-click="vm.save(vm.selectedSubscriber)">Save</button> |
| 102 | <button class="btn btn-info" ng-click="vm.selectedSubscriber = null">Reset</button> |
| 103 | </div> |
| 104 | </form> |
| 105 | </div> |
| 106 | </div> |