forked from verdnatura/hedera-web
Add next and back buttons custom labels
This commit is contained in:
parent
95e23c05fa
commit
8e0f09cc0f
|
@ -105,23 +105,18 @@ async function confirm() {
|
||||||
|
|
||||||
<i18n lang="yaml">
|
<i18n lang="yaml">
|
||||||
en-US:
|
en-US:
|
||||||
confirm: Confirm
|
|
||||||
wantToContinue: Are you sure you want to continue?
|
wantToContinue: Are you sure you want to continue?
|
||||||
cancel: Cancel
|
cancel: Cancel
|
||||||
es-ES:
|
es-ES:
|
||||||
confirm: Confirmar
|
|
||||||
wantToContinue: ¿Seguro que quieres continuar?
|
wantToContinue: ¿Seguro que quieres continuar?
|
||||||
cancel: Cancelar
|
cancel: Cancelar
|
||||||
ca-ES:
|
ca-ES:
|
||||||
confirm: Confirmar
|
|
||||||
wantToContinue: Segur que vols continuar?
|
wantToContinue: Segur que vols continuar?
|
||||||
cancel: Cancel·lar
|
cancel: Cancel·lar
|
||||||
fr-FR:
|
fr-FR:
|
||||||
confirm: Confirmer
|
|
||||||
wantToContinue: Êtes-vous sûr de vouloir continuer?
|
wantToContinue: Êtes-vous sûr de vouloir continuer?
|
||||||
cancel: Annuler
|
cancel: Annuler
|
||||||
pt-PT:
|
pt-PT:
|
||||||
confirm: Confirme
|
|
||||||
wantToContinue: Tem a certeza de que deseja continuar?
|
wantToContinue: Tem a certeza de que deseja continuar?
|
||||||
cancel: Cancelar
|
cancel: Cancelar
|
||||||
</i18n>
|
</i18n>
|
||||||
|
|
|
@ -68,5 +68,6 @@ export default {
|
||||||
next: 'Següent',
|
next: 'Següent',
|
||||||
remove: 'Esborrar',
|
remove: 'Esborrar',
|
||||||
agency: 'Agència',
|
agency: 'Agència',
|
||||||
noData: 'Sense dades'
|
noData: 'Sense dades',
|
||||||
|
confirm: 'Confirmar'
|
||||||
};
|
};
|
||||||
|
|
|
@ -81,6 +81,7 @@ export default {
|
||||||
remove: 'Remove',
|
remove: 'Remove',
|
||||||
agency: 'Agency',
|
agency: 'Agency',
|
||||||
noData: 'No data',
|
noData: 'No data',
|
||||||
|
confirm: 'Confirm',
|
||||||
|
|
||||||
orders: 'Orders',
|
orders: 'Orders',
|
||||||
order: 'Pending order',
|
order: 'Pending order',
|
||||||
|
|
|
@ -88,6 +88,7 @@ export default {
|
||||||
remove: 'Borrar',
|
remove: 'Borrar',
|
||||||
agency: 'Agencia',
|
agency: 'Agencia',
|
||||||
noData: 'Sin datos',
|
noData: 'Sin datos',
|
||||||
|
confirm: 'Confirmar',
|
||||||
|
|
||||||
orders: 'Pedidos',
|
orders: 'Pedidos',
|
||||||
order: 'Pedido pendiente',
|
order: 'Pedido pendiente',
|
||||||
|
|
|
@ -68,5 +68,6 @@ export default {
|
||||||
next: 'Suivant',
|
next: 'Suivant',
|
||||||
remove: 'Effacer',
|
remove: 'Effacer',
|
||||||
agency: 'Agence',
|
agency: 'Agence',
|
||||||
noData: 'Aucune donnée'
|
noData: 'Aucune donnée',
|
||||||
|
confirm: 'Confirmer'
|
||||||
};
|
};
|
||||||
|
|
|
@ -68,5 +68,6 @@ export default {
|
||||||
next: 'Seguinte',
|
next: 'Seguinte',
|
||||||
remove: 'Eliminar',
|
remove: 'Eliminar',
|
||||||
agency: 'Agência',
|
agency: 'Agência',
|
||||||
noData: 'Sem dados'
|
noData: 'Sem dados',
|
||||||
|
confirm: 'Confirme'
|
||||||
};
|
};
|
||||||
|
|
|
@ -61,6 +61,7 @@ const steps = {
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'confirm',
|
name: 'confirm',
|
||||||
|
nextButtonLabel: t('confirm'),
|
||||||
onBeforeNextStep: async () => {
|
onBeforeNextStep: async () => {
|
||||||
await submit();
|
await submit();
|
||||||
}
|
}
|
||||||
|
@ -91,6 +92,7 @@ const steps = {
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'confirm',
|
name: 'confirm',
|
||||||
|
nextButtonLabel: t('confirm'),
|
||||||
onBeforeNextStep: async () => {
|
onBeforeNextStep: async () => {
|
||||||
await submit();
|
await submit();
|
||||||
}
|
}
|
||||||
|
@ -445,14 +447,14 @@ onMounted(async () => {
|
||||||
flat
|
flat
|
||||||
color="primary"
|
color="primary"
|
||||||
@click="onPreviousStep(stepIndex)"
|
@click="onPreviousStep(stepIndex)"
|
||||||
:label="t('back')"
|
:label="step.nextButtonLabel || t('back')"
|
||||||
class="q-ml-sm"
|
class="q-ml-sm"
|
||||||
:class="{ invisible: currentStep === 'method' }"
|
:class="{ invisible: currentStep === 'method' }"
|
||||||
/>
|
/>
|
||||||
<QBtn
|
<QBtn
|
||||||
@click="onNextStep(stepIndex)"
|
@click="onNextStep(stepIndex)"
|
||||||
color="primary"
|
color="primary"
|
||||||
:label="t('next')"
|
:label="step.nextButtonLabel || t('next')"
|
||||||
/>
|
/>
|
||||||
</QStepperNavigation>
|
</QStepperNavigation>
|
||||||
</QStep>
|
</QStep>
|
||||||
|
|
Loading…
Reference in New Issue