Filebeat wizard

package.json

@@ -108,6 +108,8 @@
     "jade-loader": "0.7.1",
     "joi": "6.6.1",
     "jquery": "2.1.4",
+    "js-data": "2.8.2",
+    "js-data-angular": "3.1.0",
     "js-yaml": "3.4.1",
     "json-loader": "0.5.3",
     "json-stringify-safe": "5.0.1",

src/optimize/BaseOptimizer.js

@@ -79,6 +79,8 @@ class BaseOptimizer {
         devtoolModuleFilenameTemplate: '[absolute-resource-path]'
       },
 
+      externals: ['axios'],
+
       recordsPath: resolve(this.env.workingDir, 'webpack.records'),
 
       plugins: [

src/plugins/kibana/public/settings/sections/data/directives/install_filebeat_step.html

@@ -0,0 +1,10 @@
+<h2>Install filebeat step</h2>
+
+<div>
+Results:
+  <ul>
+    <li>Logs: {{results[0]}}</li>
+    <li>Docs: {{results[1]}}</li>
+    <li>Pattern: {{results[2]}}</li>
+  </ul>
+</div>

src/plugins/kibana/public/settings/sections/data/directives/install_filebeat_step.js

@@ -0,0 +1,16 @@
+var modules = require('ui/modules');
+var template = require('plugins/kibana/settings/sections/data/directives/install_filebeat_step.html');
+
+modules.get('apps/settings')
+  .directive('installFilebeatStep', function () {
+    return {
+      template: template,
+      scope: {
+        results: '='
+      },
+      controller: function ($scope) {
+        var results = $scope.results;
+      }
+    };
+  });
+

src/plugins/kibana/public/settings/sections/data/directives/paste_samples_step.html

@@ -0,0 +1,3 @@
+<h2>Paste samples step</h2>
+
+<button ng-click="save({results: 'some sample logs'})">Do Stuff</button>

src/plugins/kibana/public/settings/sections/data/directives/paste_samples_step.js

@@ -0,0 +1,13 @@
+var modules = require('ui/modules');
+var template = require('plugins/kibana/settings/sections/data/directives/paste_samples_step.html');
+
+modules.get('apps/settings')
+  .directive('pasteSamplesStep', function () {
+    return {
+      template: template,
+      scope: {
+        save: '&onSave'
+      }
+    };
+  });
+

src/plugins/kibana/public/settings/sections/data/directives/pattern_review_step.html

@@ -0,0 +1,7 @@
+<h2>Pattern review step</h2>
+
+<div>
+  Docs: {{docs}}
+</div>
+
+<button ng-click="save({results: {id: 'logstash-*', title: 'myFirstIndexPattern'}})">Create an index pattern</button>

src/plugins/kibana/public/settings/sections/data/directives/pattern_review_step.js

@@ -0,0 +1,14 @@
+var modules = require('ui/modules');
+var template = require('plugins/kibana/settings/sections/data/directives/pattern_review_step.html');
+
+modules.get('apps/settings')
+  .directive('patternReviewStep', function () {
+    return {
+      template: template,
+      scope: {
+        docs: '=',
+        save: '&onSave'
+      }
+    };
+  });
+

src/plugins/kibana/public/settings/sections/data/directives/pipeline_step.html

@@ -0,0 +1,7 @@
+<h2>Build pipeline step</h2>
+
+<div>
+    Logs: {{logs}}
+</div>
+
+<button ng-click="save({results: {os: 'osx'}})">Build a pipeline</button>

src/plugins/kibana/public/settings/sections/data/directives/pipeline_step.js

@@ -0,0 +1,14 @@
+var modules = require('ui/modules');
+var template = require('plugins/kibana/settings/sections/data/directives/pipeline_step.html');
+
+modules.get('apps/settings')
+  .directive('pipelineStep', function () {
+    return {
+      template: template,
+      scope: {
+        logs: '=',
+        save: '&onSave'
+      }
+    };
+  });
+

src/plugins/kibana/public/settings/sections/data/filebeat/index.html

@@ -0,0 +1,32 @@
+<kbn-settings-app section="data">
+  <div ng-controller="kbnSettingsDataFilebeat" class="container">
+    <div class="btn-group">
+      <button ng-class="{active: currentStep === 0}"
+              ng-click="setCurrentStep(0)">
+        Paste
+      </button>
+      <button ng-class="{active: currentStep === 1}"
+              ng-click="setCurrentStep(1)">
+        Parse
+      </button>
+      <button ng-class="{active: currentStep === 2}"
+              ng-click="setCurrentStep(2)">
+        Review
+      </button>
+      <button ng-class="{active: currentStep === 3}"
+              ng-click="setCurrentStep(3)">
+        Install Filebeat
+      </button>
+    </div>
+
+    <div ng-switch="currentStep">
+      <paste-samples-step on-save="saveStepResults(0, results)" ng-switch-when="0"></paste-samples-step>
+      <pipeline-step on-save="saveStepResults(1, results)" logs="stepResults[0]" ng-switch-when="1"></pipeline-step>
+      <pattern-review-step on-save="saveStepResults(2, results)" docs="stepResults[1]" ng-switch-when="2"></pattern-review-step>
+      <install-filebeat-step results="stepResults" ng-switch-when="3"></install-filebeat-step>
+    </div>
+
+    <button ng-click="prevStep()">Prev</button>
+    <button ng-click="nextStep()">Next</button>
+  </div>
+</kbn-settings-app>

src/plugins/kibana/public/settings/sections/data/filebeat/index.js

@@ -0,0 +1,38 @@
+var routes = require('ui/routes');
+var modules = require('ui/modules');
+var template = require('plugins/kibana/settings/sections/data/filebeat/index.html');
+
+require('plugins/kibana/settings/sections/data/directives/pattern_review_step');
+require('plugins/kibana/settings/sections/data/directives/paste_samples_step');
+require('plugins/kibana/settings/sections/data/directives/pipeline_step');
+require('plugins/kibana/settings/sections/data/directives/install_filebeat_step');
+
+routes.when('/settings/data/filebeat', {
+  template: template
+});
+
+// wrapper directive, which sets up the breadcrumb for all filebeat steps
+modules.get('apps/settings')
+  .controller('kbnSettingsDataFilebeat', function ($scope) {
+    var totalSteps = 4;
+    $scope.currentStep = 0;
+    $scope.stepResults = [];
+
+    $scope.nextStep = function () {
+      if ($scope.currentStep + 1 < totalSteps) {
+        ++$scope.currentStep;
+      }
+    };
+    $scope.prevStep = function () {
+      if ($scope.currentStep > 0) {
+        --$scope.currentStep;
+      }
+    };
+    $scope.setCurrentStep = function (step) {
+      $scope.currentStep = step;
+    };
+
+    $scope.saveStepResults = function (step, results) {
+      $scope.stepResults[step] = results;
+    };
+  });

src/plugins/kibana/public/settings/sections/data/index.html

@@ -0,0 +1,5 @@
+<kbn-settings-app section="data">
+  <div class="container">
+    <a ng-href="#/settings/data/filebeat">Tail a file</a>
+  </div>
+</kbn-settings-app>

src/plugins/kibana/public/settings/sections/data/index.js

@@ -0,0 +1,12 @@
+require('plugins/kibana/settings/sections/data/filebeat/index');
+
+require('ui/routes')
+  .when('/settings/data', {
+    template: require('plugins/kibana/settings/sections/data/index.html')
+  });
+
+module.exports = {
+  name: 'data',
+  display: 'Data',
+  url: '#/settings/data'
+};

src/plugins/kibana/public/settings/sections/index.js

@@ -3,6 +3,7 @@ define(function (require) {
   // are used to create the nav bar
   return [
     require('plugins/kibana/settings/sections/indices/index'),
+    require('plugins/kibana/settings/sections/data/index'),
     require('plugins/kibana/settings/sections/advanced/index'),
     require('plugins/kibana/settings/sections/objects/index'),
     require('plugins/kibana/settings/sections/status/index'),

src/ui/public/store/store.js

@@ -0,0 +1,6 @@
+import modules from 'ui/modules';
+const module = modules.get('kibana', [require('js-data-angular')]);
+
+export default function storeProvider(DS) {
+  return DS;
+}