empty plugin

src/core_plugins/control_visualizations/index.js

@@ -0,0 +1,9 @@
+export default function (kibana) {
+  return new kibana.Plugin({
+    uiExports: {
+      visTypes: [
+        'plugins/terms_vis/terms_vis/terms_vis'
+      ]
+    }
+  });
+}

src/core_plugins/control_visualizations/package.json

@@ -0,0 +1,4 @@
+{
+  "name": "terms_vis",
+  "version": "kibana"
+}

src/core_plugins/control_visualizations/public/terms_vis/editor_controller.js

@@ -0,0 +1,33 @@
+import { VisController } from './vis_controller';
+
+class EditorController {
+  constructor(el) {
+    this.el = el;
+    this.editorDiv = document.createElement('div');
+    this.visDiv = document.createElement('div');
+    this.el.appendChild(this.editorDiv);
+    this.el.appendChild(this.visDiv);
+    this.visualization = new VisController(this.visDiv);
+  }
+
+  render(vis, visData) {
+    return new Promise(resolve => {
+      console.log('rendering editor');
+      this.editorDiv.innerHTML = 'my editor';
+      // we probably want to render the visualization as well ?
+      this.visualization.render(vis, visData).then(() => {
+        resolve('when done rendering');
+      });
+    });
+  }
+
+  resize() {
+    return this.visualization.resize();
+  }
+
+  destroy() {
+    this.visualization.destroy();
+  }
+}
+
+export { EditorController };

src/core_plugins/control_visualizations/public/terms_vis/terms_vis.js

@@ -0,0 +1,37 @@
+import './terms_vis.less';
+import { CATEGORY } from 'ui/vis/vis_category';
+import { VisFactoryProvider } from 'ui/vis/vis_factory';
+import { VisTypesRegistryProvider } from 'ui/registry/vis_types';
+import { VisController } from './vis_controller';
+import { EditorController } from './editor_controller';
+
+function TermsVisProvider(Private) {
+  const VisFactory = Private(VisFactoryProvider);
+
+  // return the visType object, which kibana will use to display and configure new Vis object of this type.
+  return VisFactory.createBaseVisualization({
+    name: 'terms_vis',
+    title: 'Terms Control',
+    icon: 'fa fa-gear',
+    description: 'Terms Control',
+    category: CATEGORY.CONTROL,
+    visualization: VisController,
+    visConfig: {
+      defaults: {
+        // add default parameters
+        fontSize: '50'
+      },
+    },
+    editor: EditorController,
+    editorConfig: {
+    },
+    requestHandler: 'none',
+    responseHandler: 'none',
+  });
+}
+
+// register the provider with the visTypes registry
+VisTypesRegistryProvider.register(TermsVisProvider);
+
+// export the provider so that the visType can be required with Private()
+export default TermsVisProvider;

src/core_plugins/control_visualizations/public/terms_vis/terms_vis.less

@@ -0,0 +1,5 @@
+@import (reference) "~ui/styles/mixins.less";
+
+.terms_vis {
+  /* add your styles here */
+}

src/core_plugins/control_visualizations/public/terms_vis/vis_controller.js

@@ -0,0 +1,25 @@
+
+class VisController {
+  constructor(el) {
+    this.el = el;
+  }
+
+  render(vis, visData) {
+    return new Promise(resolve => {
+      console.log('rendering visualization');
+      console.log('visData', visData);
+      this.el.innerHTML = 'my new visualization';
+      resolve('when done rendering');
+    });
+  }
+
+  resize() {
+    console.log('resizing visualization');
+  }
+
+  destroy() {
+    console.log('destroying vis');
+  }
+}
+
+export { VisController };

src/core_plugins/kibana/public/visualize/wizard/wizard.js

@@ -35,6 +35,7 @@ module.controller('VisualizeWizardStep1', function ($scope, $route, kbnUrl, time
 
   const visTypeCategoryToHumanReadableMap = {
     [CATEGORY.BASIC]: 'Basic Charts',
+    [CATEGORY.CONTROL]: 'Dashboard Controls',
     [CATEGORY.DATA]: 'Data',
     [CATEGORY.GRAPHIC]: 'Graphic',
     [CATEGORY.MAP]: 'Maps',

src/ui/public/vis/vis_category.js

@@ -1,5 +1,6 @@
 export const CATEGORY = {
   BASIC: 'basic',
+  CONTROL: 'control',
   DATA: 'data',
   MAP: 'map',
   OTHER: 'other',