add breadcrumb to wizard

(cherry picked from commit ad25d24)
elastic · Dec 30, 2015 · 52a4ee3 · 52a4ee3
1 parent dcb5e5a
commit 52a4ee3
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/src/plugins/kibana/public/settings/sections/data/filebeat/index.html b/src/plugins/kibana/public/settings/sections/data/filebeat/index.html
@@ -1,6 +1,23 @@
 <kbn-settings-app section="data">
   <div ng-controller="kbnSettingsDataFilebeat" class="container">
-    Filebeat wizard breadcrumb
+    <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 ng-switch-when="0"></paste-samples-step>

diff --git a/src/plugins/kibana/public/settings/sections/data/filebeat/index.js b/src/plugins/kibana/public/settings/sections/data/filebeat/index.js
@@ -28,5 +28,8 @@ modules.get('apps/settings')
         --$scope.currentStep;
       }
     };
+    $scope.setCurrentStep = function (step) {
+      $scope.currentStep = step;
+    };
 
   });