From 3059870b485baecba04cfe27c7176afd1da41db6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel.odegaard@gmail.com>
Date: Sat, 21 Dec 2013 09:53:28 +0100
Subject: [PATCH] func editor starting to work

---
 src/app/controllers/graphiteTarget.js   |  5 +-
 src/app/panels/graphite/editor.html     |  5 +-
 src/app/panels/graphite/funcEditor.html | 69 +++++++++++++++++++++++++
 3 files changed, 76 insertions(+), 3 deletions(-)
 create mode 100644 src/app/panels/graphite/funcEditor.html

diff --git a/src/app/controllers/graphiteTarget.js b/src/app/controllers/graphiteTarget.js
index 530fd6ef124..157c0635867 100644
--- a/src/app/controllers/graphiteTarget.js
+++ b/src/app/controllers/graphiteTarget.js
@@ -132,11 +132,12 @@ function (angular, _, config) {
       $scope.functions = _.without($scope.functions, func);
     };
 
-    $scope.functionParmsChanged = function(func) {
-      func.text = func.name + '(';
+    $scope.functionParamsChanged = function(func) {
+      func.text = func.def.name + '(';
       _.each(func.def.params, function(param) {
         func.text += func.params[param.name];
       });
+      func.text += ')';
     };
 
     $scope.addFunction = function() {
diff --git a/src/app/panels/graphite/editor.html b/src/app/panels/graphite/editor.html
index 506acb11496..ea2ee724310 100644
--- a/src/app/panels/graphite/editor.html
+++ b/src/app/panels/graphite/editor.html
@@ -95,8 +95,11 @@
         <i class="icon-long-arrow-right"></i>
       </span>
       <ul>
+        <li>
+          groupByNode( <input type="text" class="func-param" value="1"
+        </li>
         <li ng-repeat="func in functions">
-          <a bs-popover="'app/panels/graphite/funcEditor.html'" data-placement="top">{{func.text}}</a>
+          <a bs-popover="'app/panels/graphite/funcEditor.html'" data-placement="bottom">{{func.text}}</a>
           <i class="icon-long-arrow-right"></i>
         </li>
         <li>
diff --git a/src/app/panels/graphite/funcEditor.html b/src/app/panels/graphite/funcEditor.html
new file mode 100644
index 00000000000..e18d8deb54d
--- /dev/null
+++ b/src/app/panels/graphite/funcEditor.html
@@ -0,0 +1,69 @@
+<div class="grafana-func-editor">
+
+<div class="row-fluid">
+  <a ng-click="removeFunction(func)">
+    Remove
+  </a>
+  |
+  <a ng-click="disableFunction(func)">
+    Disable
+  </a>
+  |
+  <a ng-click="helpFunction(func)">
+    Help
+  </a>
+  |
+  <a ng-click="dismiss()">
+    Close
+  </a>
+</div>
+
+<div class="editor-row">
+  <div class="section">
+    <div class="editor-option" ng-repeat="param in func.def.params">
+      <label class="small">{{param.name}}</label>
+      <input ng-if="param.type === 'int'"
+            placeholder="seconds"
+            focus-me="true"
+            class="input-mini"
+            ng-change="functionParamsChanged(func)" ng-model-onblur
+            ng-model="func.params[param.name]" />
+
+       <select  ng-if="param.type === 'node'"
+                class="input-mini"
+                ng-model="func.params[param.name]"
+                ng-change="functionParamsChanged(func)"
+                ng-options="f for f in [1,2,3,4,5,6,7,8,9,10]">
+       </select>
+
+       <select  ng-if="param.type === 'function'"
+                class="input-small"
+                ng-change="functionParamsChanged(func)"
+                ng-model="func.params[param.name]"
+                ng-options="f for f in ['sumSeries', 'avgSeries']">
+       </select>
+    </div>
+  </div>
+</div>
+<!--   <div class="row-fluid">
+    <div  class="pull-left">
+     <input ng-if="param.type === 'int'"
+            placeholder="seconds"
+            focus-me="true"
+            class="input-mini"
+            ng-model="func.params[param.name]" />
+
+     <select  ng-if="param.type === 'node'"
+              class="input-mini"
+              ng-model="func.params[param.name]"
+              ng-options="f for f in [1,2,3,4,5,6,7,8,9,10]">
+     </select>
+
+     <select  ng-if="param.type === 'function'"
+              class="input-small"
+              ng-model="func.params[param.name]"
+              ng-options="f for f in ['sumSeries', 'avgSeries']">
+     </select>
+    </div>
+  </div>
+ --></div>
\ No newline at end of file