From dee83724e3607296f3d34bf1a4a73d0950f589de Mon Sep 17 00:00:00 2001
From: Jared Scheib <jared.scheib@gmail.com>
Date: Wed, 26 Apr 2017 19:54:05 -0700
Subject: [PATCH] Add and remove ':'s from template variables

---
 ui/src/dashboards/components/TemplateVariableRow.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/ui/src/dashboards/components/TemplateVariableRow.js b/ui/src/dashboards/components/TemplateVariableRow.js
index cb1bab5c6..ed214bf09 100644
--- a/ui/src/dashboards/components/TemplateVariableRow.js
+++ b/ui/src/dashboards/components/TemplateVariableRow.js
@@ -183,7 +183,11 @@ const TableInput = ({
           autoFocus={name === autoFocusTarget}
           className="input"
           type="text"
-          defaultValue={defaultValue}
+          defaultValue={
+            name === 'tempVar'
+              ? defaultValue.replace(/\u003a/g, '') // remove ':'s
+              : defaultValue
+          }
         />
       </div>
     : <div className="td" onClick={() => onStartEdit(name)}>{defaultValue}</div>
@@ -226,7 +230,7 @@ class RowWrapper extends Component {
       this.setState({isEditing: false, isNew: false})
 
       const label = e.target.label.value
-      const tempVar = e.target.tempVar.value
+      const tempVar = `\u003a${e.target.tempVar.value}\u003a` // add ':'s
 
       const {
         source,