fix(templating): fixed handling of numeric values in tempalting query results, fixes #5097

public/app/features/templating/templateValuesSrv.js

@@ -313,6 +313,14 @@ function (angular, _, kbn) {
         var value = item.value || item.text;
         var value = item.value || item.text;
         var text = item.text || item.value;
         var text = item.text || item.value;
 
 
+        if (_.isNumber(value)) {
+          value = value.toString();
+        }
+
+        if (_.isNumber(text)) {
+          text = text.toString();
+        }
+
         if (regex) {
         if (regex) {
           matches = regex.exec(value);
           matches = regex.exec(value);
           if (!matches) { continue; }
           if (!matches) { continue; }

public/test/specs/templateSrv-specs.js

@@ -141,8 +141,8 @@ define([
       });
       });
 
 
       it('slash should be properly escaped in regex format', function() {
       it('slash should be properly escaped in regex format', function() {
-         var result = _templateSrv.formatValue('Gi3/14', 'regex');
-         expect(result).to.be('Gi3\\/14');
+        var result = _templateSrv.formatValue('Gi3/14', 'regex');
+        expect(result).to.be('Gi3\\/14');
       });
       });
 
 
     });
     });

public/test/specs/templateValuesSrv-specs.js

@@ -126,6 +126,19 @@ define([
       });
       });
     });
     });
 
 
+    describeUpdateVariable('query variable with numeric results', function(scenario) {
+      scenario.setup(function() {
+        scenario.variable = { type: 'query', query: '', name: 'test', current: {} };
+        scenario.queryResult = [{text: 12, value: 12}];
+      });
+
+      it('should set current value to first option', function() {
+        expect(scenario.variable.current.value).to.be('12');
+        expect(scenario.variable.options[0].value).to.be('12');
+        expect(scenario.variable.options[0].text).to.be('12');
+      });
+    });
+
     describeUpdateVariable('interval variable without auto', function(scenario) {
     describeUpdateVariable('interval variable without auto', function(scenario) {
       scenario.setup(function() {
       scenario.setup(function() {
         scenario.variable = { type: 'interval', query: '1s,2h,5h,1d', name: 'test' };
         scenario.variable = { type: 'interval', query: '1s,2h,5h,1d', name: 'test' };