From f24cab9737d5363f0437ec9f58348706a70a2351 Mon Sep 17 00:00:00 2001
From: Chirag Chhatrala <chirag.chhatrala@gmail.com>
Date: Tue, 10 Dec 2024 20:42:20 +0530
Subject: [PATCH] Enhance form components by adding 'creating' prop for
 improved state management

- Introduced a new 'creating' Boolean prop in OpenForm.vue and OpenFormFocused.vue to manage form submission state.
- Updated the nextPage method to include 'creating' in the condition for advancing the form page index, ensuring proper navigation during form creation.
- Adjusted OpenCompleteForm.vue to bind the 'creating' prop, enhancing the overall functionality and user experience of the form components.
---
 client/components/open/forms/OpenCompleteForm.vue | 2 ++
 client/components/open/forms/OpenForm.vue         | 3 ++-
 client/components/open/forms/OpenFormFocused.vue  | 3 ++-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/client/components/open/forms/OpenCompleteForm.vue b/client/components/open/forms/OpenCompleteForm.vue
index 65fdba70..8949c309 100644
--- a/client/components/open/forms/OpenCompleteForm.vue
+++ b/client/components/open/forms/OpenCompleteForm.vue
@@ -115,6 +115,7 @@
           :theme="theme"
           :dark-mode="darkMode"
           :admin-preview="adminPreview"
+          :creating="creating"
           @submit="submitForm"
         >
           <template #submit-btn="{submitForm}">
@@ -138,6 +139,7 @@
           :theme="theme"
           :dark-mode="darkMode"
           :admin-preview="adminPreview"
+          :creating="creating"
           @submit="submitForm"
         >
           <template #submit-btn="{submitForm}">
diff --git a/client/components/open/forms/OpenForm.vue b/client/components/open/forms/OpenForm.vue
index 5ff83ef7..3d661045 100644
--- a/client/components/open/forms/OpenForm.vue
+++ b/client/components/open/forms/OpenForm.vue
@@ -171,6 +171,7 @@ export default {
       required: true
     },
     defaultDataForm: { type: [Object, null] },
+    creating: {type: Boolean, default: false},
     adminPreview: {type: Boolean, default: false}, // If used in FormEditorPreview
     urlPrefillPreview: {type: Boolean, default: false}, // If used in UrlFormPrefill
     darkMode: {
@@ -528,7 +529,7 @@ export default {
       this.scrollToTop()
     },
     nextPage() {
-      if (this.adminPreview || this.urlPrefillPreview) {
+      if (this.adminPreview || this.urlPrefillPreview || this.creating) {
         this.formPageIndex++
         this.scrollToTop()
         return false
diff --git a/client/components/open/forms/OpenFormFocused.vue b/client/components/open/forms/OpenFormFocused.vue
index f7461cb1..1dcf2688 100644
--- a/client/components/open/forms/OpenFormFocused.vue
+++ b/client/components/open/forms/OpenFormFocused.vue
@@ -155,6 +155,7 @@ export default {
       required: true
     },
     defaultDataForm: { type: [Object, null] },
+    creating: {type: Boolean, default: false},
     adminPreview: {type: Boolean, default: false}, // If used in FormEditorPreview
     urlPrefillPreview: {type: Boolean, default: false}, // If used in UrlFormPrefill
     darkMode: {
@@ -469,7 +470,7 @@ export default {
       this.scrollToTop()
     },
     nextPage() {
-      if (this.adminPreview || this.urlPrefillPreview) {
+      if (this.adminPreview || this.urlPrefillPreview || this.creating) {
         this.formPageIndex++
         this.scrollToTop()
         return false