From 8fe072fda86fd696c0b054d005602b5eaf6d5980 Mon Sep 17 00:00:00 2001
From: cristijora <joracristi@gmail.com>
Date: Mon, 27 Nov 2017 16:55:49 +0200
Subject: [PATCH] Add method to reset wizard Closes #101

---
 src/components/FormWizard.vue | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/components/FormWizard.vue b/src/components/FormWizard.vue
index fc30d52..dc2426d 100644
--- a/src/components/FormWizard.vue
+++ b/src/components/FormWizard.vue
@@ -1,5 +1,6 @@
 <template>
-  <div class="vue-form-wizard" :class="[stepSize, {vertical: isVertical}]" @keyup.right="focusNextTab" @keyup.left="focusPrevTab">
+  <div class="vue-form-wizard" :class="[stepSize, {vertical: isVertical}]" @keyup.right="focusNextTab"
+       @keyup.left="focusPrevTab">
     <div class="wizard-header">
       <slot name="title">
         <h4 class="wizard-title">{{title}}</h4>
@@ -49,8 +50,8 @@
         </div>
 
         <div class="wizard-footer-right">
-           <slot name="custom-buttons-right" v-bind="slotProps"></slot>
-            <span @click="nextTab" @keyup.enter="nextTab" v-if="isLastStep" role="button" tabindex="0">
+          <slot name="custom-buttons-right" v-bind="slotProps"></slot>
+          <span @click="nextTab" @keyup.enter="nextTab" v-if="isLastStep" role="button" tabindex="0">
               <slot name="finish" v-bind="slotProps">
                <wizard-button :style="fillButtonStyle">
                 {{finishButtonText}}
@@ -58,14 +59,14 @@
             </slot>
           </span>
           <span @click="nextTab" @keyup.enter="nextTab" role="button" tabindex="0" v-else>
-           <slot name="next" v-bind="slotProps" >
+           <slot name="next" v-bind="slotProps">
              <wizard-button :style="fillButtonStyle"
                             :disabled="loading">
               {{nextButtonText}}
              </wizard-button>
            </slot>
          </span>
-          </div>
+        </div>
 
       </slot>
     </div>
@@ -75,7 +76,8 @@
   import WizardButton from './WizardButton.vue'
   import WizardStep from './WizardStep.vue'
   import {isPromise, findElementAndFocus, getFocusedTabIndex} from './helpers'
-  export default{
+
+  export default {
     name: 'form-wizard',
     components: {
       WizardButton,
@@ -255,6 +257,13 @@
           tabs.splice(index, 1)
         }
       },
+      reset () {
+        this.maxStep = 0
+        this.tabs.forEach((tab) => {
+          tab.checked = false
+        })
+        this.navigateToTab(0)
+      },
       navigateToTab (index) {
         let validate = index > this.activeTabIndex
         if (index <= this.maxStep) {