moved btn-radio directive to vis editor (#33373)

Author: lizozom

src/legacy/ui/public/angular-bootstrap/buttons/buttons.js

@@ -25,7 +25,6 @@ angular.module('ui.bootstrap', [
   'ui.bootstrap.transition',
   'ui.bootstrap.alert',
   'ui.bootstrap.bindHtml',
-  'ui.bootstrap.buttons',
   'ui.bootstrap.position',
   'ui.bootstrap.dropdown',
   'ui.bootstrap.modal',
@@ -57,7 +56,6 @@ angular.module('ui.bootstrap.tpls', [
 
 import './alert/alert';
 import './bindHtml/bindHtml';
-import './buttons/buttons';
 import './dropdown/dropdown';
 import './modal/modal';
 import './pagination/pagination';

src/legacy/ui/public/angular-bootstrap/index.js

@@ -18,6 +18,7 @@
  */
 
 import _ from 'lodash';
+import '../directives/buttons';
 import { IndexedArray } from '../../../indexed_array';
 import { AggParams } from '../../../agg_types/agg_params';
 

src/legacy/ui/public/vis/editors/default/schemas.js

@@ -0,0 +1,60 @@
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import angular from 'angular';
+import { uiModules } from 'ui/modules';
+const module = uiModules.get('kibana');
+
+module.constant('buttonConfig', {
+  activeClass: 'active',
+  toggleEvent: 'click'
+});
+
+module.controller('ButtonsController', ['buttonConfig', function (buttonConfig) {
+  this.activeClass = buttonConfig.activeClass || 'active';
+  this.toggleEvent = buttonConfig.toggleEvent || 'click';
+}]);
+
+module.directive('btnRadio', function () {
+  return {
+    require: ['btnRadio', 'ngModel'],
+    controller: 'ButtonsController',
+    link: function (scope, element, attrs, ctrls) {
+      const buttonsCtrl = ctrls[0];
+      const ngModelCtrl = ctrls[1];
+
+      //model -> UI
+      ngModelCtrl.$render = function () {
+        element.toggleClass(buttonsCtrl.activeClass, angular.equals(ngModelCtrl.$modelValue, scope.$eval(attrs.btnRadio)));
+      };
+
+      //ui->model
+      element.bind(buttonsCtrl.toggleEvent, function () {
+        const isActive = element.hasClass(buttonsCtrl.activeClass);
+
+        if (!isActive || angular.isDefined(attrs.uncheckable)) {
+          scope.$apply(function () {
+            ngModelCtrl.$setViewValue(isActive ? null : scope.$eval(attrs.btnRadio));
+            ngModelCtrl.$render();
+          });
+        }
+      });
+    }
+  };
+});

src/legacy/ui/public/vis/editors/directives/buttons.js

@@ -45,7 +45,7 @@ uiRoutes.when('/dev_tools/searchprofiler', {
 });
 
 uiModules
-  .get('app/searchprofiler', ['ui.bootstrap.buttons', 'ui.ace'])
+  .get('app/searchprofiler', ['ui.ace'])
   .controller('profileViz', profileVizController)
   .filter('nsToPretty', () => nsToPretty)
   .filter('msToPretty', () => msToPretty)