comand-component-library 4.2.95 → 4.2.97

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comand-component-library",
-  "version": "4.2.95",
+  "version": "4.2.97",
   "license": "GPL-3.0-only",
   "author": "CoManD-UI",
   "private": false,

package/src/ComponentLibrary.vue

@@ -1331,6 +1331,7 @@
                             :modelValue="props.formDataForPage"
                             @update:modelValue="props.updateFormDataForPage"
                         />
+                        props.formDataForPage: {{ props.formDataForPage }}
                         <a href="#" @click.prevent="props.setErrorOnPage('This is an error!')">Set Error</a><br />
                         <a href="#" @click.prevent="props.removeErrorOnPage">Remove Error</a>
                     </template>
@@ -1365,6 +1366,7 @@
                                 @validation-status-change="setValidationStatus($event, 'page-2-email', props)"
                             />
                         </CmdForm>
+                        props.formDataForPage: {{ props.formDataForPage }}
                         <a href="#" @click.prevent="props.setErrorOnPage('This is an error!')">Set Error</a>
                     </template>
                     <template v-slot:page-3="props">
@@ -1403,6 +1405,7 @@
                                     v-model="props.formDataForPage.city" 
                                 />
                             </div>
+                            props.formDataForPage: {{ props.formDataForPage }}
                         </CmdForm>
                     </template>
                     <template v-slot:page-last="props">

package/src/components/CmdInputGroup.vue

@@ -367,9 +367,10 @@ export default {
             --status-color: var(--error-color);
         }
 
+/*
         label, span, [class*="icon-"]  {
             color: var(--status-color);
-        }
+        }*/
 
         &.multiple-switch {
             &.error {

package/src/components/CmdMultistepFormWrapper.vue

@@ -37,7 +37,7 @@
 
         <div v-show="currentPage === numberOfPages" class="multistep-page-last">
             <CmdSystemMessage v-if="pagesWithError.length" validationStatus="error">
-                <p>Please fill all required fields on the pages {{  pagesWithError.join(", ") }} correctly!</p>
+                <p>{{ getMessage("multistep_form_wrapper.system_message.please_enter_all_required_data_on_the_pages") }} {{  pagesWithError.join(", ") }}</p>
             </CmdSystemMessage>
 
              <!-- begin slot for last step -->
@@ -73,8 +73,16 @@
 </template>
 
 <script>
+// import mixins
+import I18n from "../mixins/I18n.js"
+import DefaultMessageProperties from "../mixins/CmdMultistepFormWrapper/DefaultMessageProperties.js"
+
 export default {
     name: "CmdMultistepFormWrapper",
+    mixins: [
+        I18n,
+        DefaultMessageProperties
+    ],
     data () {
         return {
             currentPage: 1,
@@ -197,10 +205,10 @@ export default {
             if(this.validationStatusForSteps.length > 0 || this.inputMade.length === 0) {
                 return true
             }
+
             const requiredPagesSet = new Set(this.requiredPages)
             const inputMadeSet = new Set(this.inputMade)
-            console.log("requiredPagesSet", requiredPagesSet)
-            console.log("inputMadeSet", inputMadeSet)
+
             return !requiredPagesSet.isSubsetOf(inputMadeSet) // check if all requiredPages are included in inputMade
 
         },

package/src/mixins/CmdMultistepFormWrapper/DefaultMessageProperties.js

@@ -0,0 +1,9 @@
+export default {
+  data() {
+    return {
+      defaultMessageProperties: {
+        "multistep_form_wrapper.system_message.please_enter_all_required_data_on_the_pages": "Please enter all required data on the pages:",
+      }
+    }
+  }
+}