Update Loading State in OpenForm Component
- Changed the loading state binding in `OpenForm.vue` from `form.busy` to `isProcessing` for improved clarity and consistency in the form submission process. - Introduced a computed property `isProcessing` to derive the loading state from the `formManager`'s state, enhancing the responsiveness of the UI during form interactions. These changes aim to provide a more intuitive user experience by accurately reflecting the form's processing state during submissions.
This commit is contained in:
parent
088e76955d
commit
f9c734c826
|
|
@ -63,7 +63,7 @@
|
||||||
<slot
|
<slot
|
||||||
v-if="isLastPage"
|
v-if="isLastPage"
|
||||||
name="submit-btn"
|
name="submit-btn"
|
||||||
:loading="form.busy"
|
:loading="isProcessing"
|
||||||
/>
|
/>
|
||||||
<open-form-button
|
<open-form-button
|
||||||
v-else-if="currentFieldsPageBreak"
|
v-else-if="currentFieldsPageBreak"
|
||||||
|
|
@ -71,7 +71,7 @@
|
||||||
:color="form.color"
|
:color="form.color"
|
||||||
:theme="theme"
|
:theme="theme"
|
||||||
class="mt-2 px-8 mx-1"
|
class="mt-2 px-8 mx-1"
|
||||||
:loading="form.busy"
|
:loading="isProcessing"
|
||||||
@click.stop="handleNextClick"
|
@click.stop="handleNextClick"
|
||||||
>
|
>
|
||||||
{{ currentFieldsPageBreak.next_btn_text }}
|
{{ currentFieldsPageBreak.next_btn_text }}
|
||||||
|
|
@ -163,6 +163,8 @@ const handleDragDropped = (data) => {
|
||||||
workingFormStore.moveField(oldTargetIndex, newTargetIndex)
|
workingFormStore.moveField(oldTargetIndex, newTargetIndex)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const isProcessing = computed(() => props.formManager.state.isProcessing)
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang='scss' scoped>
|
<style lang='scss' scoped>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue