text: define([
    'angular',
    'require',
    '../core_module',
    'app/core/utils/kbn',
  ],
  function (angular, require, coreModule, kbn) {
    'use strict';
  
    coreModule.default.directive('tip', function($compile) {
      return {
        restrict: 'E',
        link: function(scope, elem, attrs) {
          var _t = '<i class="grafana-tip fa fa-'+(attrs.icon||'question-circle')+'" bs-tooltip="\''+
            kbn.addslashes(elem.text())+'\'"></i>';
          _t = _t.replace(/{/g, '\\{').replace(/}/g, '\\}');
          elem.replaceWith($compile(angular.element(_t))(scope));
        }
      };
    });
  
    coreModule.default.directive('clipboardButton', function() {
      return {
        scope: {
          getText: '&clipboardButton'
        },
        link: function(scope, elem) {
          require(['clipboard'], function(Clipboard) {
            scope.clipboard = new Clipboard(elem[0], {
              text: function() {
                return scope.getText();
              }
            });
          });
  
          scope.$on('$destroy', function() {
            if (scope.clipboard) {
              scope.clipboard.destroy();
            }
          });
        }
      };
    });
  
    coreModule.default.directive('compile', function($compile) {
      return {
        restrict: 'A',
        link: function(scope, element, attrs) {
          scope.$watch(function(scope) {
            return scope.$eval(attrs.compile);
          }, function(value) {
            element.html(value);
            $compile(element.contents())(scope);
          });
        }
      };
    });
  
    coreModule.default.directive('watchChange', function() {
      return {
        scope: { onchange: '&watchChange' },
        link: function(scope, element) {
          element.on('input', function() {
            scope.$apply(function () {
              scope.onchange({ inputValue: element.val() });
            });
          });
        }
      };
    });
  
    coreModule.default.directive('editorOptBool', function($compile) {
      return {
        restrict: 'E',
        link: function(scope, elem, attrs) {
          var ngchange = attrs.change ? (' ng-change="' + attrs.change + '"') : '';
          var tip = attrs.tip ? (' <tip>' + attrs.tip + '</tip>') : '';
          var showIf = attrs.showIf ? (' ng-show="' + attrs.showIf + '" ') : '';
  
          var template = '<div class="editor-option gf-form-checkbox text-center"' + showIf + '>' +
            ' <label for="' + attrs.model + '" class="small">' +
            attrs.text + tip + '</label>' +
            '<input class="cr1" id="' + attrs.model + '" type="checkbox" ' +
            '       ng-model="' + attrs.model + '"' + ngchange +
            '       ng-checked="' + attrs.model + '"></input>' +
            ' <label for="' + attrs.model + '" class="cr1"></label>';
          elem.replaceWith($compile(angular.element(template))(scope));
        }
      };
    });
  
    coreModule.default.directive('editorCheckbox', function($compile, $interpolate) {
      return {
        restrict: 'E',
        link: function(scope, elem, attrs) {
          var text = $interpolate(attrs.text)(scope);
          var model = $interpolate(attrs.model)(scope);
          var ngchange = attrs.change ? (' ng-change="' + attrs.change + '"') : '';
          var tip = attrs.tip ? (' <tip>' + attrs.tip + '</tip>') : '';
          var label = '<label for="' + scope.$id + model + '" class="checkbox-label">' +
            text + tip + '</label>';
  
          var template =
          '<input class="cr1" id="' + scope.$id + model + '" type="checkbox" ' +
          '       ng-model="' + model + '"' + ngchange +
          '       ng-checked="' + model + '"></input>' +
          ' <label for="' + scope.$id + model + '" class="cr1"></label>';
  
          template = template + label;
          elem.addClass('gf-form-checkbox');
          elem.html($compile(angular.element(template))(scope));
        }
      };
    });
  
    coreModule.default.directive('gfDropdown', function ($parse, $compile, $timeout) {
      function buildTemplate(items, placement) {
        var upclass = placement === 'top' ? 'dropup' : '';
        var ul = [
          '<ul class="dropdown-menu ' + upclass + '" role="menu" aria-labelledby="drop1">',
          '</ul>'
        ];
  
        angular.forEach(items, function (item, index) {
          if (item.divider) {
            return ul.splice(index + 1, 0, '<li class="divider"></li>');
          }
  
          var li = '<li' + (item.submenu && item.submenu.length ? ' class="dropdown-submenu"' : '') + '>' +
            '<a tabindex="-1" ng-href="' + (item.href || '') + '"' + (item.click ? ' ng-click="' + item.click + '"' : '') +
            (item.target ? ' target="' + item.target + '"' : '') + (item.method ? ' data-method="' + item.method + '"' : '') +
              '>' + (item.text || '') + '</a>';
  
          if (item.submenu && item.submenu.length) {
            li += buildTemplate(item.submenu).join('\n');
          }
  
          li += '</li>';
          ul.splice(index + 1, 0, li);
        });
        return ul;
      }
  
      return {
        restrict: 'EA',
        scope: true,
        link: function postLink(scope, iElement, iAttrs) {
          var getter = $parse(iAttrs.gfDropdown), items = getter(scope);
          $timeout(function () {
            var placement = iElement.data('placement');
            var dropdown = angular.element(buildTemplate(items, placement).join(''));
            dropdown.insertAfter(iElement);
            $compile(iElement.next('ul.dropdown-menu'))(scope);
          });
  
          iElement.addClass('dropdown-toggle').attr('data-toggle', 'dropdown');
        }
      };
    });
  
  });
  