added text edit mode to targets

src/app/controllers/graphiteTarget.js

@@ -16,6 +16,7 @@ function (angular, _, config, graphiteFunctions, Parser) {
       $scope.functions = [];
       $scope.segments = [];
       $scope.funcDefs = graphiteFunctions;
+      $scope.showTextEditor = false;
 
       var parser = new Parser($scope.target.target);
       var astNode = parser.getAst();

src/app/panels/graphite/editor.html

@@ -6,7 +6,10 @@
         <span class="grafana-target-onoff">
           <i class="icon-eye-open"></i>
         </span>
-        <ul class="grafana-segment-list" role="menu">
+
+        <input type="text" class="grafana-target-text-input" ng-model="target.target" focus-me="showTextEditor" ng-blur="showTextEditor = false" ng-show="showTextEditor" />
+
+        <ul class="grafana-segment-list" role="menu" ng-hide="showTextEditor">
           <li class="dropdown" ng-repeat="segment in segments" role="menuitem">
             <a  tabindex="1"
                 class="grafana-target-segment dropdown-toggle"
@@ -24,7 +27,7 @@
         </ul>
         <ul class="grafana-target-controls">
           <li>
-            <a class="pointer" tabindex="1" ng-click="enableTextEditor()">
+            <a class="pointer" tabindex="1" ng-click="showTextEditor = true">
               <i class="icon-pencil"></i>
             </a>
           </li>
@@ -43,7 +46,7 @@
       </div>
     </div>
 
-    <div class="grafana-target-func-panel-wrapper">
+    <div class="grafana-target-func-panel-wrapper" ng-hide="showTextEditor">
       <div class="grafana-target-func-panel">
         <span class="grafana-target-func-panel-icon">
 

src/vendor/bootstrap/less/grafana.less

@@ -155,6 +155,15 @@
   }
 }
 
+input[type=text].grafana-target-text-input {
+  padding: 2px 6px;
+  margin: 2px;
+  background: transparent;
+  width: 80%;
+  float: left;
+  border: none;
+}
+
 .grafana-target .dropdown {
   padding: 0; margin: 0;
 }