comand-component-library 4.2.70 → 4.2.71

package/src/components/CmdMultistepFormWrapper.vue

@@ -15,10 +15,14 @@
         <!-- begin slot for progress-bar -->
 
         <div v-show="page === currentPage" :class="'multistep-page-' + page" v-for="(page, index) in numberOfPages" :key="index">
-            <CmdSystemMessage v-if="pagesWithError.some(item => item.page === page)" :systemMessage="getSystemMessage(page)" validationStatus="error" />
+            <CmdSystemMessage v-if="statusForPages.some(item => item.page === page)" :systemMessage="getSystemMessage(page)" validationStatus="error" />
             <!-- begin slot for page content -->
-            <slot :name="'page-' + page" :setErrorOnPage="(message) => setErrorOnPage(page, message)" :removeErrorOnPage="() => removeErrorOnPage(page)">
-            </slot>
+            <slot 
+                :name="'page-' + page" 
+                :setErrorOnPage="(message) => setErrorOnPage(page, message)" 
+                :removeErrorOnPage="() => removeErrorOnPage(page)" 
+                :atleastOnePageWithError="atleastOnePageWithError"
+            />
             <!-- end slot for page content -->
         </div>
 
@@ -49,7 +53,8 @@ export default {
     data () {
         return {
             currentPage: 1,
-            pagesWithError: []
+            statusForPages: [],
+            inputMade: false
         }
     },
     props: {
@@ -97,25 +102,27 @@ export default {
             }
         }
     },
-    mounted() {
-        console.log("slots:", this.$slots)
-    },
     methods: {
         getSystemMessage(page) {
-            const pageEntry = this.pagesWithError.find(item => item.page === page);
+            const pageEntry = this.statusForPages.find(item => item.page === page);
             return pageEntry.message
         },
         setErrorOnPage(page, message) {
-            const exists = this.pagesWithError.some(item => item.page === page);
+            const exists = this.statusForPages.some(item => item.page === page);
             
+            this.inputMade = true
+
             if (!exists) {
-                this.pagesWithError.push({ page: page, message: message });
+                this.statusForPages.push({ page: page, message: message });
             }
         },
         removeErrorOnPage(page) {
-            const index = this.pagesWithError.findIndex(item => item.page === page);
+            const index = this.statusForPages.findIndex(item => item.page === page);
+
+            this.inputMade = true
+
             if (index !== -1) {
-                this.pagesWithError.splice(index, 1);
+                this.statusForPages.splice(index, 1);
             }
         },
         setCurrentPage(page) {
@@ -133,14 +140,17 @@ export default {
         }
     },
     computed: {
+        atleastOnePageWithError() {
+            return this.statusForPages.length > 0 || !this.inputMade
+        },
         pageHasError() {
-            return this.pagesWithError.some((item) => {
+            return this.statusForPages.some((item) => {
                 return item.page === this.currentPage
             })
         },
         errorSteps() {
             const steps = []
-            this.pagesWithError.find((item) => {
+            this.statusForPages.find((item) => {
                 steps.push(item.page)
             })
             console.log("steps", steps)