query_ctrl.ts 2.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. ///<reference path="../../../headers/common.d.ts" />
  2. import angular from 'angular';
  3. import _ from 'lodash';
  4. import {QueryCtrl} from 'app/plugins/sdk';
  5. import {PromCompleter} from './completer';
  6. class PrometheusQueryCtrl extends QueryCtrl {
  7. static templateUrl = 'partials/query.editor.html';
  8. metric: any;
  9. resolutions: any;
  10. formats: any;
  11. instant: any;
  12. oldTarget: any;
  13. suggestMetrics: any;
  14. getMetricsAutocomplete: any;
  15. linkToPrometheus: any;
  16. /** @ngInject */
  17. constructor($scope, $injector, private templateSrv) {
  18. super($scope, $injector);
  19. var target = this.target;
  20. target.expr = target.expr || '';
  21. target.intervalFactor = target.intervalFactor || 2;
  22. target.format = target.format || this.getDefaultFormat();
  23. this.metric = '';
  24. this.resolutions = _.map([1,2,3,4,5,10], function(f) {
  25. return {factor: f, label: '1/' + f};
  26. });
  27. this.formats = [
  28. {text: 'Time series', value: 'time_series'},
  29. {text: 'Table', value: 'table'},
  30. ];
  31. this.instant = false;
  32. this.updateLink();
  33. }
  34. getCompleter(query) {
  35. return new PromCompleter(this.datasource);
  36. // console.log('getquery);
  37. // return this.datasource.performSuggestQuery(query).then(res => {
  38. // return res.map(item => {
  39. // return {word: item, type: 'metric'};
  40. // });
  41. // });
  42. }
  43. getDefaultFormat() {
  44. if (this.panelCtrl.panel.type === 'table') {
  45. return 'table';
  46. }
  47. return 'time_series';
  48. }
  49. refreshMetricData() {
  50. if (!_.isEqual(this.oldTarget, this.target)) {
  51. this.oldTarget = angular.copy(this.target);
  52. this.panelCtrl.refresh();
  53. this.updateLink();
  54. }
  55. }
  56. updateLink() {
  57. var range = this.panelCtrl.range;
  58. if (!range) {
  59. return;
  60. }
  61. var rangeDiff = Math.ceil((range.to.valueOf() - range.from.valueOf()) / 1000);
  62. var endTime = range.to.utc().format('YYYY-MM-DD HH:mm');
  63. var expr = {
  64. 'g0.expr': this.templateSrv.replace(this.target.expr, this.panelCtrl.panel.scopedVars, this.datasource.interpolateQueryExpr),
  65. 'g0.range_input': rangeDiff + 's',
  66. 'g0.end_input': endTime,
  67. 'g0.step_input': this.target.step,
  68. 'g0.stacked': this.panelCtrl.panel.stack ? 1 : 0,
  69. 'g0.tab': 0
  70. };
  71. var args = _.map(expr, (v, k) => { return k + '=' + encodeURIComponent(v); }).join('&');
  72. this.linkToPrometheus = this.datasource.directUrl + '/graph?' + args;
  73. }
  74. getCollapsedText() {
  75. return this.target.expr;
  76. }
  77. }
  78. export {PrometheusQueryCtrl};