blob: 6445781dcb1c6d648e0aebfd8a8301761af6e8bc [file] [log] [blame]
Matteo Scandolo68c2e722015-12-04 10:14:40 -08001<div class="row">
Matteo Scandolo41f5c152015-12-09 17:09:55 -08002 <div class="col-sm-10">
Matteo Scandolo68856082015-12-08 14:35:55 -08003 <h1>XOS Monitoring Statistics</h1>
Matteo Scandolo68c2e722015-12-04 10:14:40 -08004 </div>
Matteo Scandolo41f5c152015-12-09 17:09:55 -08005 <div class="col-xs-2 text-right">
6 <a href="" class="btn btn-default"
7 ng-show="vm.selectedResources && !vm.showStats"
8 ng-click="vm.showStats = true">
9 <i class="glyphicon glyphicon-transfer"></i>
10 </a>
11 <a href="" class="btn btn-default"
12 ng-show="vm.selectedResources && vm.showStats"
13 ng-click="vm.showStats = false">
14 <i class="glyphicon glyphicon-transfer"></i>
15 </a>
16 </div>
Matteo Scandolo68c2e722015-12-04 10:14:40 -080017</div>
18
19<div class="row" ng-show="vm.loader">
20 <div class="col-xs-12">
21 <div class="loader">Loading</div>
22 </div>
23</div>
24
Matteo Scandolo68856082015-12-08 14:35:55 -080025<section ng-hide="vm.loader" ng-class="{animate: !vm.loader}">
Matteo Scandolo1d8627f2015-12-05 18:44:45 -080026 <div class="row">
Matteo Scandoloc0582112015-12-09 16:09:59 -080027 <div class="col-sm-3 service-list">
28 <h3>XOS Service: </h3>
29 <uib-accordion close-others="true" template-url="templates/accordion.html">
30 <uib-accordion-group
Matteo Scandolo83869332015-12-14 14:26:20 -080031 ng-repeat="(service, slices) in vm.projects | orderObjectByKey"
Matteo Scandoloc0582112015-12-09 16:09:59 -080032 template-url="templates/accordion-group.html"
Matteo Scandolo6c6b9282015-12-15 14:37:27 -080033 is-open="vm.accordion.open[service]"
Matteo Scandoloc0582112015-12-09 16:09:59 -080034 heading="{{service}}">
35 <h4>Slices:</h4>
36 <a ng-repeat="(slice, resources) in slices"
37 ng-class="{active: slice === vm.selectedSlice}"
Matteo Scandolo6c6b9282015-12-15 14:37:27 -080038 ng-click="vm.selectResources(resources, slice, service)"
Matteo Scandoloc0582112015-12-09 16:09:59 -080039 href="#" class="list-group-item" >
40 {{slice}} <i class="glyphicon glyphicon-chevron-right pull-right"></i>
41 </a>
42 </uib-accordion-group>
43 </uib-accordion>
Matteo Scandolo7b80d842015-12-04 15:55:20 -080044 </div>
Matteo Scandolo41f5c152015-12-09 17:09:55 -080045 <section class="side-container col-sm-9">
46 <div class="row">
47 <article ng-hide="!vm.showStats" class="stats animate-slide-left">
48 <div class="col-xs-12">
49 <div class="list-group">
50 <div class="list-group-item">
51 <h3>Stats</h3>
52 </div>
53 <div class="list-group-item">
Matteo Scandolo19c2a4e2016-02-02 16:29:40 -080054 <ceilometer-stats ng-if="vm.selectedSlice" name="vm.selectedSlice" tenant="vm.selectedTenant"></ceilometer-stats>
Matteo Scandolo41f5c152015-12-09 17:09:55 -080055 </div>
Matteo Scandolo1d8627f2015-12-05 18:44:45 -080056 </div>
Matteo Scandolo7b80d842015-12-04 15:55:20 -080057 </div>
Matteo Scandolo41f5c152015-12-09 17:09:55 -080058 </article>
59 <article ng-hide="vm.showStats" class="meters animate-slide-left">
60 <div class="col-sm-4 animate-slide-left" ng-hide="!vm.selectedResources">
61 <div class="list-group">
62 <div class="list-group-item">
63 <h3>Resources</h3>
64 </div>
65 <a href="#"
66 ng-click="vm.selectMeters(meters, resource)"
67 class="list-group-item"
68 ng-repeat="(resource, meters) in vm.selectedResources"
69 ng-class="{active: resource === vm.selectedResource}">
70 {{resource}} <i class="glyphicon glyphicon-chevron-right pull-right"></i>
Matteo Scandolo1d8627f2015-12-05 18:44:45 -080071 </a>
72 </div>
Matteo Scandolo7b80d842015-12-04 15:55:20 -080073 </div>
Matteo Scandolo41f5c152015-12-09 17:09:55 -080074 <div class="col-sm-8 animate-slide-left" ng-hide="!vm.selectedMeters">
75 <div class="list-group">
76 <div class="list-group-item">
77 <h3>Meters</h3>
78 </div>
79 <div class="list-group-item">
80 <div class="row">
81 <div class="col-xs-6">
82 <label>Name:</label>
83 </div>
84 <div class="col-xs-3">
85 <label>Unit:</label>
86 </div>
87 <div class="col-xs-3"></div>
88 </div>
Matteo Scandolo6c6b9282015-12-15 14:37:27 -080089 <div class="row" ng-repeat="meter in vm.selectedMeters" style="margin-bottom: 10px;">
Matteo Scandolo41f5c152015-12-09 17:09:55 -080090 <div class="col-xs-6">
91 {{meter.name}}
92 </div>
93 <div class="col-xs-3">
94 {{meter.unit}}
95 </div>
96 <div class="col-xs-3">
Matteo Scandolo6c6b9282015-12-15 14:37:27 -080097 <a ui-sref="samples({name: meter.name, tenant: meter.project_id})" class="btn btn-primary">
Matteo Scandolo41f5c152015-12-09 17:09:55 -080098 <i class="glyphicon glyphicon-search"></i>
99 </a>
100 </div>
101 </div>
102 </div>
103 </div>
104 </div>
105 </article>
Matteo Scandolo7b80d842015-12-04 15:55:20 -0800106 </div>
Matteo Scandolo41f5c152015-12-09 17:09:55 -0800107 </section>
Matteo Scandolo68c2e722015-12-04 10:14:40 -0800108 </div>
Matteo Scandolo68856082015-12-08 14:35:55 -0800109</section>
Matteo Scandolo83869332015-12-14 14:26:20 -0800110<section ng-if="!vm.loader && vm.error">
111 <div class="alert alert-danger">
112 {{vm.error}}
113 </div>
114</section>