Matteo Scandolo | 68c2e72 | 2015-12-04 10:14:40 -0800 | [diff] [blame] | 1 | 'use strict'; |
| 2 | |
| 3 | angular.module('xos.ceilometerDashboard', [ |
| 4 | 'ngResource', |
| 5 | 'ngCookies', |
| 6 | 'ngLodash', |
| 7 | 'ui.router', |
| 8 | 'xos.helpers', |
Matteo Scandolo | 6885608 | 2015-12-08 14:35:55 -0800 | [diff] [blame] | 9 | 'ngAnimate', |
Matteo Scandolo | c058211 | 2015-12-09 16:09:59 -0800 | [diff] [blame] | 10 | 'chart.js', |
| 11 | 'ui.bootstrap.accordion' |
Matteo Scandolo | 68c2e72 | 2015-12-04 10:14:40 -0800 | [diff] [blame] | 12 | ]) |
Matteo Scandolo | 6885608 | 2015-12-08 14:35:55 -0800 | [diff] [blame] | 13 | .config(($stateProvider, $urlRouterProvider) => { |
Matteo Scandolo | 68c2e72 | 2015-12-04 10:14:40 -0800 | [diff] [blame] | 14 | $stateProvider |
| 15 | .state('ceilometerDashboard', { |
| 16 | url: '/', |
| 17 | template: '<ceilometer-dashboard></ceilometer-dashboard>' |
Matteo Scandolo | 7b80d84 | 2015-12-04 15:55:20 -0800 | [diff] [blame] | 18 | }) |
| 19 | .state('samples', { |
| 20 | url: '/:name/:tenant/samples', |
| 21 | template: '<ceilometer-samples></ceilometer-samples>' |
Matteo Scandolo | 68c2e72 | 2015-12-04 10:14:40 -0800 | [diff] [blame] | 22 | }); |
Matteo Scandolo | 6885608 | 2015-12-08 14:35:55 -0800 | [diff] [blame] | 23 | $urlRouterProvider.otherwise('/'); |
Matteo Scandolo | 68c2e72 | 2015-12-04 10:14:40 -0800 | [diff] [blame] | 24 | }) |
| 25 | .config(function($httpProvider){ |
| 26 | $httpProvider.interceptors.push('NoHyperlinks'); |
| 27 | }) |
Matteo Scandolo | 6885608 | 2015-12-08 14:35:55 -0800 | [diff] [blame] | 28 | .run(function($rootScope){ |
| 29 | $rootScope.stateName = 'ceilometerDashboard'; |
| 30 | $rootScope.$on('$stateChangeStart', (event, toState) => { |
Matteo Scandolo | 6885608 | 2015-12-08 14:35:55 -0800 | [diff] [blame] | 31 | $rootScope.stateName = toState.name; |
| 32 | }) |
| 33 | }) |
Matteo Scandolo | ba4c9aa | 2016-02-11 09:35:29 -0800 | [diff] [blame] | 34 | .service('Ceilometer', function($http, $q){ |
Matteo Scandolo | 2b6583e | 2015-12-08 15:24:23 -0800 | [diff] [blame] | 35 | |
Matteo Scandolo | 9db064f | 2016-02-08 14:17:42 -0800 | [diff] [blame] | 36 | this.getMappings = () => { |
Matteo Scandolo | 68c2e72 | 2015-12-04 10:14:40 -0800 | [diff] [blame] | 37 | let deferred = $q.defer(); |
| 38 | |
Matteo Scandolo | 9db064f | 2016-02-08 14:17:42 -0800 | [diff] [blame] | 39 | $http.get('/xoslib/xos-slice-service-mapping/') |
| 40 | .then((res) => { |
| 41 | deferred.resolve(res.data) |
| 42 | }) |
| 43 | .catch((e) => { |
| 44 | deferred.reject(e); |
| 45 | }); |
| 46 | |
| 47 | return deferred.promise; |
| 48 | } |
| 49 | |
| 50 | this.getMeters = (params) => { |
| 51 | let deferred = $q.defer(); |
| 52 | |
| 53 | $http.get('/xoslib/meters/', {cache: true, params: params}) |
Matteo Scandolo | 41f5c15 | 2015-12-09 17:09:55 -0800 | [diff] [blame] | 54 | // $http.get('../meters_mock.json', {cache: true}) |
Matteo Scandolo | 68c2e72 | 2015-12-04 10:14:40 -0800 | [diff] [blame] | 55 | .then((res) => { |
Matteo Scandolo | 7b80d84 | 2015-12-04 15:55:20 -0800 | [diff] [blame] | 56 | deferred.resolve(res.data) |
| 57 | }) |
| 58 | .catch((e) => { |
| 59 | deferred.reject(e); |
| 60 | }); |
| 61 | |
| 62 | return deferred.promise; |
| 63 | } |
| 64 | |
| 65 | this.getSamples = (name, tenant) => { |
| 66 | let deferred = $q.defer(); |
| 67 | |
Matteo Scandolo | ac812bd | 2015-12-07 17:32:39 -0800 | [diff] [blame] | 68 | $http.get(`/xoslib/metersamples/`, {params: {meter: name, tenant: tenant}}) |
Matteo Scandolo | 7b80d84 | 2015-12-04 15:55:20 -0800 | [diff] [blame] | 69 | .then((res) => { |
| 70 | deferred.resolve(res.data) |
Matteo Scandolo | 68c2e72 | 2015-12-04 10:14:40 -0800 | [diff] [blame] | 71 | }) |
| 72 | .catch((e) => { |
| 73 | deferred.reject(e); |
| 74 | }); |
| 75 | |
| 76 | return deferred.promise; |
| 77 | } |
Matteo Scandolo | 41f5c15 | 2015-12-09 17:09:55 -0800 | [diff] [blame] | 78 | |
Matteo Scandolo | 19c2a4e | 2016-02-02 16:29:40 -0800 | [diff] [blame] | 79 | this.getStats = (options) => { |
Matteo Scandolo | 41f5c15 | 2015-12-09 17:09:55 -0800 | [diff] [blame] | 80 | let deferred = $q.defer(); |
| 81 | |
Matteo Scandolo | 19c2a4e | 2016-02-02 16:29:40 -0800 | [diff] [blame] | 82 | $http.get('/xoslib/meterstatistics/', {cache: true, params: options}) |
Matteo Scandolo | 41f5c15 | 2015-12-09 17:09:55 -0800 | [diff] [blame] | 83 | // $http.get('../stats_mock.son', {cache: true}) |
| 84 | .then((res) => { |
Matteo Scandolo | 19c2a4e | 2016-02-02 16:29:40 -0800 | [diff] [blame] | 85 | deferred.resolve(res.data); |
Matteo Scandolo | 41f5c15 | 2015-12-09 17:09:55 -0800 | [diff] [blame] | 86 | }) |
| 87 | .catch((e) => { |
| 88 | deferred.reject(e); |
| 89 | }); |
| 90 | |
| 91 | return deferred.promise; |
| 92 | }; |
Matteo Scandolo | 6c6b928 | 2015-12-15 14:37:27 -0800 | [diff] [blame] | 93 | |
| 94 | // hold dashboard status (opened service, slice, resource) |
| 95 | this.selectedService = null; |
| 96 | this.selectedSlice = null; |
| 97 | this.selectedResource = null; |
Matteo Scandolo | 68c2e72 | 2015-12-04 10:14:40 -0800 | [diff] [blame] | 98 | }) |
Matteo Scandolo | 7b80d84 | 2015-12-04 15:55:20 -0800 | [diff] [blame] | 99 | .directive('ceilometerDashboard', function(lodash){ |
Matteo Scandolo | 68c2e72 | 2015-12-04 10:14:40 -0800 | [diff] [blame] | 100 | return { |
| 101 | restrict: 'E', |
| 102 | scope: {}, |
| 103 | bindToController: true, |
| 104 | controllerAs: 'vm', |
| 105 | templateUrl: 'templates/ceilometer-dashboard.tpl.html', |
| 106 | controller: function(Ceilometer){ |
| 107 | |
Matteo Scandolo | 9db064f | 2016-02-08 14:17:42 -0800 | [diff] [blame] | 108 | this.showStats = false; |
| 109 | |
Matteo Scandolo | 6c6b928 | 2015-12-15 14:37:27 -0800 | [diff] [blame] | 110 | // this open the accordion |
| 111 | this.accordion = { |
| 112 | open: {} |
Matteo Scandolo | bb06c53 | 2016-01-28 14:50:16 -0800 | [diff] [blame] | 113 | }; |
Matteo Scandolo | 6c6b928 | 2015-12-15 14:37:27 -0800 | [diff] [blame] | 114 | |
| 115 | /** |
| 116 | * Open the active panel base on the service stored values |
| 117 | */ |
| 118 | this.openPanels = () => { |
| 119 | if(Ceilometer.selectedService){ |
| 120 | this.accordion.open[Ceilometer.selectedService] = true; |
| 121 | if(Ceilometer.selectedSlice){ |
Matteo Scandolo | 9db064f | 2016-02-08 14:17:42 -0800 | [diff] [blame] | 122 | this.loadSliceMeter(Ceilometer.selectedSlice, Ceilometer.selectedService); |
Matteo Scandolo | 6c6b928 | 2015-12-15 14:37:27 -0800 | [diff] [blame] | 123 | this.selectedSlice = Ceilometer.selectedSlice; |
Matteo Scandolo | 6c6b928 | 2015-12-15 14:37:27 -0800 | [diff] [blame] | 124 | if(Ceilometer.selectedResource){ |
| 125 | this.selectedResource = Ceilometer.selectedResource; |
Matteo Scandolo | 6c6b928 | 2015-12-15 14:37:27 -0800 | [diff] [blame] | 126 | } |
| 127 | } |
| 128 | } |
| 129 | } |
| 130 | |
Matteo Scandolo | 9db064f | 2016-02-08 14:17:42 -0800 | [diff] [blame] | 131 | /** |
| 132 | * Load the list of service and slices |
| 133 | */ |
| 134 | |
| 135 | this.loadMappings = () => { |
Matteo Scandolo | 68c2e72 | 2015-12-04 10:14:40 -0800 | [diff] [blame] | 136 | this.loader = true; |
Matteo Scandolo | 9db064f | 2016-02-08 14:17:42 -0800 | [diff] [blame] | 137 | Ceilometer.getMappings() |
| 138 | .then((services) => { |
Matteo Scandolo | 999d3a1 | 2016-03-07 17:50:38 -0800 | [diff] [blame^] | 139 | |
| 140 | // rename thing in UI |
| 141 | services.map((service) => { |
| 142 | if(service.service === 'service_ONOS_vBNG'){ |
| 143 | service.service = 'ONOS_FABRIC'; |
| 144 | service.slices.map(s => { |
| 145 | if(s.slice === 'mysite_onos_vbng'){ |
| 146 | s.slice = 'ONOS_FABRIC'; |
| 147 | } |
| 148 | }); |
| 149 | } |
| 150 | if(service.service === 'service_ONOS_vOLT'){ |
| 151 | service.service = 'ONOS_CORD'; |
| 152 | service.slices.map(s => { |
| 153 | if(s.slice === 'mysite_onos_volt'){ |
| 154 | s.slice = 'ONOS_CORD'; |
| 155 | } |
| 156 | }); |
| 157 | } |
| 158 | |
| 159 | return service; |
| 160 | }); |
| 161 | // end rename thing in UI |
| 162 | |
Matteo Scandolo | 9db064f | 2016-02-08 14:17:42 -0800 | [diff] [blame] | 163 | this.services = services; |
Matteo Scandolo | 6c6b928 | 2015-12-15 14:37:27 -0800 | [diff] [blame] | 164 | this.openPanels(); |
Matteo Scandolo | 68c2e72 | 2015-12-04 10:14:40 -0800 | [diff] [blame] | 165 | }) |
| 166 | .catch(err => { |
Matteo Scandolo | 9db064f | 2016-02-08 14:17:42 -0800 | [diff] [blame] | 167 | this.error = (err.data && err.data.detail) ? err.data.detail : 'An Error occurred. Please try again later.'; |
Matteo Scandolo | 68c2e72 | 2015-12-04 10:14:40 -0800 | [diff] [blame] | 168 | }) |
| 169 | .finally(() => { |
| 170 | this.loader = false; |
| 171 | }); |
Matteo Scandolo | 9db064f | 2016-02-08 14:17:42 -0800 | [diff] [blame] | 172 | }; |
Matteo Scandolo | 68c2e72 | 2015-12-04 10:14:40 -0800 | [diff] [blame] | 173 | |
Matteo Scandolo | 9db064f | 2016-02-08 14:17:42 -0800 | [diff] [blame] | 174 | this.loadMappings(); |
Matteo Scandolo | 68c2e72 | 2015-12-04 10:14:40 -0800 | [diff] [blame] | 175 | |
Matteo Scandolo | 6885608 | 2015-12-08 14:35:55 -0800 | [diff] [blame] | 176 | /** |
Matteo Scandolo | 9db064f | 2016-02-08 14:17:42 -0800 | [diff] [blame] | 177 | * Load the list of a single slice |
Matteo Scandolo | 6885608 | 2015-12-08 14:35:55 -0800 | [diff] [blame] | 178 | */ |
Matteo Scandolo | 9db064f | 2016-02-08 14:17:42 -0800 | [diff] [blame] | 179 | |
| 180 | this.loadSliceMeter = (slice, service_name) => { |
Matteo Scandolo | 6885608 | 2015-12-08 14:35:55 -0800 | [diff] [blame] | 181 | |
Matteo Scandolo | 9db064f | 2016-02-08 14:17:42 -0800 | [diff] [blame] | 182 | Ceilometer.selectedSlice = null; |
| 183 | Ceilometer.selectedService = null; |
| 184 | Ceilometer.selectedResources = null; |
Matteo Scandolo | 6885608 | 2015-12-08 14:35:55 -0800 | [diff] [blame] | 185 | |
Matteo Scandolo | 9db064f | 2016-02-08 14:17:42 -0800 | [diff] [blame] | 186 | // visualization info |
| 187 | this.loader = true; |
Matteo Scandolo | ba4c9aa | 2016-02-11 09:35:29 -0800 | [diff] [blame] | 188 | this.error = null; |
| 189 | this.ceilometerError = null; |
Matteo Scandolo | 19c2a4e | 2016-02-02 16:29:40 -0800 | [diff] [blame] | 190 | |
Matteo Scandolo | 9db064f | 2016-02-08 14:17:42 -0800 | [diff] [blame] | 191 | Ceilometer.getMeters({tenant: slice.project_id}) |
| 192 | .then((sliceMeters) => { |
Matteo Scandolo | ba4c9aa | 2016-02-11 09:35:29 -0800 | [diff] [blame] | 193 | this.selectedSlice = slice.slice; |
| 194 | this.selectedTenant = slice.project_id; |
| 195 | |
| 196 | // store the status |
| 197 | Ceilometer.selectedSlice = slice; |
| 198 | Ceilometer.selectedService = service_name; |
Matteo Scandolo | 999d3a1 | 2016-03-07 17:50:38 -0800 | [diff] [blame^] | 199 | |
| 200 | // rename things in UI |
| 201 | sliceMeters.map(m => { |
| 202 | m.resource_name = m.resource_name.replace('mysite_onos_vbng', 'ONOS_FABRIC'); |
| 203 | m.resource_name = m.resource_name.replace('mysite_onos_volt', 'ONOS_CORD'); |
| 204 | return m; |
| 205 | }); |
| 206 | // end rename things in UI |
| 207 | |
Matteo Scandolo | 9db064f | 2016-02-08 14:17:42 -0800 | [diff] [blame] | 208 | this.selectedResources = lodash.groupBy(sliceMeters, 'resource_name'); |
| 209 | |
| 210 | // hacky |
| 211 | if(Ceilometer.selectedResource){ |
| 212 | this.selectedMeters = this.selectedResources[Ceilometer.selectedResource]; |
| 213 | } |
| 214 | }) |
| 215 | .catch(err => { |
Matteo Scandolo | ba4c9aa | 2016-02-11 09:35:29 -0800 | [diff] [blame] | 216 | |
| 217 | // this means that ceilometer is not yet ready |
| 218 | if(err.status === 503){ |
| 219 | return this.ceilometerError = err.data.detail.specific_error; |
| 220 | } |
| 221 | |
Matteo Scandolo | 81cfbf7 | 2016-02-11 09:49:34 -0800 | [diff] [blame] | 222 | this.error = (err.data && err.data.detail.specific_error) ? err.data.detail.specific_error : 'An Error occurred. Please try again later.'; |
Matteo Scandolo | 9db064f | 2016-02-08 14:17:42 -0800 | [diff] [blame] | 223 | }) |
| 224 | .finally(() => { |
| 225 | this.loader = false; |
| 226 | }); |
| 227 | }; |
Matteo Scandolo | 6885608 | 2015-12-08 14:35:55 -0800 | [diff] [blame] | 228 | |
| 229 | /** |
| 230 | * Select Meters for a resource |
| 231 | * |
| 232 | * @param Array meters The list of selected resources |
| 233 | * @returns void |
| 234 | */ |
| 235 | this.selectedMeters = null; |
| 236 | this.selectMeters = (meters, resource) => { |
| 237 | this.selectedMeters = meters; |
Matteo Scandolo | 6c6b928 | 2015-12-15 14:37:27 -0800 | [diff] [blame] | 238 | |
| 239 | Ceilometer.selectedResource = resource; |
Matteo Scandolo | 6885608 | 2015-12-08 14:35:55 -0800 | [diff] [blame] | 240 | this.selectedResource = resource; |
| 241 | } |
| 242 | |
Matteo Scandolo | 68c2e72 | 2015-12-04 10:14:40 -0800 | [diff] [blame] | 243 | } |
| 244 | }; |
Matteo Scandolo | 7b80d84 | 2015-12-04 15:55:20 -0800 | [diff] [blame] | 245 | }) |
| 246 | .directive('ceilometerSamples', function(lodash, $stateParams){ |
| 247 | return { |
| 248 | restrict: 'E', |
Matteo Scandolo | 895b30a | 2016-02-02 16:04:31 -0800 | [diff] [blame] | 249 | scope: {}, |
Matteo Scandolo | 7b80d84 | 2015-12-04 15:55:20 -0800 | [diff] [blame] | 250 | bindToController: true, |
| 251 | controllerAs: 'vm', |
| 252 | templateUrl: 'templates/ceilometer-samples.tpl.html', |
| 253 | controller: function(Ceilometer) { |
| 254 | |
Matteo Scandolo | 6c6b928 | 2015-12-15 14:37:27 -0800 | [diff] [blame] | 255 | // console.log(Ceilometer.selectResource); |
| 256 | |
Matteo Scandolo | 324df09 | 2015-12-08 16:39:57 -0800 | [diff] [blame] | 257 | this.chartColors = [ |
Matteo Scandolo | 2b6583e | 2015-12-08 15:24:23 -0800 | [diff] [blame] | 258 | '#286090', |
| 259 | '#F7464A', |
| 260 | '#46BFBD', |
| 261 | '#FDB45C', |
| 262 | '#97BBCD', |
| 263 | '#4D5360', |
| 264 | '#8c4f9f' |
| 265 | ]; |
Matteo Scandolo | 324df09 | 2015-12-08 16:39:57 -0800 | [diff] [blame] | 266 | |
| 267 | this.chart = { |
| 268 | series: [], |
| 269 | labels: [], |
| 270 | data: [] |
| 271 | } |
| 272 | |
| 273 | Chart.defaults.global.colours = this.chartColors; |
Matteo Scandolo | 2b6583e | 2015-12-08 15:24:23 -0800 | [diff] [blame] | 274 | |
Matteo Scandolo | 6885608 | 2015-12-08 14:35:55 -0800 | [diff] [blame] | 275 | this.chartType = 'line'; |
| 276 | |
Matteo Scandolo | 7b80d84 | 2015-12-04 15:55:20 -0800 | [diff] [blame] | 277 | if($stateParams.name && $stateParams.tenant){ |
| 278 | this.name = $stateParams.name; |
| 279 | this.tenant = $stateParams.tenant; |
Matteo Scandolo | 6c6b928 | 2015-12-15 14:37:27 -0800 | [diff] [blame] | 280 | // TODO rename tenant in project_id |
Matteo Scandolo | 7b80d84 | 2015-12-04 15:55:20 -0800 | [diff] [blame] | 281 | } |
Matteo Scandolo | 1b9ffac | 2015-12-14 17:36:09 -0800 | [diff] [blame] | 282 | else{ |
| 283 | throw new Error('Missing Name and Tenant Params!'); |
| 284 | } |
Matteo Scandolo | 7b80d84 | 2015-12-04 15:55:20 -0800 | [diff] [blame] | 285 | |
Matteo Scandolo | 6885608 | 2015-12-08 14:35:55 -0800 | [diff] [blame] | 286 | /** |
Matteo Scandolo | 324df09 | 2015-12-08 16:39:57 -0800 | [diff] [blame] | 287 | * Goes trough the array and format date to be used as labels |
Matteo Scandolo | 6885608 | 2015-12-08 14:35:55 -0800 | [diff] [blame] | 288 | * |
| 289 | * @param Array data |
| 290 | * @returns Array a list of labels |
| 291 | */ |
Matteo Scandolo | 7b80d84 | 2015-12-04 15:55:20 -0800 | [diff] [blame] | 292 | |
Matteo Scandolo | 1d8627f | 2015-12-05 18:44:45 -0800 | [diff] [blame] | 293 | this.getLabels = (data) => { |
| 294 | return data.reduce((list, item) => { |
| 295 | let date = new Date(item.timestamp); |
| 296 | list.push(`${date.getHours()}:${(date.getMinutes()<10?'0':'') + date.getMinutes()}:${date.getSeconds()}`); |
| 297 | return list; |
| 298 | }, []); |
| 299 | }; |
| 300 | |
Matteo Scandolo | 6885608 | 2015-12-08 14:35:55 -0800 | [diff] [blame] | 301 | /** |
Matteo Scandolo | 324df09 | 2015-12-08 16:39:57 -0800 | [diff] [blame] | 302 | * Goes trough the array and return a flat array of values |
Matteo Scandolo | 6885608 | 2015-12-08 14:35:55 -0800 | [diff] [blame] | 303 | * |
| 304 | * @param Array data |
| 305 | * @returns Array a list of values |
| 306 | */ |
| 307 | |
Matteo Scandolo | 1d8627f | 2015-12-05 18:44:45 -0800 | [diff] [blame] | 308 | this.getData = (data) => { |
| 309 | return data.reduce((list, item) => { |
| 310 | list.push(item.volume); |
| 311 | return list; |
| 312 | }, []); |
| 313 | } |
| 314 | |
Matteo Scandolo | 324df09 | 2015-12-08 16:39:57 -0800 | [diff] [blame] | 315 | /** |
| 316 | * Add a samples to the chart |
| 317 | * |
| 318 | * @param string resource_id |
| 319 | */ |
| 320 | this.chartMeters = []; |
Matteo Scandolo | 6c6b928 | 2015-12-15 14:37:27 -0800 | [diff] [blame] | 321 | this.addMeterToChart = (project_id) => { |
| 322 | this.chart['labels'] = this.getLabels(lodash.sortBy(this.samplesList[project_id], 'timestamp')); |
| 323 | this.chart['series'].push(project_id); |
| 324 | this.chart['data'].push(this.getData(lodash.sortBy(this.samplesList[project_id], 'timestamp'))); |
| 325 | this.chartMeters.push(this.samplesList[project_id][0]); //use the 0 as are all samples for the same resource and I need the name |
| 326 | lodash.remove(this.sampleLabels, {id: project_id}); |
Matteo Scandolo | 6885608 | 2015-12-08 14:35:55 -0800 | [diff] [blame] | 327 | } |
| 328 | |
Matteo Scandolo | e5d5ebd | 2015-12-14 14:42:28 -0800 | [diff] [blame] | 329 | this.removeFromChart = (meter) => { |
Matteo Scandolo | 6c6b928 | 2015-12-15 14:37:27 -0800 | [diff] [blame] | 330 | this.chart.data.splice(this.chart.series.indexOf(meter.project_id), 1); |
| 331 | this.chart.series.splice(this.chart.series.indexOf(meter.project_id), 1); |
| 332 | this.chartMeters.splice(lodash.findIndex(this.chartMeters, {project_id: meter.project_id}), 1); |
Matteo Scandolo | 324df09 | 2015-12-08 16:39:57 -0800 | [diff] [blame] | 333 | this.sampleLabels.push({ |
Matteo Scandolo | 6c6b928 | 2015-12-15 14:37:27 -0800 | [diff] [blame] | 334 | id: meter.project_id, |
| 335 | name: meter.resource_name || meter.project_id |
Matteo Scandolo | 324df09 | 2015-12-08 16:39:57 -0800 | [diff] [blame] | 336 | }) |
| 337 | }; |
| 338 | |
| 339 | /** |
| 340 | * Format samples to create a list of labels and ids |
| 341 | */ |
| 342 | |
| 343 | this.formatSamplesLabels = (samples) => { |
| 344 | |
Matteo Scandolo | 6c6b928 | 2015-12-15 14:37:27 -0800 | [diff] [blame] | 345 | return lodash.uniq(samples, 'project_id') |
Matteo Scandolo | 5074ccd | 2015-12-15 08:16:56 -0800 | [diff] [blame] | 346 | .reduce((labels, item) => { |
Matteo Scandolo | 324df09 | 2015-12-08 16:39:57 -0800 | [diff] [blame] | 347 | labels.push({ |
Matteo Scandolo | 6c6b928 | 2015-12-15 14:37:27 -0800 | [diff] [blame] | 348 | id: item.project_id, |
| 349 | name: item.resource_name || item.project_id |
Matteo Scandolo | 324df09 | 2015-12-08 16:39:57 -0800 | [diff] [blame] | 350 | }); |
Matteo Scandolo | 999d3a1 | 2016-03-07 17:50:38 -0800 | [diff] [blame^] | 351 | |
Matteo Scandolo | 324df09 | 2015-12-08 16:39:57 -0800 | [diff] [blame] | 352 | return labels; |
Matteo Scandolo | 5074ccd | 2015-12-15 08:16:56 -0800 | [diff] [blame] | 353 | }, []); |
Matteo Scandolo | 324df09 | 2015-12-08 16:39:57 -0800 | [diff] [blame] | 354 | } |
| 355 | |
| 356 | |
Matteo Scandolo | 6885608 | 2015-12-08 14:35:55 -0800 | [diff] [blame] | 357 | /** |
| 358 | * Load the samples and format data |
| 359 | */ |
| 360 | |
Matteo Scandolo | 7b80d84 | 2015-12-04 15:55:20 -0800 | [diff] [blame] | 361 | this.showSamples = () => { |
| 362 | this.loader = true; |
Matteo Scandolo | 6885608 | 2015-12-08 14:35:55 -0800 | [diff] [blame] | 363 | // Ceilometer.getSamples(this.name, this.tenant) //fetch one |
| 364 | Ceilometer.getSamples(this.name) //fetch all |
Matteo Scandolo | 7b80d84 | 2015-12-04 15:55:20 -0800 | [diff] [blame] | 365 | .then(res => { |
Matteo Scandolo | 324df09 | 2015-12-08 16:39:57 -0800 | [diff] [blame] | 366 | |
Matteo Scandolo | 999d3a1 | 2016-03-07 17:50:38 -0800 | [diff] [blame^] | 367 | // rename things in UI |
| 368 | res.map(m => { |
| 369 | m.resource_name = m.resource_name.replace('mysite_onos_vbng', 'ONOS_FABRIC'); |
| 370 | m.resource_name = m.resource_name.replace('mysite_onos_volt', 'ONOS_CORD'); |
| 371 | return m; |
| 372 | }); |
| 373 | // end rename things in UI |
| 374 | |
Matteo Scandolo | 324df09 | 2015-12-08 16:39:57 -0800 | [diff] [blame] | 375 | // setup data for visualization |
Matteo Scandolo | 6c6b928 | 2015-12-15 14:37:27 -0800 | [diff] [blame] | 376 | this.samplesList = lodash.groupBy(res, 'project_id'); |
Matteo Scandolo | 324df09 | 2015-12-08 16:39:57 -0800 | [diff] [blame] | 377 | this.sampleLabels = this.formatSamplesLabels(res); |
| 378 | |
| 379 | // add current meter to chart |
| 380 | this.addMeterToChart(this.tenant); |
| 381 | |
Matteo Scandolo | 7b80d84 | 2015-12-04 15:55:20 -0800 | [diff] [blame] | 382 | }) |
| 383 | .catch(err => { |
Matteo Scandolo | c8f18e6 | 2015-12-09 15:23:51 -0800 | [diff] [blame] | 384 | this.error = err.data.detail; |
Matteo Scandolo | 7b80d84 | 2015-12-04 15:55:20 -0800 | [diff] [blame] | 385 | }) |
| 386 | .finally(() => { |
| 387 | this.loader = false; |
| 388 | }); |
| 389 | }; |
| 390 | |
| 391 | this.showSamples(); |
Matteo Scandolo | 7b80d84 | 2015-12-04 15:55:20 -0800 | [diff] [blame] | 392 | } |
| 393 | } |
Matteo Scandolo | 41f5c15 | 2015-12-09 17:09:55 -0800 | [diff] [blame] | 394 | }) |
Matteo Scandolo | bb06c53 | 2016-01-28 14:50:16 -0800 | [diff] [blame] | 395 | // NOTE reading this on demand for a single |
Matteo Scandolo | 41f5c15 | 2015-12-09 17:09:55 -0800 | [diff] [blame] | 396 | .directive('ceilometerStats', function(){ |
| 397 | return { |
| 398 | restrict: 'E', |
| 399 | scope: { |
| 400 | name: '=name', |
Matteo Scandolo | 19c2a4e | 2016-02-02 16:29:40 -0800 | [diff] [blame] | 401 | tenant: '=tenant' |
Matteo Scandolo | 41f5c15 | 2015-12-09 17:09:55 -0800 | [diff] [blame] | 402 | }, |
| 403 | bindToController: true, |
| 404 | controllerAs: 'vm', |
| 405 | templateUrl: 'templates/ceilometer-stats.tpl.html', |
| 406 | controller: function($scope, Ceilometer) { |
Matteo Scandolo | 19c2a4e | 2016-02-02 16:29:40 -0800 | [diff] [blame] | 407 | |
| 408 | this.getStats = (tenant) => { |
Matteo Scandolo | 41f5c15 | 2015-12-09 17:09:55 -0800 | [diff] [blame] | 409 | this.loader = true; |
Matteo Scandolo | 19c2a4e | 2016-02-02 16:29:40 -0800 | [diff] [blame] | 410 | Ceilometer.getStats({tenant: tenant}) |
Matteo Scandolo | 41f5c15 | 2015-12-09 17:09:55 -0800 | [diff] [blame] | 411 | .then(res => { |
Matteo Scandolo | 999d3a1 | 2016-03-07 17:50:38 -0800 | [diff] [blame^] | 412 | res.map(m => { |
| 413 | m.resource_name = m.resource_name.replace('mysite_onos_vbng', 'ONOS_FABRIC'); |
| 414 | m.resource_name = m.resource_name.replace('mysite_onos_volt', 'ONOS_CORD'); |
| 415 | return m; |
| 416 | }); |
Matteo Scandolo | 41f5c15 | 2015-12-09 17:09:55 -0800 | [diff] [blame] | 417 | this.stats = res; |
| 418 | }) |
| 419 | .catch(err => { |
| 420 | this.error = err.data; |
| 421 | }) |
| 422 | .finally(() => { |
| 423 | this.loader = false; |
| 424 | }); |
| 425 | }; |
| 426 | |
Matteo Scandolo | 19c2a4e | 2016-02-02 16:29:40 -0800 | [diff] [blame] | 427 | $scope.$watch(() => this.name, (val) => { |
| 428 | if(val){ |
| 429 | this.getStats(this.tenant); |
| 430 | } |
| 431 | }); |
Matteo Scandolo | 41f5c15 | 2015-12-09 17:09:55 -0800 | [diff] [blame] | 432 | } |
| 433 | } |
Matteo Scandolo | 9db064f | 2016-02-08 14:17:42 -0800 | [diff] [blame] | 434 | }); |