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