Add dist/ directory to repo to correspond development guide.

http://docs.grafana.org/plugins/development/
2017-02-02 11:33:54 +03:00
parent 658e436198
commit 0b3f537341
88 changed files with 11482 additions and 1 deletions
--- a/dist/datasource-zabbix/add-metric-function.directive.js
+++ b/dist/datasource-zabbix/add-metric-function.directive.js
@@ -0,0 +1,116 @@
+'use strict';
+
+System.register(['angular', 'lodash', 'jquery', './metricFunctions'], function (_export, _context) {
+  "use strict";
+
+  var angular, _, $, metricFunctions;
+
+  function getAllFunctionNames(categories) {
+    return _.reduce(categories, function (list, category) {
+      _.each(category, function (func) {
+        list.push(func.name);
+      });
+      return list;
+    }, []);
+  }
+
+  function createFunctionDropDownMenu(categories) {
+    return _.map(categories, function (list, category) {
+      return {
+        text: category,
+        submenu: _.map(list, function (value) {
+          return {
+            text: value.name,
+            click: "ctrl.addFunction('" + value.name + "')"
+          };
+        })
+      };
+    });
+  }
+  return {
+    setters: [function (_angular) {
+      angular = _angular.default;
+    }, function (_lodash) {
+      _ = _lodash.default;
+    }, function (_jquery) {
+      $ = _jquery.default;
+    }, function (_metricFunctions) {
+      metricFunctions = _metricFunctions;
+    }],
+    execute: function () {
+
+      /** @ngInject */
+      angular.module('grafana.directives').directive('addMetricFunction', function ($compile) {
+        var inputTemplate = '<input type="text"' + ' class="gf-form-input"' + ' spellcheck="false" style="display:none"></input>';
+
+        var buttonTemplate = '<a  class="gf-form-label tight-form-func dropdown-toggle query-part"' + ' tabindex="1" gf-dropdown="functionMenu" data-toggle="dropdown">' + '<i class="fa fa-plus"></i></a>';
+
+        return {
+          link: function link($scope, elem) {
+            var categories = metricFunctions.getCategories();
+            var allFunctions = getAllFunctionNames(categories);
+
+            $scope.functionMenu = createFunctionDropDownMenu(categories);
+
+            var $input = $(inputTemplate);
+            var $button = $(buttonTemplate);
+            $input.appendTo(elem);
+            $button.appendTo(elem);
+
+            $input.attr('data-provide', 'typeahead');
+            $input.typeahead({
+              source: allFunctions,
+              minLength: 1,
+              items: 10,
+              updater: function updater(value) {
+                var funcDef = metricFunctions.getFuncDef(value);
+                if (!funcDef) {
+                  // try find close match
+                  value = value.toLowerCase();
+                  funcDef = _.find(allFunctions, function (funcName) {
+                    return funcName.toLowerCase().indexOf(value) === 0;
+                  });
+
+                  if (!funcDef) {
+                    return;
+                  }
+                }
+
+                $scope.$apply(function () {
+                  $scope.addFunction(funcDef);
+                });
+
+                $input.trigger('blur');
+                return '';
+              }
+            });
+
+            $button.click(function () {
+              $button.hide();
+              $input.show();
+              $input.focus();
+            });
+
+            $input.keyup(function () {
+              elem.toggleClass('open', $input.val() === '');
+            });
+
+            $input.blur(function () {
+              // clicking the function dropdown menu wont
+              // work if you remove class at once
+              setTimeout(function () {
+                $input.val('');
+                $input.hide();
+                $button.show();
+                elem.removeClass('open');
+              }, 200);
+            });
+
+            $compile(elem.contents())($scope);
+          }
+        };
+      });
+    }
+  };
+});
+//# sourceMappingURL=add-metric-function.directive.js.map