From 1f558dbcbb71a9e3bc41acd44ebd096b9ee32cc4 Mon Sep 17 00:00:00 2001
From: Julien Nahum <julien@nahum.net>
Date: Wed, 17 Jan 2024 12:43:52 +0100
Subject: [PATCH] Fix the form pagination

---
 client/components/forms/components/VSwitch.vue  | 4 ++--
 client/components/open/forms/OpenForm.vue       | 5 ++++-
 client/components/open/forms/OpenFormButton.vue | 3 +--
 client/components/open/forms/OpenFormField.vue  | 2 +-
 4 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/client/components/forms/components/VSwitch.vue b/client/components/forms/components/VSwitch.vue
index ce906f3..719aef8 100644
--- a/client/components/forms/components/VSwitch.vue
+++ b/client/components/forms/components/VSwitch.vue
@@ -13,10 +13,10 @@ const { modelValue, disabled } = defineProps({
   modelValue: { type: Boolean, default: false },
   disabled: { type: Boolean, default: false }
 })
-const emit = defineEmits(['update:modelValue'])
+const emits = defineEmits(['update:modelValue'])
 
 const onClick = () => {
   if (disabled) return
-  emit('update:modelValue', !modelValue)
+  emits('update:modelValue', !modelValue)
 }
 </script>
diff --git a/client/components/open/forms/OpenForm.vue b/client/components/open/forms/OpenForm.vue
index 2068808..6447303 100644
--- a/client/components/open/forms/OpenForm.vue
+++ b/client/components/open/forms/OpenForm.vue
@@ -48,7 +48,7 @@
 
       <slot v-if="isLastPage" name="submit-btn" :submitForm="submitForm" />
       <open-form-button v-else native-type="button" :color="form.color" :theme="theme" class="mt-2 px-8 mx-1"
-                        @click="nextPage"
+                        @click.stop="nextPage"
       >
         {{ currentFieldsPageBreak.next_btn_text }}
       </open-form-button>
@@ -171,6 +171,7 @@ export default {
      * Returns the page break block for the current group of fields
      */
     currentFieldsPageBreak () {
+      // Last block from current group
       const block = this.currentFields[this.currentFields.length - 1]
       if (block && block.type === 'nf-page-break') return block
       return null
@@ -376,11 +377,13 @@ export default {
       this.dataForm = useForm(formData)
     },
     previousPage () {
+      console.log('preivousPage', this.currentFieldGroupIndex)
       this.currentFieldGroupIndex -= 1
       window.scrollTo({ top: 0, behavior: 'smooth' })
       return false
     },
     nextPage () {
+      console.log('nextPage',this.currentFieldGroupIndex)
       this.currentFieldGroupIndex += 1
       window.scrollTo({ top: 0, behavior: 'smooth' })
       return false
diff --git a/client/components/open/forms/OpenFormButton.vue b/client/components/open/forms/OpenFormButton.vue
index 915cebb..56a3d9a 100644
--- a/client/components/open/forms/OpenFormButton.vue
+++ b/client/components/open/forms/OpenFormButton.vue
@@ -1,7 +1,6 @@
 <template>
   <button :type="nativeType" :disabled="loading?true:null" :class="`py-${sizes['p-y']} px-${sizes['p-x']} text-${sizes['font']} ${theme.Button.body}`" :style="buttonStyle"
-          class="btn" @click="$emit('click',$event)"
-  >
+          class="btn">
     <template v-if="!loading">
       <slot />
     </template>
diff --git a/client/components/open/forms/OpenFormField.vue b/client/components/open/forms/OpenFormField.vue
index 8c5e02a..a863160 100644
--- a/client/components/open/forms/OpenFormField.vue
+++ b/client/components/open/forms/OpenFormField.vue
@@ -55,7 +55,7 @@
       />
       <template v-else>
         <div v-if="field.type === 'nf-text' && field.content" :id="field.id" :key="field.id"
-             class="nf-text w-full px-2 mb-3" :class="[getFieldAlignClasses(field)]"
+             class="nf-text w-full mb-3" :class="[getFieldAlignClasses(field)]"
              v-html="field.content"
         />
         <div v-if="field.type === 'nf-code' && field.content" :id="field.id" :key="field.id"