From 4997068a0d4acdb7ab3f59b5ad57654ad81a333b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel.odegaard@gmail.com>
Date: Wed, 24 Sep 2014 19:10:00 +0200
Subject: [PATCH] Added directive element for the new checkboxes

---
 src/app/directives/tip.js         | 13 +++++++++----
 src/app/partials/share-panel.html | 12 ++----------
 2 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/src/app/directives/tip.js b/src/app/directives/tip.js
index ff364b35569..d9dd5145a62 100644
--- a/src/app/directives/tip.js
+++ b/src/app/directives/tip.js
@@ -20,13 +20,18 @@ function (angular, kbn) {
 
   angular
     .module('grafana.directives')
-    .directive('tip', function($compile) {
+    .directive('editorOptBool', function($compile) {
       return {
         restrict: 'E',
         link: function(scope, elem, attrs) {
-          var _t = '<i class="grafana-tip icon-'+(attrs.icon||'question-sign')+'" bs-tooltip="\''+
-            kbn.addslashes(elem.text())+'\'"></i>';
-          elem.replaceWith($compile(angular.element(_t))(scope));
+          var template = '<div class="editor-option text-center">' +
+                         ' <label for="' + attrs.name + '" class="small">' +
+                           attrs.text + '</label>' +
+                          '<input id="' + attrs.name + '" type="checkbox" ' +
+                          '       ng-model="' + attrs.model + '"' +
+                          '       ng-checked="' + attrs.model + '"></input>' +
+                          ' <label for="' + attrs.name + '" class="cr1"></label>';
+          elem.replaceWith($compile(angular.element(template))(scope));
         }
       };
     });
diff --git a/src/app/partials/share-panel.html b/src/app/partials/share-panel.html
index 3eb7c4daec8..efbfcb42ab7 100644
--- a/src/app/partials/share-panel.html
+++ b/src/app/partials/share-panel.html
@@ -16,16 +16,8 @@
 
 	<div class="modal-body">
 		<div class="editor-row">
-			<div class="editor-option text-center">
-				<label for="currentTime" class="small">Current time range</label>
-				<input id="currentTime" type="checkbox" ng-model="forCurrent" ng-checked="forCurrent"></input>
-				<label for="currentTime" class="cr1"></label>
-			</div>
-			<div class="editor-option text-center">
-				<label for="toPanel" class="small">To fullscreen panel</label>
-				<input id="toPanel" type="checkbox" ng-model="toPanel" ng-checked="toPanel"></input>
-				<label for="toPanel" class="cr1"></label>
-			</div>
+			<editor-opt-bool name="currentTime" text="Current time range" model="forCurrent"></editor-opt-bool>
+			<editor-opt-bool name="toPanel" text="To this panel only" model="toPanel"></editor-opt-bool>
 		</div>
 
 		<div class="editor-row" style="margin-top: 20px;">