Matteo Scandolo | 4d42ddc | 2016-01-22 16:48:54 -0800 | [diff] [blame^] | 1 | <select class="form-control" ng-options="s as s.name for s in vm.subscribers" ng-model="vm.selectedSubscriber" ng-change="vm.getServiceChain(vm.selectedSubscriber)"></select> |
Matteo Scandolo | 06f45d6 | 2016-01-21 15:38:06 -0800 | [diff] [blame] | 2 | <div class="service-details"> |
Matteo Scandolo | 3501ccb | 2016-01-21 16:02:57 -0800 | [diff] [blame] | 3 | <div class="service-slices animate" ng-hide="vm.slices.length == 0"> |
Matteo Scandolo | 06f45d6 | 2016-01-21 15:38:06 -0800 | [diff] [blame] | 4 | <div class="panel panel-info"> |
| 5 | <div class="panel-heading"> |
| 6 | Slices for service: |
| 7 | <h3 class="panel-title">{{vm.selectedService.name}}</h3> |
| 8 | </div> |
| 9 | <ul class="list-group"> |
| 10 | <li class="list-group-item" ng-repeat="slice in vm.slices" ng-click="vm.getInstances(slice)" ng-class="{active: slice.id === vm.selectedSlice.id}"> |
| 11 | {{slice.humanReadableName}} |
| 12 | </li> |
| 13 | </ul> |
| 14 | </div> |
| 15 | </div> |
Matteo Scandolo | 3501ccb | 2016-01-21 16:02:57 -0800 | [diff] [blame] | 16 | <div class="service-instances animate" ng-hide="vm.instances.length == 0"> |
Matteo Scandolo | 06f45d6 | 2016-01-21 15:38:06 -0800 | [diff] [blame] | 17 | <div class="panel panel-warning"> |
| 18 | <div class="panel-heading"> |
| 19 | Instances: |
| 20 | </div> |
| 21 | <ul class="list-group"> |
| 22 | <li class="list-group-item" ng-repeat="instance in vm.instances"> |
| 23 | {{instance.humanReadableName}} |
| 24 | </li> |
| 25 | </ul> |
| 26 | </div> |
| 27 | </div> |
| 28 | </div> |