adjust show continue
This commit is contained in:
committed by
Oleksandr Turchyn
parent
f1e494b669
commit
3c60fb4ee6
@@ -38,7 +38,7 @@
|
|||||||
<template v-else-if="alwaysMinimize">
|
<template v-else-if="alwaysMinimize">
|
||||||
{{ t('next') }}
|
{{ t('next') }}
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="isFormStarted">
|
<template v-else-if="isShowContinue">
|
||||||
{{ t('continue') }}
|
{{ t('continue') }}
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
@@ -62,7 +62,7 @@
|
|||||||
id="minimize_form_button"
|
id="minimize_form_button"
|
||||||
class="absolute right-0 mr-2 mt-2 top-0 hidden md:block"
|
class="absolute right-0 mr-2 mt-2 top-0 hidden md:block"
|
||||||
:title="t('minimize')"
|
:title="t('minimize')"
|
||||||
@click.prevent="isFormVisible = false"
|
@click.prevent="minimizeForm"
|
||||||
>
|
>
|
||||||
<IconArrowsDiagonalMinimize2
|
<IconArrowsDiagonalMinimize2
|
||||||
:width="20"
|
:width="20"
|
||||||
@@ -352,7 +352,7 @@
|
|||||||
@update:reason="values[currentField.preferences?.reason_field_uuid] = $event"
|
@update:reason="values[currentField.preferences?.reason_field_uuid] = $event"
|
||||||
@attached="attachments.push($event)"
|
@attached="attachments.push($event)"
|
||||||
@start="scrollIntoField(currentField)"
|
@start="scrollIntoField(currentField)"
|
||||||
@minimize="isFormVisible = false"
|
@minimize="minimizeForm"
|
||||||
/>
|
/>
|
||||||
<InitialsStep
|
<InitialsStep
|
||||||
v-else-if="currentField.type === 'initials'"
|
v-else-if="currentField.type === 'initials'"
|
||||||
@@ -368,7 +368,7 @@
|
|||||||
@attached="attachments.push($event)"
|
@attached="attachments.push($event)"
|
||||||
@start="scrollIntoField(currentField)"
|
@start="scrollIntoField(currentField)"
|
||||||
@focus="scrollIntoField(currentField)"
|
@focus="scrollIntoField(currentField)"
|
||||||
@minimize="isFormVisible = false"
|
@minimize="minimizeForm"
|
||||||
/>
|
/>
|
||||||
<AttachmentStep
|
<AttachmentStep
|
||||||
v-else-if="currentField.type === 'file'"
|
v-else-if="currentField.type === 'file'"
|
||||||
@@ -764,6 +764,7 @@ export default {
|
|||||||
isFormVisible: this.expand !== false,
|
isFormVisible: this.expand !== false,
|
||||||
showFillAllRequiredFields: false,
|
showFillAllRequiredFields: false,
|
||||||
currentStep: 0,
|
currentStep: 0,
|
||||||
|
isShowContinue: false,
|
||||||
enableScrollIntoField: true,
|
enableScrollIntoField: true,
|
||||||
phoneVerifiedValues: {},
|
phoneVerifiedValues: {},
|
||||||
orientation: screen?.orientation?.type,
|
orientation: screen?.orientation?.type,
|
||||||
@@ -786,9 +787,6 @@ export default {
|
|||||||
alwaysMinimize () {
|
alwaysMinimize () {
|
||||||
return this.minimize || (this.orientation?.includes('landscape') && this.isMobile && parseInt(window.innerHeight) < 550)
|
return this.minimize || (this.orientation?.includes('landscape') && this.isMobile && parseInt(window.innerHeight) < 550)
|
||||||
},
|
},
|
||||||
isFormStarted () {
|
|
||||||
return Object.keys(this.values).length > 0
|
|
||||||
},
|
|
||||||
hasMultipleDocuments () {
|
hasMultipleDocuments () {
|
||||||
return Object.keys(
|
return Object.keys(
|
||||||
this.stepFields.reduce((acc, fields) => {
|
this.stepFields.reduce((acc, fields) => {
|
||||||
@@ -925,11 +923,11 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
if (document.body?.clientWidth >= 768 && this.expand !== true && ['signature', 'initials', 'file', 'image'].includes(this.currentField?.type)) {
|
if (document.body?.clientWidth >= 768 && this.expand !== true && ['signature', 'initials', 'file', 'image'].includes(this.currentField?.type)) {
|
||||||
this.isFormVisible = false
|
this.minimizeForm()
|
||||||
}
|
}
|
||||||
|
|
||||||
if (this.alwaysMinimize) {
|
if (this.alwaysMinimize) {
|
||||||
this.isFormVisible = false
|
this.minimizeForm()
|
||||||
}
|
}
|
||||||
|
|
||||||
if (/iPhone|iPad|iPod/i.test(navigator.userAgent)) {
|
if (/iPhone|iPad|iPod/i.test(navigator.userAgent)) {
|
||||||
@@ -1187,7 +1185,7 @@ export default {
|
|||||||
|
|
||||||
if (nextStep) {
|
if (nextStep) {
|
||||||
if (this.alwaysMinimize) {
|
if (this.alwaysMinimize) {
|
||||||
this.isFormVisible = false
|
this.minimizeForm()
|
||||||
}
|
}
|
||||||
|
|
||||||
this.goToStep(this.stepFields.indexOf(nextStep), this.autoscrollFields)
|
this.goToStep(this.stepFields.indexOf(nextStep), this.autoscrollFields)
|
||||||
@@ -1215,6 +1213,10 @@ export default {
|
|||||||
this.isSubmitting = false
|
this.isSubmitting = false
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
minimizeForm () {
|
||||||
|
this.isFormVisible = false
|
||||||
|
this.isShowContinue = true
|
||||||
|
},
|
||||||
async performComplete (resp) {
|
async performComplete (resp) {
|
||||||
this.isCompleted = true
|
this.isCompleted = true
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user