templateSrv.js 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. define([
  2. 'angular',
  3. 'lodash',
  4. './editorCtrl',
  5. './templateValuesSrv',
  6. ],
  7. function (angular, _) {
  8. 'use strict';
  9. var module = angular.module('grafana.services');
  10. module.service('templateSrv', function() {
  11. var self = this;
  12. this._regex = /\$(\w+)|\[\[([\s\S]+?)\]\]/g;
  13. this._values = {};
  14. this._texts = {};
  15. this._grafanaVariables = {};
  16. this.init = function(variables) {
  17. this.variables = variables;
  18. this.updateTemplateData();
  19. };
  20. this.updateTemplateData = function() {
  21. this._values = {};
  22. this._texts = {};
  23. _.each(this.variables, function(variable) {
  24. if (!variable.current || !variable.current.isNone && !variable.current.value) { return; }
  25. this._values[variable.name] = this.renderVariableValue(variable);
  26. this._texts[variable.name] = variable.current.text;
  27. }, this);
  28. };
  29. this.renderVariableValue = function(variable) {
  30. var value = variable.current.value;
  31. if (_.isString(value)) {
  32. return value;
  33. } else {
  34. switch(variable.multiFormat) {
  35. case "regex values": {
  36. return '(' + value.join('|') + ')';
  37. }
  38. case "lucene": {
  39. return '(' + value.join(' OR ') + ')';
  40. }
  41. case "pipe": {
  42. return value.join('|');
  43. }
  44. default: {
  45. return '{' + value.join(',') + '}';
  46. }
  47. }
  48. }
  49. };
  50. this.setGrafanaVariable = function (name, value) {
  51. this._grafanaVariables[name] = value;
  52. };
  53. this.variableExists = function(expression) {
  54. this._regex.lastIndex = 0;
  55. var match = this._regex.exec(expression);
  56. return match && (self._values[match[1] || match[2]] !== void 0);
  57. };
  58. this.containsVariable = function(str, variableName) {
  59. if (!str) {
  60. return false;
  61. }
  62. return str.indexOf('$' + variableName) !== -1 || str.indexOf('[[' + variableName + ']]') !== -1;
  63. };
  64. this.highlightVariablesAsHtml = function(str) {
  65. if (!str || !_.isString(str)) { return str; }
  66. this._regex.lastIndex = 0;
  67. return str.replace(this._regex, function(match, g1, g2) {
  68. if (self._values[g1 || g2]) {
  69. return '<span class="template-variable">' + match + '</span>';
  70. }
  71. return match;
  72. });
  73. };
  74. this.replace = function(target, scopedVars) {
  75. if (!target) { return target; }
  76. var value;
  77. this._regex.lastIndex = 0;
  78. return target.replace(this._regex, function(match, g1, g2) {
  79. if (scopedVars) {
  80. value = scopedVars[g1 || g2];
  81. if (value) { return value.value; }
  82. }
  83. value = self._values[g1 || g2];
  84. if (!value) { return match; }
  85. return self._grafanaVariables[value] || value;
  86. });
  87. };
  88. this.replaceWithText = function(target, scopedVars) {
  89. if (!target) { return target; }
  90. var value;
  91. var text;
  92. this._regex.lastIndex = 0;
  93. return target.replace(this._regex, function(match, g1, g2) {
  94. if (scopedVars) {
  95. var option = scopedVars[g1 || g2];
  96. if (option) { return option.text; }
  97. }
  98. value = self._values[g1 || g2];
  99. text = self._texts[g1 || g2];
  100. if (!value) { return match; }
  101. return self._grafanaVariables[value] || text;
  102. });
  103. };
  104. this.fillVariableValuesForUrl = function(params, scopedVars) {
  105. _.each(this.variables, function(variable) {
  106. var current = variable.current;
  107. var value = current.value;
  108. if (current.text === 'All') {
  109. value = 'All';
  110. }
  111. if (scopedVars && scopedVars[variable.name] !== void 0) {
  112. value = scopedVars[variable.name].value;
  113. }
  114. params['var-' + variable.name] = value;
  115. });
  116. };
  117. });
  118. });