query_ctrl.ts 2.3 KB

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