2016-02-01 23:24:08 +01:00
|
|
|
///<reference path="../../../headers/common.d.ts" />
|
|
|
|
|
|
|
|
|
|
import angular from 'angular';
|
|
|
|
|
import _ from 'lodash';
|
|
|
|
|
|
2016-02-05 18:08:21 +01:00
|
|
|
import {QueryCtrl} from 'app/plugins/sdk';
|
2017-08-10 09:33:17 +02:00
|
|
|
import {PromCompleter} from './completer';
|
2016-02-01 23:24:08 +01:00
|
|
|
|
2016-02-02 12:52:43 +01:00
|
|
|
class PrometheusQueryCtrl extends QueryCtrl {
|
2016-02-09 18:17:32 +01:00
|
|
|
static templateUrl = 'partials/query.editor.html';
|
2016-02-05 10:37:14 +01:00
|
|
|
|
2016-02-02 09:12:58 +01:00
|
|
|
metric: any;
|
|
|
|
|
resolutions: any;
|
2017-04-25 12:57:23 +02:00
|
|
|
formats: any;
|
2017-09-07 18:34:46 +09:00
|
|
|
instant: any;
|
2016-02-02 09:12:58 +01:00
|
|
|
oldTarget: any;
|
2016-02-02 10:19:15 +01:00
|
|
|
suggestMetrics: any;
|
2017-08-09 10:58:00 +03:00
|
|
|
getMetricsAutocomplete: any;
|
2016-02-02 10:19:15 +01:00
|
|
|
linkToPrometheus: any;
|
2016-02-01 23:24:08 +01:00
|
|
|
|
2016-02-02 12:52:43 +01:00
|
|
|
/** @ngInject */
|
2016-02-02 09:12:58 +01:00
|
|
|
constructor($scope, $injector, private templateSrv) {
|
|
|
|
|
super($scope, $injector);
|
2016-02-01 23:24:08 +01:00
|
|
|
|
2016-02-02 09:12:58 +01:00
|
|
|
var target = this.target;
|
2016-02-01 23:24:08 +01:00
|
|
|
target.expr = target.expr || '';
|
|
|
|
|
target.intervalFactor = target.intervalFactor || 2;
|
2017-04-25 12:57:23 +02:00
|
|
|
target.format = target.format || this.getDefaultFormat();
|
2016-02-01 23:24:08 +01:00
|
|
|
|
2016-02-02 09:12:58 +01:00
|
|
|
this.metric = '';
|
|
|
|
|
this.resolutions = _.map([1,2,3,4,5,10], function(f) {
|
2016-02-01 23:24:08 +01:00
|
|
|
return {factor: f, label: '1/' + f};
|
|
|
|
|
});
|
|
|
|
|
|
2017-04-25 12:57:23 +02:00
|
|
|
this.formats = [
|
2016-09-28 21:31:26 +09:00
|
|
|
{text: 'Time series', value: 'time_series'},
|
|
|
|
|
{text: 'Table', value: 'table'},
|
|
|
|
|
];
|
2016-02-01 23:24:08 +01:00
|
|
|
|
2017-09-07 18:34:46 +09:00
|
|
|
this.instant = false;
|
|
|
|
|
|
2017-08-09 11:43:02 +02:00
|
|
|
this.updateLink();
|
|
|
|
|
}
|
|
|
|
|
|
2017-08-10 09:33:17 +02:00
|
|
|
getCompleter(query) {
|
|
|
|
|
return new PromCompleter(this.datasource);
|
|
|
|
|
// console.log('getquery);
|
|
|
|
|
// return this.datasource.performSuggestQuery(query).then(res => {
|
|
|
|
|
// return res.map(item => {
|
|
|
|
|
// return {word: item, type: 'metric'};
|
|
|
|
|
// });
|
|
|
|
|
// });
|
2016-02-02 09:12:58 +01:00
|
|
|
}
|
2016-02-01 23:24:08 +01:00
|
|
|
|
2017-04-25 12:57:23 +02:00
|
|
|
getDefaultFormat() {
|
|
|
|
|
if (this.panelCtrl.panel.type === 'table') {
|
|
|
|
|
return 'table';
|
|
|
|
|
}
|
|
|
|
|
return 'time_series';
|
|
|
|
|
}
|
|
|
|
|
|
2016-02-02 09:12:58 +01:00
|
|
|
refreshMetricData() {
|
|
|
|
|
if (!_.isEqual(this.oldTarget, this.target)) {
|
|
|
|
|
this.oldTarget = angular.copy(this.target);
|
|
|
|
|
this.panelCtrl.refresh();
|
2016-02-02 10:19:15 +01:00
|
|
|
this.updateLink();
|
2016-02-01 23:24:08 +01:00
|
|
|
}
|
2016-02-02 09:12:58 +01:00
|
|
|
}
|
2016-02-01 23:24:08 +01:00
|
|
|
|
2016-02-02 10:19:15 +01:00
|
|
|
updateLink() {
|
2016-02-02 09:12:58 +01:00
|
|
|
var range = this.panelCtrl.range;
|
2016-05-20 09:03:52 +02:00
|
|
|
if (!range) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
2016-02-02 09:12:58 +01:00
|
|
|
var rangeDiff = Math.ceil((range.to.valueOf() - range.from.valueOf()) / 1000);
|
|
|
|
|
var endTime = range.to.utc().format('YYYY-MM-DD HH:mm');
|
2016-02-01 23:24:08 +01:00
|
|
|
var expr = {
|
2017-05-11 21:24:13 +09:00
|
|
|
'g0.expr': this.templateSrv.replace(this.target.expr, this.panelCtrl.panel.scopedVars, this.datasource.interpolateQueryExpr),
|
|
|
|
|
'g0.range_input': rangeDiff + 's',
|
|
|
|
|
'g0.end_input': endTime,
|
|
|
|
|
'g0.step_input': this.target.step,
|
|
|
|
|
'g0.stacked': this.panelCtrl.panel.stack ? 1 : 0,
|
|
|
|
|
'g0.tab': 0
|
2016-02-01 23:24:08 +01:00
|
|
|
};
|
2017-05-11 21:24:13 +09:00
|
|
|
var args = _.map(expr, (v, k) => { return k + '=' + encodeURIComponent(v); }).join('&');
|
|
|
|
|
this.linkToPrometheus = this.datasource.directUrl + '/graph?' + args;
|
2016-02-02 10:19:15 +01:00
|
|
|
}
|
2017-03-08 21:30:20 +02:00
|
|
|
|
|
|
|
|
getCollapsedText() {
|
|
|
|
|
return this.target.expr;
|
|
|
|
|
}
|
2016-02-01 23:24:08 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export {PrometheusQueryCtrl};
|