blob: 23afc1aae29f496e18706022a13b862b465218e1 [file] [log] [blame]
Matteo Scandoloe3de73d2015-12-04 10:14:40 -08001<div class="row">
Matteo Scandolo5dd94182015-12-09 17:09:55 -08002 <div class="col-sm-10">
Matteo Scandoloc2d31102015-12-08 14:35:55 -08003 <h1>XOS Monitoring Statistics</h1>
Matteo Scandoloe3de73d2015-12-04 10:14:40 -08004 </div>
Matteo Scandolo5dd94182015-12-09 17:09:55 -08005 <div class="col-xs-2 text-right">
6 <a href="" class="btn btn-default"
Matteo Scandoloc0128562016-02-08 14:17:42 -08007 ng-show="vm.selectedSlice && !vm.showStats"
Matteo Scandolo5dd94182015-12-09 17:09:55 -08008 ng-click="vm.showStats = true">
9 <i class="glyphicon glyphicon-transfer"></i>
10 </a>
11 <a href="" class="btn btn-default"
Matteo Scandoloc0128562016-02-08 14:17:42 -080012 ng-show="vm.selectedSlice && vm.showStats"
Matteo Scandolo5dd94182015-12-09 17:09:55 -080013 ng-click="vm.showStats = false">
14 <i class="glyphicon glyphicon-transfer"></i>
15 </a>
16 </div>
Matteo Scandoloe3de73d2015-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 Scandoloc2d31102015-12-08 14:35:55 -080025<section ng-hide="vm.loader" ng-class="{animate: !vm.loader}">
Matteo Scandolo52193d32015-12-05 18:44:45 -080026 <div class="row">
Matteo Scandolo0f5e1632015-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 Scandoloc0128562016-02-08 14:17:42 -080031 ng-repeat="service in vm.services | orderBy:'-service'"
Matteo Scandolo0f5e1632015-12-09 16:09:59 -080032 template-url="templates/accordion-group.html"
Matteo Scandoloc0128562016-02-08 14:17:42 -080033 is-open="vm.accordion.open[service.service]"
34 heading="{{service.service}}">
Matteo Scandolo0f5e1632015-12-09 16:09:59 -080035 <h4>Slices:</h4>
Matteo Scandoloc0128562016-02-08 14:17:42 -080036 <a ng-repeat="slice in service.slices"
37 ng-class="{active: slice.slice === vm.selectedSlice}"
38 ng-click="vm.loadSliceMeter(slice, service.service)"
Matteo Scandolo0f5e1632015-12-09 16:09:59 -080039 href="#" class="list-group-item" >
Matteo Scandoloc0128562016-02-08 14:17:42 -080040 {{slice.slice}} <i class="glyphicon glyphicon-chevron-right pull-right"></i>
Matteo Scandolo0f5e1632015-12-09 16:09:59 -080041 </a>
42 </uib-accordion-group>
43 </uib-accordion>
Matteo Scandoloec8ad422015-12-04 15:55:20 -080044 </div>
Matteo Scandolo5dd94182015-12-09 17:09:55 -080045 <section class="side-container col-sm-9">
46 <div class="row">
Matteo Scandoloc0128562016-02-08 14:17:42 -080047 <!-- STATS -->
Matteo Scandolo5dd94182015-12-09 17:09:55 -080048 <article ng-hide="!vm.showStats" class="stats animate-slide-left">
49 <div class="col-xs-12">
50 <div class="list-group">
51 <div class="list-group-item">
52 <h3>Stats</h3>
53 </div>
54 <div class="list-group-item">
Matteo Scandolo382455c2016-02-02 16:29:40 -080055 <ceilometer-stats ng-if="vm.selectedSlice" name="vm.selectedSlice" tenant="vm.selectedTenant"></ceilometer-stats>
Matteo Scandolo5dd94182015-12-09 17:09:55 -080056 </div>
Matteo Scandolo52193d32015-12-05 18:44:45 -080057 </div>
Matteo Scandoloec8ad422015-12-04 15:55:20 -080058 </div>
Matteo Scandolo5dd94182015-12-09 17:09:55 -080059 </article>
Matteo Scandoloc0128562016-02-08 14:17:42 -080060 <!-- METERS -->
Matteo Scandolo5dd94182015-12-09 17:09:55 -080061 <article ng-hide="vm.showStats" class="meters animate-slide-left">
Matteo Scandoloc0128562016-02-08 14:17:42 -080062 <div class="col-sm-4 animate-slide-left" ng-hide="!vm.selectedSlice">
Matteo Scandolo5dd94182015-12-09 17:09:55 -080063 <div class="list-group">
64 <div class="list-group-item">
65 <h3>Resources</h3>
66 </div>
67 <a href="#"
68 ng-click="vm.selectMeters(meters, resource)"
69 class="list-group-item"
70 ng-repeat="(resource, meters) in vm.selectedResources"
71 ng-class="{active: resource === vm.selectedResource}">
72 {{resource}} <i class="glyphicon glyphicon-chevron-right pull-right"></i>
Matteo Scandolo52193d32015-12-05 18:44:45 -080073 </a>
74 </div>
Matteo Scandoloec8ad422015-12-04 15:55:20 -080075 </div>
Matteo Scandolo5dd94182015-12-09 17:09:55 -080076 <div class="col-sm-8 animate-slide-left" ng-hide="!vm.selectedMeters">
77 <div class="list-group">
78 <div class="list-group-item">
79 <h3>Meters</h3>
80 </div>
81 <div class="list-group-item">
82 <div class="row">
83 <div class="col-xs-6">
84 <label>Name:</label>
85 </div>
86 <div class="col-xs-3">
87 <label>Unit:</label>
88 </div>
89 <div class="col-xs-3"></div>
90 </div>
Matteo Scandolod9e1c412015-12-15 14:37:27 -080091 <div class="row" ng-repeat="meter in vm.selectedMeters" style="margin-bottom: 10px;">
Matteo Scandolo5dd94182015-12-09 17:09:55 -080092 <div class="col-xs-6">
93 {{meter.name}}
94 </div>
95 <div class="col-xs-3">
96 {{meter.unit}}
97 </div>
98 <div class="col-xs-3">
Matteo Scandolod9e1c412015-12-15 14:37:27 -080099 <a ui-sref="samples({name: meter.name, tenant: meter.project_id})" class="btn btn-primary">
Matteo Scandolo5dd94182015-12-09 17:09:55 -0800100 <i class="glyphicon glyphicon-search"></i>
101 </a>
102 </div>
103 </div>
104 </div>
105 </div>
106 </div>
107 </article>
Matteo Scandoloec8ad422015-12-04 15:55:20 -0800108 </div>
Matteo Scandolo5dd94182015-12-09 17:09:55 -0800109 </section>
Matteo Scandoloe3de73d2015-12-04 10:14:40 -0800110 </div>
Matteo Scandoloc2d31102015-12-08 14:35:55 -0800111</section>
Matteo Scandoloa918ea82015-12-14 14:26:20 -0800112<section ng-if="!vm.loader && vm.error">
113 <div class="alert alert-danger">
114 {{vm.error}}
115 </div>
116</section>