- tutorial Circuito Ris Italia
- Invia RIS (visibile per tutti)
This commit is contained in:
Surya Paolo
@@ -1,17 +1,19 @@
|
||||
<template>
|
||||
<div v-if="contact">
|
||||
<div class="row items-center">
|
||||
<div v-if="progressStep !== 1"
|
||||
:class="step >= numstep ? 'col-10' : 'col-12'">
|
||||
<div
|
||||
v-if="progressStep !== 1"
|
||||
:class="indstep >= numindstep ? 'col-10' : 'col-12'"
|
||||
>
|
||||
<CTitleBanner
|
||||
class="q-pa-none"
|
||||
:title="
|
||||
!progressStep
|
||||
? $t('tutorial.title', { step, numstep }) +
|
||||
? $t('tutorial.title', { indstep, numindstep }) +
|
||||
` (` +
|
||||
progressLabel +
|
||||
`)`
|
||||
: $t('tutorial.title_completed', { step, numstep }) +
|
||||
: $t('tutorial.title_completed', { indstep, numindstep }) +
|
||||
` (` +
|
||||
progressLabel +
|
||||
`)`
|
||||
@@ -22,7 +24,7 @@
|
||||
:canopen="!completed()"
|
||||
>
|
||||
<q-slide-transition>
|
||||
<div v-show="step < numstep">
|
||||
<div v-show="indstep < numindstep">
|
||||
<!--<div class="q-my-sm">
|
||||
<q-linear-progress
|
||||
stripe
|
||||
@@ -50,7 +52,7 @@
|
||||
|
||||
<div class="">
|
||||
<q-stepper
|
||||
v-model="step"
|
||||
v-model="indstep"
|
||||
ref="stepper"
|
||||
color="primary"
|
||||
animated
|
||||
@@ -60,7 +62,7 @@
|
||||
<q-step
|
||||
v-for="(recstep, index) in arrStep"
|
||||
:key="index"
|
||||
:name="recstep.step"
|
||||
:name="recstep.indstep"
|
||||
:title="recstep.title + recstep.extratitle()"
|
||||
:icon="recstep.icon"
|
||||
:done="recstep.checkOk()"
|
||||
@@ -68,7 +70,7 @@
|
||||
>
|
||||
<div v-html="recstep.label"></div>
|
||||
<br />
|
||||
<q-banner v-if="step === 1">
|
||||
<q-banner v-if="recstep.step === STEP_CITY">
|
||||
<CMySelectCity
|
||||
:label="$t('reg.resid_province')"
|
||||
table="users"
|
||||
@@ -83,7 +85,7 @@
|
||||
>
|
||||
</CMySelectCity>
|
||||
</q-banner>
|
||||
<div v-else-if="step === 101">
|
||||
<div v-else-if="step === STEP_NAME_SURNAME">
|
||||
<q-banner>
|
||||
<div class="myrow">
|
||||
<CMyFieldDb
|
||||
@@ -107,13 +109,40 @@
|
||||
</div>
|
||||
</q-banner>
|
||||
</div>
|
||||
<div v-else-if="step === 2" class="">
|
||||
<div
|
||||
v-else-if="
|
||||
step === STEP_CIRCUIT || step === STEP_CIRCUIT_ITALIA
|
||||
"
|
||||
class=""
|
||||
>
|
||||
<q-select
|
||||
v-if="mylistcircuits && mylistcircuits.length > 1"
|
||||
:behavior="
|
||||
$q.platform.is.ios === true ? 'dialog' : 'menu'
|
||||
"
|
||||
rounded
|
||||
dense
|
||||
outlined
|
||||
v-model="circuitsel"
|
||||
:options="mylistcircuits"
|
||||
label="Circuito"
|
||||
>
|
||||
</q-select>
|
||||
|
||||
<CMyCircuit
|
||||
v-if="step === STEP_CIRCUIT"
|
||||
:mycircuit="mycircuit"
|
||||
:visu="costanti.ENTER_TO_THE_CIRCUIT"
|
||||
:username="contact.username"
|
||||
>
|
||||
</CMyCircuit>
|
||||
<CMyCircuit
|
||||
v-if="step === STEP_CIRCUIT_ITALIA"
|
||||
:mycircuit="circuititalia"
|
||||
:visu="costanti.ENTER_TO_THE_CIRCUIT"
|
||||
:username="contact.username"
|
||||
>
|
||||
</CMyCircuit>
|
||||
</div>
|
||||
<div v-else-if="step === 300" class="">
|
||||
<!--
|
||||
@@ -139,7 +168,7 @@
|
||||
-->
|
||||
</div>
|
||||
|
||||
<div v-else-if="step === 105" class="">
|
||||
<div v-else-if="step === STEP_FOTO" class="">
|
||||
<div class="myrow">
|
||||
<!--<CMyFieldDb
|
||||
:title="$t('reg.photo')"
|
||||
@@ -167,7 +196,7 @@
|
||||
></div>
|
||||
<q-stepper-navigation>
|
||||
<q-btn
|
||||
v-if="step > 1"
|
||||
v-if="recstep.indstep > 1"
|
||||
flat
|
||||
color="primary"
|
||||
@click="$refs.stepper.previous()"
|
||||
@@ -175,20 +204,17 @@
|
||||
class="q-ml-sm"
|
||||
/>
|
||||
<q-btn
|
||||
:flat="isSalta()"
|
||||
:flat="isSalta(recstep.step)"
|
||||
:disabled="isNextDisable()"
|
||||
@click="
|
||||
step === STEP_CIRCUIT && isSalta()
|
||||
? askToConfirmSkip()
|
||||
: step === numstep
|
||||
? clickFinish()
|
||||
: $refs.stepper.next()
|
||||
@click="(isSalta(recstep.step))
|
||||
? askToConfirmSkip(recstep.step) :
|
||||
((recstep.indstep === numindstep) ? clickFinish() : $refs.stepper.next())
|
||||
"
|
||||
:color="isSalta() ? 'negative' : 'primary'"
|
||||
:color="isSalta(recstep.step) ? 'negative' : 'primary'"
|
||||
:label="
|
||||
step === numstep
|
||||
recstep.indstep === numindstep
|
||||
? $t('dialog.finish')
|
||||
: isSalta()
|
||||
: isSalta(recstep.step)
|
||||
? $t('dialog.salta')
|
||||
: $t('dialog.avanti')
|
||||
"
|
||||
@@ -202,25 +228,32 @@
|
||||
</CTitleBanner>
|
||||
</div>
|
||||
<q-btn
|
||||
v-if="(step >= numstep) && progressStep !== 1"
|
||||
v-if="indstep >= numindstep && progressStep !== 1"
|
||||
:class="`col-2 ` + getColorTutorial()"
|
||||
icon="fas fa-arrow-right"
|
||||
color="text-white"
|
||||
dense
|
||||
size="md"
|
||||
:label="$t('dialog.vai')"
|
||||
@click="step = 1"
|
||||
@click="indstep = 1"
|
||||
>
|
||||
</q-btn>
|
||||
|
||||
<q-banner
|
||||
inline-actions
|
||||
inline-actions
|
||||
class="bg-red text-white"
|
||||
v-if="userStore.my.profile.calc.numGoodsAndServices <= 0 && !nascondiavviso"
|
||||
v-if="
|
||||
userStore.my.profile.calc.numGoodsAndServices <= 0 && !nascondiavviso
|
||||
"
|
||||
>
|
||||
<span v-html="$t('tutorial.step_beniservizi')"></span>
|
||||
<template v-slot:action>
|
||||
<q-btn flat color="white" label="Chiudi" @click="nascondiavviso = true" />
|
||||
<q-btn
|
||||
flat
|
||||
color="white"
|
||||
label="Chiudi"
|
||||
@click="nascondiavviso = true"
|
||||
/>
|
||||
</template>
|
||||
</q-banner>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user