Lista Doni Navi
This commit is contained in:
Paolo Arena
@@ -35,6 +35,10 @@
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.cont_donatore {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.you {
|
||||
background-color: yellow;
|
||||
}
|
||||
@@ -56,7 +60,7 @@
|
||||
}
|
||||
|
||||
.extra{
|
||||
opacity: 0.6;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.passo{
|
||||
@@ -106,3 +110,7 @@
|
||||
.ricevuti{
|
||||
color: green;
|
||||
}
|
||||
|
||||
.title-nave {
|
||||
color: blue;
|
||||
}
|
||||
|
||||
@@ -150,7 +150,7 @@ export default class CMyNave extends MixinNave {
|
||||
for (const rec of this.nave.listadonatoridelsognatore) {
|
||||
|
||||
index++
|
||||
arr.push({ index, ...rec})
|
||||
arr.push({ index, ...rec })
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -348,6 +348,20 @@ export default class CMyNave extends MixinNave {
|
||||
return !!this.iodonatore
|
||||
}
|
||||
|
||||
public sonoSecondaTessituraDonatore() {
|
||||
const mediatore = this.getmediatore()
|
||||
for (const rec of this.nave.rec.donatore.arrdonatori) {
|
||||
if (!!rec) {
|
||||
if (mediatore) {
|
||||
if ((mediatore.ind_order === rec.ind_order) && (rec.num_tess === 2))
|
||||
return true
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return false
|
||||
}
|
||||
|
||||
public sonoSognatore() {
|
||||
return !!this.iosognatore
|
||||
}
|
||||
@@ -426,6 +440,10 @@ export default class CMyNave extends MixinNave {
|
||||
}
|
||||
|
||||
public geticon(rec) {
|
||||
if (!rec)
|
||||
return ''
|
||||
|
||||
// console.log('this.rigadoni', this.rigadoni, 'ind', rec.ind)
|
||||
if (!rec.ind)
|
||||
return ''
|
||||
if (this.rigadoni >= this.getrigaNaveByInd(rec.ind)) {
|
||||
@@ -444,7 +462,8 @@ export default class CMyNave extends MixinNave {
|
||||
|
||||
tools.askConfirm(this.$q, msgtitle, msginvia + ' ' + '?', translate('dialog.yes'), translate('dialog.no'), this, '', lists.MenuAction.INVIA_MSG_A_DONATORI, 0, {
|
||||
param1: msgobj,
|
||||
param2: navemediatore
|
||||
param2: navemediatore,
|
||||
param3: tools.TipoMsg.SEND_LINK_CHAT_DONATORI
|
||||
})
|
||||
|
||||
}
|
||||
@@ -502,6 +521,13 @@ export default class CMyNave extends MixinNave {
|
||||
return ''
|
||||
}
|
||||
|
||||
public getindex(recdonatore, index) {
|
||||
if (recdonatore.ind_order === this.nave.rec.donatore.recmediatore.ind_order && (recdonatore.num_tess === 2))
|
||||
return 'TESS'
|
||||
|
||||
return 'D' + (index)
|
||||
}
|
||||
|
||||
public getposizione() {
|
||||
return this.$t('dashboard.posizione') + ' ' + this.getisProvvisoriaStr() + this.nave.riga + '.' + this.nave.col
|
||||
}
|
||||
|
||||
@@ -111,13 +111,13 @@
|
||||
</div>
|
||||
<div class="donatore">DONATORI:</div>
|
||||
<div v-for="(donatore, index) in nave.rec.mediatore.arrdonatori" :key="index">
|
||||
<div v-if="donatore" :class="`cont_donatore ` + getclassSelect(donatore)">
|
||||
D{{index + 1}} - {{ donatore.name }} {{ donatore.surname }} ({{
|
||||
donatore.username }}) - {{
|
||||
donatore.riga}}.{{donatore.col}}<br>
|
||||
<div v-if="donatore" :class="`cont_donatore row ` + getclassSelect(donatore)">
|
||||
{{ getindex(donatore, index + 1) }} - {{ donatore.name }} {{ donatore.surname }}
|
||||
({{
|
||||
donatore.username }}) - {{ donatore.riga}}.{{donatore.col}}
|
||||
<q-icon v-if="donatore.made_gift" color="green" inverted size="sm"
|
||||
name="fas fa-gift" class="gift"></q-icon>
|
||||
</div>
|
||||
<q-icon v-if="donatore.made_gift" color="green" inverted size="sm"
|
||||
:name="geticon(rec)" class="gift"></q-icon>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -205,10 +205,18 @@
|
||||
</div>
|
||||
<div class="donatore">DONATORI:</div>
|
||||
<div v-for="(donatore, index) in nave.rec.donatore.arrdonatori" :key="index">
|
||||
<div v-if="donatore" :class="`cont_donatore ` + getclassSelect(donatore)">
|
||||
D{{index + 1}} - {{ donatore.name }} {{ donatore.surname }} ({{
|
||||
donatore.username }}) - {{
|
||||
donatore.riga}}.{{donatore.col}}<br>
|
||||
<div v-if="donatore" :class="`cont_donatore row ` + getclassSelect(donatore)">
|
||||
<div>
|
||||
{{ getindex(donatore, index + 1) }} - {{ donatore.name }} {{
|
||||
donatore.surname }} ({{
|
||||
donatore.username }}) - {{
|
||||
donatore.riga}}.{{donatore.col}}<br>
|
||||
|
||||
</div>
|
||||
<div>
|
||||
<q-icon v-if="donatore.made_gift" color="green" inverted size="sm"
|
||||
name="fas fa-gift" class="gift"></q-icon>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -228,82 +236,88 @@
|
||||
</div>
|
||||
|
||||
<div v-if="sonoDonatore()">
|
||||
<div v-html="$t('dashboard.sonosognatore')">
|
||||
<div v-if="sonoSecondaTessituraDonatore()"
|
||||
v-html="$t('dashboard.sonodonatore_seconda_tessitura')">
|
||||
</div>
|
||||
|
||||
<div v-if="!FattoDono" class="text-evidente bordo_stondato">
|
||||
|
||||
<div>Quando effettuare il Regalo: <strong>{{ getGiornoDelDono() }}</strong><br></div>
|
||||
<div>
|
||||
Metodi Disponibili:
|
||||
|
||||
<CMyChipList
|
||||
:type="tools.FieldType.multiselect"
|
||||
:value="getMetodoPagamentoSognatore()"
|
||||
:options="db_fieldsTable.getTableJoinByName('paymenttypes')"
|
||||
:optval="db_fieldsTable.getKeyByTable('paymenttypes')"
|
||||
:optlab="db_fieldsTable.getLabelByTable('paymenttypes')"
|
||||
:opticon="db_fieldsTable.getIconByTable('paymenttypes')"></CMyChipList>
|
||||
|
||||
<div v-else>
|
||||
<div v-if="!FattoDono" v-html="$t('dashboard.sonodonatore')">
|
||||
</div>
|
||||
<div>
|
||||
Importo: <strong>33€</strong>
|
||||
</div>
|
||||
<br>
|
||||
</div>
|
||||
<div class="text-evidente bordo_stondato_blu">
|
||||
<div v-if="GiornoDelDonoArrivato">
|
||||
|
||||
<div v-if="!FattoDono">
|
||||
<div v-if="!FattoDono" class="text-evidente bordo_stondato">
|
||||
|
||||
E' arrivato il momento di Effettuare il proprio Dono!<br>
|
||||
Inviare tramite PayPal a: <strong>{{ getemailPagamentoSognatore()
|
||||
}}</strong><br>
|
||||
(Scegliere l'opzione "Invia ad Amici")<br>
|
||||
|
||||
<CTitleBanner class="q-pa-xs"
|
||||
:title="$t('dashboard.come_inviare_regalo_con_paypal')"
|
||||
bgcolor="bg-primary"
|
||||
clcolor="text-white"
|
||||
myclass="myshad" canopen="true" :visible="false">
|
||||
|
||||
<CVideo myvideokey="5rp_XEV6Mzg">
|
||||
|
||||
</CVideo>
|
||||
</CTitleBanner>
|
||||
|
||||
<div v-if="!donoinviato">
|
||||
{{$t('dashboard.clicca_conferma_dono')}}:<br>
|
||||
|
||||
<div class="row justify-center q-ma-sm">
|
||||
<q-btn push
|
||||
rounded
|
||||
color="positive"
|
||||
size="md"
|
||||
:label="$t('dashboard.ho_effettuato_il_dono')"
|
||||
icon="fas fa-gift"
|
||||
@click="HoEffettuatoIlDono">
|
||||
</q-btn>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
<div class="row justify-center q-ma-sm">
|
||||
<q-chip class="glossy"
|
||||
text-color="white"
|
||||
color="positive"
|
||||
icon="fas fa-gift">
|
||||
{{ $t('dashboard.ho_effettuato_il_dono') }}
|
||||
</q-chip>
|
||||
</div>
|
||||
</div>
|
||||
<div>Quando effettuare il Regalo: <strong>{{ getGiornoDelDono() }}</strong><br>
|
||||
</div>
|
||||
<div v-if="FattoDono">
|
||||
<q-chip class="glossy"
|
||||
color="positive"
|
||||
text-color="white"
|
||||
icon="fas fa-gift">
|
||||
{{ $t('dashboard.dono_ricevuto') }}
|
||||
</q-chip>
|
||||
<div>
|
||||
Metodi Disponibili:
|
||||
|
||||
<CMyChipList
|
||||
:type="tools.FieldType.multiselect"
|
||||
:value="getMetodoPagamentoSognatore()"
|
||||
:options="db_fieldsTable.getTableJoinByName('paymenttypes')"
|
||||
:optval="db_fieldsTable.getKeyByTable('paymenttypes')"
|
||||
:optlab="db_fieldsTable.getLabelByTable('paymenttypes')"
|
||||
:opticon="db_fieldsTable.getIconByTable('paymenttypes')"></CMyChipList>
|
||||
|
||||
</div>
|
||||
<div>
|
||||
Importo: <strong>33€</strong>
|
||||
</div>
|
||||
<br>
|
||||
</div>
|
||||
<div class="text-evidente bordo_stondato_blu">
|
||||
<div v-if="GiornoDelDonoArrivato">
|
||||
|
||||
<div v-if="!FattoDono">
|
||||
|
||||
E' arrivato il momento di Effettuare il proprio Dono!<br>
|
||||
Inviare tramite PayPal a: <strong>{{ getemailPagamentoSognatore()
|
||||
}}</strong><br>
|
||||
(Scegliere l'opzione "Invia ad Amici")<br>
|
||||
|
||||
<CTitleBanner class="q-pa-xs"
|
||||
:title="$t('dashboard.come_inviare_regalo_con_paypal')"
|
||||
bgcolor="bg-primary"
|
||||
clcolor="text-white"
|
||||
myclass="myshad" canopen="true" :visible="false">
|
||||
|
||||
<CVideo myvideokey="5rp_XEV6Mzg">
|
||||
|
||||
</CVideo>
|
||||
</CTitleBanner>
|
||||
|
||||
<div v-if="!donoinviato">
|
||||
{{$t('dashboard.clicca_conferma_dono')}}:<br>
|
||||
|
||||
<div class="row justify-center q-ma-sm">
|
||||
<q-btn push
|
||||
rounded
|
||||
color="positive"
|
||||
size="md"
|
||||
:label="$t('dashboard.ho_effettuato_il_dono')"
|
||||
icon="fas fa-gift"
|
||||
@click="HoEffettuatoIlDono">
|
||||
</q-btn>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
<div class="row justify-center q-ma-sm">
|
||||
<q-chip class="glossy"
|
||||
text-color="white"
|
||||
color="positive"
|
||||
icon="fas fa-gift">
|
||||
{{ $t('dashboard.ho_effettuato_il_dono') }}
|
||||
</q-chip>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="FattoDono">
|
||||
<q-chip class="glossy"
|
||||
color="positive"
|
||||
text-color="white"
|
||||
icon="fas fa-gift">
|
||||
{{ $t('dashboard.dono_ricevuto') }}
|
||||
</q-chip>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,392 +1,404 @@
|
||||
<template>
|
||||
<div>
|
||||
<CTitleBanner class="text-center" :title="$t('home.guida_passopasso')" bgcolor="bg-primary" clcolor="text-white"
|
||||
mystyle="" myclass="myshad" :canopen="true">
|
||||
<div>
|
||||
<CTitleBanner class="text-center" :title="$t('home.guida_passopasso')" bgcolor="bg-primary" clcolor="text-white"
|
||||
mystyle="" myclass="myshad" :canopen="true">
|
||||
|
||||
|
||||
<q-stepper
|
||||
v-model="step"
|
||||
vertical
|
||||
header-nav
|
||||
done-color="green"
|
||||
active-color="blue"
|
||||
inactive-color="grey"
|
||||
animated
|
||||
>
|
||||
<!--
|
||||
<q-step
|
||||
id="step1"
|
||||
:name="1"
|
||||
:title="emailtext"
|
||||
icon="mail"
|
||||
:done="isEmailVerified"
|
||||
:error="!isEmailVerified"
|
||||
:error-icon="geterricon(true)"
|
||||
>
|
||||
<q-stepper-navigation v-if="isEmailVerified">
|
||||
<q-btn @click="step = 2" color="primary" :label="$t('dialog.avanti')"></q-btn>
|
||||
</q-stepper-navigation>
|
||||
|
||||
</q-step>
|
||||
<q-step
|
||||
id="step2"
|
||||
:name="2"
|
||||
:title="telegramtext"
|
||||
icon="fab fa-telegram"
|
||||
:done="TelegVerificato"
|
||||
:error="!TelegVerificato"
|
||||
:error-icon="geterricon(true)"
|
||||
>
|
||||
|
||||
<q-stepper-navigation>
|
||||
<q-btn v-if="TelegVerificato" @click="step = 3" color="primary" :label="$t('dialog.avanti')"></q-btn>
|
||||
<q-btn flat @click="step = 1" color="primary" :label="$t('dialog.indietro')" class="q-ml-sm"></q-btn>
|
||||
</q-stepper-navigation>
|
||||
</q-step>
|
||||
-->
|
||||
<q-step
|
||||
v-for="(mystep, index) in arrsteps"
|
||||
:id="`step`+(index)"
|
||||
:key="mystep.title"
|
||||
:name="index"
|
||||
:title="gettextstep(mystep, index)"
|
||||
:icon="geticonstep(mystep)"
|
||||
:done-color="geticoncolor(mystep.title)"
|
||||
:done="mystep.funccheck(index)"
|
||||
:error="getiferror(mystep.funccheck_error(index), mystep.funccheck(index))"
|
||||
:error-icon="geterricon(mystep.funccheck(index), mystep)"
|
||||
:error-color="geterrcolor(mystep)"
|
||||
>
|
||||
<div v-if="mystep.title === 'reg.email'">
|
||||
<CVerifyEmail>
|
||||
|
||||
</CVerifyEmail>
|
||||
|
||||
</div>
|
||||
<div v-else-if="mystep.title === 'reg.telegram'">
|
||||
<q-chip v-if="TelegVerificato" color="positive" text-color="white" icon="fab fa-telegram">
|
||||
{{ telegramtext }}
|
||||
</q-chip>
|
||||
<q-chip v-else color="negative" text-color="white" icon="email">
|
||||
{{ telegramtext }}
|
||||
</q-chip>
|
||||
|
||||
<CVerifyTelegram v-if="TelegCode || !TelegVerificato">
|
||||
|
||||
</CVerifyTelegram>
|
||||
<div v-else>
|
||||
<br>
|
||||
<q-btn color="primary" icon="fab fa-telegram" :label="$t('components.authentication.telegram.openbot')"
|
||||
type="a"
|
||||
:href="getLinkBotTelegram" target="_blank"></q-btn>
|
||||
<br>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div v-else-if="mystep.title === 'steps.linee_guida'">
|
||||
<CGuidelines :showconditions="true">
|
||||
|
||||
</CGuidelines>
|
||||
</div>
|
||||
<div v-else-if="mystep.title === 'steps.video_intro'">
|
||||
<CVideoPromo :showconditions="true">
|
||||
|
||||
</CVideoPromo>
|
||||
|
||||
</div>
|
||||
<div v-else-if="mystep.title === 'steps.paymenttype'">
|
||||
<div v-if="mystep.descr">
|
||||
<div v-html="$t(mystep.descr)"></div>
|
||||
</div>
|
||||
|
||||
<CTitleBanner class="q-pa-xs" :title="$t('steps.paymenttype_paypal')" bgcolor="bg-primary"
|
||||
clcolor="text-white"
|
||||
myclass="myshad" canopen="true" :visible="false">
|
||||
|
||||
<CVideo myvideokey="RqsWDlpnN3k">
|
||||
|
||||
</CVideo>
|
||||
|
||||
<q-btn class="q-ma-md" size="md" type="a" href="https://www.paypal.com/"
|
||||
target="_blank" rounded color="primary" icon="info" :label="$t('steps.paymenttype_paypal_link')">
|
||||
</q-btn>
|
||||
<CTitleBanner class="q-pa-xs" :title="$t('steps.paymenttype_paypal_carta_conto')" bgcolor="bg-primary"
|
||||
clcolor="text-white"
|
||||
myclass="myshad" canopen="true" :visible="true">
|
||||
|
||||
<CVideo myvideokey="wRNBmQrsnes">
|
||||
|
||||
</CVideo>
|
||||
|
||||
</CTitleBanner>
|
||||
</CTitleBanner>
|
||||
|
||||
|
||||
<CTitleBanner class="q-pa-xs" :title="$t('steps.paymenttype_revolut')" bgcolor="bg-primary"
|
||||
clcolor="text-white"
|
||||
myclass="myshad" canopen="true" :visible="false">
|
||||
|
||||
<CVideo myvideokey="nST5iHM2LbE">
|
||||
|
||||
</CVideo>
|
||||
|
||||
<q-btn class="q-ma-md" size="md" type="a" href="https://www.revolut.com/"
|
||||
target="_blank" rounded color="primary" icon="info"
|
||||
:label="$t('steps.paymenttype_revolut_link')">
|
||||
</q-btn>
|
||||
|
||||
</CTitleBanner>
|
||||
|
||||
<div>
|
||||
|
||||
<CRequisiti :statebool="RequisitoPayment" :msgTrue="$t('steps.paymenttype_long2')"
|
||||
:msgFalse="$t('steps.paymenttype_long2')">
|
||||
</CRequisiti>
|
||||
|
||||
<CMyFieldDb :title="$t('reg.paymenttype')"
|
||||
table="users"
|
||||
mykey="profile"
|
||||
mysubkey="paymenttypes"
|
||||
:type="tools.FieldType.multiselect"
|
||||
jointable="paymenttypes">
|
||||
</CMyFieldDb>
|
||||
|
||||
<CMyFieldDb v-if="isselectPaypal" :title="$t('reg.email_paypal')"
|
||||
table="users"
|
||||
mykey="profile"
|
||||
mysubkey="email_paypal"
|
||||
:type="tools.FieldType.string">
|
||||
</CMyFieldDb>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div v-else-if="mystep.title === 'steps.dream'">
|
||||
<div v-if="mystep.descr">
|
||||
<div v-html="$t(mystep.descr)"></div>
|
||||
</div>
|
||||
<q-input v-model="my_dream" :label="$t('steps.dream')+' (min. 10):'"
|
||||
type="textarea" debounce="1000"
|
||||
input-class="myinput-area-big"
|
||||
autogrow
|
||||
@input="change_mydream"
|
||||
|
||||
></q-input>
|
||||
|
||||
<!--
|
||||
<CMyFieldDb :title="$t('reg.my_dream')"
|
||||
table="users"
|
||||
mykey="profile"
|
||||
mysubkey="my_dream"
|
||||
:type="tools.FieldType.string"
|
||||
<q-stepper
|
||||
v-model="step"
|
||||
vertical
|
||||
header-nav
|
||||
done-color="green"
|
||||
active-color="blue"
|
||||
inactive-color="grey"
|
||||
animated
|
||||
>
|
||||
<!--
|
||||
<q-step
|
||||
id="step1"
|
||||
:name="1"
|
||||
:title="emailtext"
|
||||
icon="mail"
|
||||
:done="isEmailVerified"
|
||||
:error="!isEmailVerified"
|
||||
:error-icon="geterricon(true)"
|
||||
>
|
||||
</CMyFieldDb>
|
||||
-->
|
||||
</div>
|
||||
<div v-else-if="mystep.title === 'steps.chat_biblio'">
|
||||
<div v-if="mystep.descr">
|
||||
<div v-html="$t(mystep.descr)"></div>
|
||||
</div>
|
||||
<br><strong>Entra in Chat BiblioBacheca, cliccando qui:</strong>
|
||||
<q-stepper-navigation v-if="isEmailVerified">
|
||||
<q-btn @click="step = 2" color="primary" :label="$t('dialog.avanti')"></q-btn>
|
||||
</q-stepper-navigation>
|
||||
|
||||
<div class="landing__footer-icons row flex-center margin_buttons">
|
||||
<a v-if="!!TelegramBiblio" :href="TelegramBiblio" target="_blank">
|
||||
<i aria-hidden="true" class="q-icon fab fa-telegram icon_contact links"></i></a>
|
||||
</div>
|
||||
</q-step>
|
||||
<q-step
|
||||
id="step2"
|
||||
:name="2"
|
||||
:title="telegramtext"
|
||||
icon="fab fa-telegram"
|
||||
:done="TelegVerificato"
|
||||
:error="!TelegVerificato"
|
||||
:error-icon="geterricon(true)"
|
||||
>
|
||||
|
||||
</div>
|
||||
<div v-else-if="mystep.title === 'steps.zoom'">
|
||||
<q-stepper-navigation>
|
||||
<q-btn v-if="TelegVerificato" @click="step = 3" color="primary" :label="$t('dialog.avanti')"></q-btn>
|
||||
<q-btn flat @click="step = 1" color="primary" :label="$t('dialog.indietro')" class="q-ml-sm"></q-btn>
|
||||
</q-stepper-navigation>
|
||||
</q-step>
|
||||
-->
|
||||
<q-step
|
||||
v-for="(mystep, index) in arrsteps"
|
||||
:id="`step`+(index)"
|
||||
:key="mystep.title"
|
||||
:name="index"
|
||||
:title="gettextstep(mystep, index)"
|
||||
:icon="geticonstep(mystep)"
|
||||
:done-color="geticoncolor(mystep.title)"
|
||||
:done="mystep.funccheck(index)"
|
||||
:error="getiferror(mystep.funccheck_error(index), mystep.funccheck(index))"
|
||||
:error-icon="geterricon(mystep.funccheck(index), mystep)"
|
||||
:error-color="geterrcolor(mystep)"
|
||||
>
|
||||
<div v-if="mystep.title === 'reg.email'">
|
||||
<CVerifyEmail>
|
||||
|
||||
<CRequisiti :statebool="VistoZoom" :msgTrue="$t('steps.zoom_si_partecipato')"
|
||||
:msgFalse="$t('steps.zoom_no_partecipato')">
|
||||
</CRequisiti>
|
||||
</CVerifyEmail>
|
||||
|
||||
<div v-if="mystep.descr">
|
||||
<div v-html="$t(mystep.descr)"></div>
|
||||
</div>
|
||||
<CTitleBanner class="q-pa-xs" :title="$t('steps.zoom_what')" bgcolor="bg-primary"
|
||||
clcolor="text-white"
|
||||
myclass="myshad" canopen="true" :visible="false">
|
||||
<div>
|
||||
<CVideo myvideokey="2yHhNktRDjg">
|
||||
</div>
|
||||
<div v-else-if="mystep.title === 'reg.telegram'">
|
||||
<q-chip v-if="TelegVerificato" color="positive" text-color="white" icon="fab fa-telegram">
|
||||
{{ telegramtext }}
|
||||
</q-chip>
|
||||
<q-chip v-else color="negative" text-color="white" icon="email">
|
||||
{{ telegramtext }}
|
||||
</q-chip>
|
||||
|
||||
</CVideo>
|
||||
<CVerifyTelegram v-if="TelegCode || !TelegVerificato">
|
||||
|
||||
<div v-if="toolsext.isLang('it')">
|
||||
<h3>ISTRUZIONI ZOOM</h3>
|
||||
</CVerifyTelegram>
|
||||
<div v-else>
|
||||
<br>
|
||||
<q-btn color="primary" icon="fab fa-telegram"
|
||||
:label="$t('components.authentication.telegram.openbot')"
|
||||
type="a"
|
||||
:href="getLinkBotTelegram" target="_blank"></q-btn>
|
||||
<br>
|
||||
</div>
|
||||
|
||||
<ul style="text-align: left; font-size:0.75rem;">
|
||||
<li>1. Scarica l'app (<a href="https://play.google.com/store/apps/details?id=us.zoom.videomeetings"
|
||||
target="_blank">store</a> o <a href="https://zoom.us/support/download"
|
||||
target="_blank">da PC</a>)
|
||||
</li>
|
||||
<li>2. Inserisci il tuo Nome e Cognome per essere riconosciuto</li>
|
||||
<li>3. Clicca "join meeting"</li>
|
||||
<li>4. Clicca "call in device" altrimenti non potrai sentire 🔊</li>
|
||||
<li>5. Clicca il microfono per Attivarlo o Silenziarlo.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div v-else-if="mystep.title === 'steps.linee_guida'">
|
||||
<CGuidelines :showconditions="true">
|
||||
|
||||
<div class="text-h6"><strong>In più avrai:</strong></div>
|
||||
<ul style="text-align: left; font-size:0.75rem;">
|
||||
<li>Tasto per togliere il video (📹) ❌</li>
|
||||
<li>Tasto 'Share': per condividere contenuti condivisi</li>
|
||||
<li>Tasto 'Partecipants' in cui sulla sinistra, in basso, troverai la CHAT.</li>
|
||||
<li>Tasto 'More': troverai Raise Hands per fare le domande.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div v-else>
|
||||
<h3>ZOOM INSTRUCTIONS</h3>
|
||||
</CGuidelines>
|
||||
</div>
|
||||
<div v-else-if="mystep.title === 'steps.video_intro'">
|
||||
<CVideoPromo :showconditions="true">
|
||||
|
||||
<ul style="text-align: left; font-size:0.75rem;">
|
||||
<li>1. Download the app (<a
|
||||
href="https://play.google.com/store/apps/details?id=us.zoom.videomeetings"
|
||||
target="_blank">store</a> or <a href="https://zoom.us/support/download"
|
||||
target="_blank">by PC</a>)
|
||||
</li>
|
||||
<li>2. Enter your first and last name to be recognized</li>
|
||||
<li>3. Click "join meeting"</li>
|
||||
<li>4. Click "call in device" otherwise you won't be able to hear 🔊</li>
|
||||
<li>5. Click the microphone to turn it on or mute it</li>
|
||||
</ul>
|
||||
</CVideoPromo>
|
||||
|
||||
<div class="text-h6"><strong>More you will have:</strong></div>
|
||||
<ul style="text-align: left; font-size:0.75rem;">
|
||||
<li>Cancel button to remove the video (📹) ❌</li>
|
||||
<li>Share' button: to share shared content</li>
|
||||
<li>Participants' button where on the left, at the bottom, you will find the CHAT.</li>
|
||||
<li>Button 'More': you'll find Raise Hands to ask questions.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else-if="mystep.title === 'steps.paymenttype'">
|
||||
<div v-if="mystep.descr">
|
||||
<div v-html="$t(mystep.descr)"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</CTitleBanner>
|
||||
<CTitleBanner class="q-pa-xs" :title="$t('steps.paymenttype_paypal')" bgcolor="bg-primary"
|
||||
clcolor="text-white"
|
||||
myclass="myshad" canopen="true" :visible="false">
|
||||
|
||||
</div>
|
||||
<div v-else-if="mystep.title === 'steps.sharemovement'">
|
||||
<CVideo myvideokey="RqsWDlpnN3k">
|
||||
|
||||
<!--<CRequisiti :statebool="getnuminvitati() >= 2" :msgTrue="$t('steps.sharemovement_hai_invitato')"
|
||||
:msgFalse="$t('steps.sharemovement_devi_invitare_almeno_2')">
|
||||
</CRequisiti>-->
|
||||
</CVideo>
|
||||
|
||||
<q-btn class="q-mb-md" rounded size="md" color="primary" to="/dashboard"
|
||||
:label="$t('pages.dashboard')"></q-btn>
|
||||
<q-btn class="q-ma-md" size="md" type="a" href="https://www.paypal.com/"
|
||||
target="_blank" rounded color="primary" icon="info"
|
||||
:label="$t('steps.paymenttype_paypal_link')">
|
||||
</q-btn>
|
||||
<CTitleBanner class="q-pa-xs" :title="$t('steps.paymenttype_paypal_carta_conto')"
|
||||
bgcolor="bg-primary"
|
||||
clcolor="text-white"
|
||||
myclass="myshad" canopen="true" :visible="true">
|
||||
|
||||
<div v-if="mystep.descr">
|
||||
<div v-html="$t(mystep.descr)"></div>
|
||||
</div>
|
||||
<CVideo myvideokey="wRNBmQrsnes">
|
||||
|
||||
<div class="row justify-center q-ma-sm">
|
||||
<q-btn push
|
||||
rounded
|
||||
color="primary"
|
||||
size="md"
|
||||
:label="$t('pages.invita')"
|
||||
icon="fas fa-user-plus"
|
||||
to="/invite">
|
||||
</q-btn>
|
||||
</div>
|
||||
</CVideo>
|
||||
|
||||
</CTitleBanner>
|
||||
</CTitleBanner>
|
||||
|
||||
|
||||
<CCopyBtn :title="$t('reg.reflink')" :texttocopy="getRefLink">
|
||||
<CTitleBanner class="q-pa-xs" :title="$t('steps.paymenttype_revolut')" bgcolor="bg-primary"
|
||||
clcolor="text-white"
|
||||
myclass="myshad" canopen="true" :visible="false">
|
||||
|
||||
</CCopyBtn>
|
||||
<CVideo myvideokey="nST5iHM2LbE">
|
||||
|
||||
<CCopyBtn :title="$t('reg.linkzoom')" :texttocopy="tools.getLinkZoom()">
|
||||
</CVideo>
|
||||
|
||||
</CCopyBtn>
|
||||
<q-btn class="q-ma-md" size="md" type="a" href="https://www.revolut.com/"
|
||||
target="_blank" rounded color="primary" icon="info"
|
||||
:label="$t('steps.paymenttype_revolut_link')">
|
||||
</q-btn>
|
||||
|
||||
</CTitleBanner>
|
||||
|
||||
<div>
|
||||
|
||||
<CRequisiti :statebool="RequisitoPayment" :msgTrue="$t('steps.paymenttype_long2')"
|
||||
:msgFalse="$t('steps.paymenttype_long2')">
|
||||
</CRequisiti>
|
||||
|
||||
<CMyFieldDb :title="$t('reg.paymenttype')"
|
||||
table="users"
|
||||
mykey="profile"
|
||||
mysubkey="paymenttypes"
|
||||
:type="tools.FieldType.multiselect"
|
||||
jointable="paymenttypes">
|
||||
</CMyFieldDb>
|
||||
|
||||
<CMyFieldDb v-if="isselectPaypal" :title="$t('reg.email_paypal')"
|
||||
table="users"
|
||||
mykey="profile"
|
||||
mysubkey="email_paypal"
|
||||
:type="tools.FieldType.string">
|
||||
</CMyFieldDb>
|
||||
|
||||
|
||||
</div>
|
||||
<div v-else-if="mystep.title === 'dashboard.inv_attivi'">
|
||||
</div>
|
||||
</div>
|
||||
<div v-else-if="mystep.title === 'steps.dream'">
|
||||
<div v-if="mystep.descr">
|
||||
<div v-html="$t(mystep.descr)"></div>
|
||||
</div>
|
||||
<q-input v-model="my_dream" :label="$t('steps.dream')+' (min. 10):'"
|
||||
type="textarea" debounce="1000"
|
||||
input-class="myinput-area-big"
|
||||
autogrow
|
||||
@input="change_mydream"
|
||||
|
||||
<CRequisiti v-if="getnuminvitati() > 0" :statebool="getnuminvitati_attivi() >= 2"
|
||||
:msgTrue="$t('steps.sharemovement_invitati_attivi_si')"
|
||||
:msgFalse="$t('steps.sharemovement_invitati_attivi_no')">
|
||||
</CRequisiti>
|
||||
></q-input>
|
||||
|
||||
<q-btn class="q-mb-md" rounded size="md" color="primary" to="/dashboard"
|
||||
:label="$t('pages.dashboard')"></q-btn>
|
||||
<!--
|
||||
<CMyFieldDb :title="$t('reg.my_dream')"
|
||||
table="users"
|
||||
mykey="profile"
|
||||
mysubkey="my_dream"
|
||||
:type="tools.FieldType.string"
|
||||
>
|
||||
</CMyFieldDb>
|
||||
-->
|
||||
</div>
|
||||
<div v-else-if="mystep.title === 'steps.chat_biblio'">
|
||||
<div v-if="mystep.descr">
|
||||
<div v-html="$t(mystep.descr)"></div>
|
||||
</div>
|
||||
<br><strong>Entra in Chat BiblioBacheca, cliccando qui:</strong>
|
||||
|
||||
<div class="landing__footer-icons row flex-center margin_buttons">
|
||||
<a v-if="!!TelegramBiblio" :href="TelegramBiblio" target="_blank">
|
||||
<i aria-hidden="true" class="q-icon fab fa-telegram icon_contact links"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div v-else-if="mystep.title === 'steps.zoom'">
|
||||
|
||||
<CRequisiti :statebool="VistoZoom" :msgTrue="$t('steps.zoom_si_partecipato')"
|
||||
:msgFalse="$t('steps.zoom_no_partecipato')">
|
||||
</CRequisiti>
|
||||
|
||||
<div v-if="mystep.descr">
|
||||
<div v-html="$t(mystep.descr)"></div>
|
||||
</div>
|
||||
<CTitleBanner class="q-pa-xs" :title="$t('steps.zoom_what')" bgcolor="bg-primary"
|
||||
clcolor="text-white"
|
||||
myclass="myshad" canopen="true" :visible="false">
|
||||
<div>
|
||||
<CVideo myvideokey="2yHhNktRDjg">
|
||||
|
||||
</CVideo>
|
||||
|
||||
<div v-if="toolsext.isLang('it')">
|
||||
<h3>ISTRUZIONI ZOOM</h3>
|
||||
|
||||
<ul style="text-align: left; font-size:0.75rem;">
|
||||
<li>1. Scarica l'app (<a
|
||||
href="https://play.google.com/store/apps/details?id=us.zoom.videomeetings"
|
||||
target="_blank">store</a> o <a href="https://zoom.us/support/download"
|
||||
target="_blank">da PC</a>)
|
||||
</li>
|
||||
<li>2. Inserisci il tuo Nome e Cognome per essere riconosciuto</li>
|
||||
<li>3. Clicca "join meeting"</li>
|
||||
<li>4. Clicca "call in device" altrimenti non potrai sentire 🔊</li>
|
||||
<li>5. Clicca il microfono per Attivarlo o Silenziarlo.</li>
|
||||
</ul>
|
||||
|
||||
<div class="text-h6"><strong>In più avrai:</strong></div>
|
||||
<ul style="text-align: left; font-size:0.75rem;">
|
||||
<li>Tasto per togliere il video (📹) ❌</li>
|
||||
<li>Tasto 'Share': per condividere contenuti condivisi</li>
|
||||
<li>Tasto 'Partecipants' in cui sulla sinistra, in basso, troverai la CHAT.</li>
|
||||
<li>Tasto 'More': troverai Raise Hands per fare le domande.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div v-else>
|
||||
<h3>ZOOM INSTRUCTIONS</h3>
|
||||
|
||||
<ul style="text-align: left; font-size:0.75rem;">
|
||||
<li>1. Download the app (<a
|
||||
href="https://play.google.com/store/apps/details?id=us.zoom.videomeetings"
|
||||
target="_blank">store</a> or <a href="https://zoom.us/support/download"
|
||||
target="_blank">by PC</a>)
|
||||
</li>
|
||||
<li>2. Enter your first and last name to be recognized</li>
|
||||
<li>3. Click "join meeting"</li>
|
||||
<li>4. Click "call in device" otherwise you won't be able to hear 🔊</li>
|
||||
<li>5. Click the microphone to turn it on or mute it</li>
|
||||
</ul>
|
||||
|
||||
<div class="text-h6"><strong>More you will have:</strong></div>
|
||||
<ul style="text-align: left; font-size:0.75rem;">
|
||||
<li>Cancel button to remove the video (📹) ❌</li>
|
||||
<li>Share' button: to share shared content</li>
|
||||
<li>Participants' button where on the left, at the bottom, you will find the
|
||||
CHAT.
|
||||
</li>
|
||||
<li>Button 'More': you'll find Raise Hands to ask questions.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</CTitleBanner>
|
||||
|
||||
</div>
|
||||
<div v-else-if="mystep.title === 'steps.sharemovement'">
|
||||
|
||||
<!--<CRequisiti :statebool="getnuminvitati() >= 2" :msgTrue="$t('steps.sharemovement_hai_invitato')"
|
||||
:msgFalse="$t('steps.sharemovement_devi_invitare_almeno_2')">
|
||||
</CRequisiti>-->
|
||||
|
||||
<q-btn class="q-mb-md" rounded size="md" color="primary" to="/dashboard"
|
||||
:label="$t('pages.dashboard')"></q-btn>
|
||||
|
||||
<div v-if="mystep.descr">
|
||||
<div v-html="$t(mystep.descr)"></div>
|
||||
</div>
|
||||
|
||||
<div class="row justify-center q-ma-sm">
|
||||
<q-btn push
|
||||
rounded
|
||||
color="primary"
|
||||
size="md"
|
||||
:label="$t('pages.invita')"
|
||||
icon="fas fa-user-plus"
|
||||
to="/invite">
|
||||
</q-btn>
|
||||
</div>
|
||||
|
||||
|
||||
<div v-if="mystep.descr">
|
||||
<div v-html="$t(mystep.descr)"></div>
|
||||
</div>
|
||||
<CCopyBtn :title="$t('reg.reflink')" :texttocopy="getRefLink">
|
||||
|
||||
</div>
|
||||
<div v-else-if="mystep.title === 'steps.enter_prog'">
|
||||
</CCopyBtn>
|
||||
|
||||
<div v-if="mystep.descr">
|
||||
<div v-html="$t(mystep.descr)"></div>
|
||||
</div>
|
||||
<CCopyBtn :title="$t('reg.linkzoom')" :texttocopy="tools.getLinkZoom()">
|
||||
|
||||
<CRequisiti :statebool="CompletatoRequisiti" :msgTrue="$t('steps.enter_prog_requisiti_ok')"
|
||||
:msgFalse="$t('steps.enter_prog_completa_requisiti')">
|
||||
</CRequisiti>
|
||||
</CCopyBtn>
|
||||
|
||||
|
||||
<CRequisiti v-if="Completato9Req" :statebool="Completato9Req" :msgTrue="$t('steps.enter_nave_9req_ok')"
|
||||
:msgFalse="$t('steps.enter_nave_9req_ko')">
|
||||
</CRequisiti>
|
||||
</div>
|
||||
<div v-else-if="mystep.title === 'dashboard.inv_attivi'">
|
||||
|
||||
</div>
|
||||
<div v-else>
|
||||
<div v-if="mystep.page">
|
||||
<CMyInnerPage :path=mystep.page>
|
||||
<div v-if="mystep.descr">
|
||||
<div v-html="$t(mystep.descr)"></div>
|
||||
</div>
|
||||
</CMyInnerPage>
|
||||
</div>
|
||||
</div>
|
||||
<CRequisiti v-if="getnuminvitati() > 0" :statebool="getnuminvitati_attivi() >= 2"
|
||||
:msgTrue="$t('steps.sharemovement_invitati_attivi_si')"
|
||||
:msgFalse="$t('steps.sharemovement_invitati_attivi_no')">
|
||||
</CRequisiti>
|
||||
|
||||
<q-stepper-navigation>
|
||||
<q-btn v-if="index < getlaststep" @click="nextstep(index)"
|
||||
color="primary" :label="$t('dialog.avanti')" class="q-ml-sm"></q-btn>
|
||||
<q-btn flat @click="step = index - 1" color="primary" :label="$t('dialog.indietro')"
|
||||
class="q-ml-sm"></q-btn>
|
||||
</q-stepper-navigation>
|
||||
</q-step>
|
||||
<q-btn class="q-mb-md" rounded size="md" color="primary" to="/dashboard"
|
||||
:label="$t('pages.dashboard')"></q-btn>
|
||||
|
||||
<!--<q-step-->
|
||||
<!--:name="getlaststep"-->
|
||||
<!--:title="$t('dialog.finish')"-->
|
||||
<!--icon="check-circle"-->
|
||||
<!--:done="step > getlaststep"-->
|
||||
<!-->-->
|
||||
|
||||
<!--<q-stepper-navigation>-->
|
||||
<!--<q-btn flat @click="step = getlaststep - 1" color="primary" :label="$t('dialog.indietro')" class="q-ml-sm"></q-btn>-->
|
||||
<!--</q-stepper-navigation>-->
|
||||
<!--</q-step>-->
|
||||
</q-stepper>
|
||||
</CTitleBanner>
|
||||
<div v-if="mystep.descr">
|
||||
<div v-html="$t(mystep.descr)"></div>
|
||||
</div>
|
||||
|
||||
<q-page-sticky expand position="top" v-if="!stepcompleti">
|
||||
<q-toolbar class="bg-yellow-7 glossy text-white">
|
||||
<q-toolbar-title @click="scrolltostep(steptodo)">
|
||||
<div class="flex flex-center q-mt-xs">
|
||||
<div class="flex flex-center">
|
||||
<q-badge color="white" text-color="grey-8" style="opacity: 0.9; font-size: 0.85rem;"
|
||||
:label="strpercstep"></q-badge>
|
||||
</div>
|
||||
<q-linear-progress size="lg" :value="percstep" color="green" class="q-pa-xs q-mb-xs bg-red">
|
||||
</q-linear-progress>
|
||||
</div>
|
||||
<div class="flex flex-center q-mb-xs">
|
||||
<q-badge color="white" text-color="blue" :label="progressstep" class="wrap"
|
||||
style="font-size: 0.85rem; height:20px; font-weight: bold;"></q-badge>
|
||||
</div>
|
||||
</q-toolbar-title>
|
||||
<q-btn round dense icon="arrow_forward" color="blue" @click="scrolltostep(steptodo)"></q-btn>
|
||||
</q-toolbar>
|
||||
</q-page-sticky>
|
||||
</div>
|
||||
<div v-else-if="mystep.title === 'steps.enter_prog'">
|
||||
|
||||
</div>
|
||||
<div v-if="mystep.descr">
|
||||
<div v-html="$t(mystep.descr)"></div>
|
||||
</div>
|
||||
|
||||
<CRequisiti :statebool="CompletatoRequisiti" :msgTrue="$t('steps.enter_prog_requisiti_ok')"
|
||||
:msgFalse="$t('steps.enter_prog_completa_requisiti')">
|
||||
</CRequisiti>
|
||||
|
||||
|
||||
<CRequisiti v-if="Completato9Req" :statebool="Completato9Req"
|
||||
:msgTrue="$t('steps.enter_nave_9req_ok')"
|
||||
:msgFalse="$t('steps.enter_nave_9req_ko')">
|
||||
</CRequisiti>
|
||||
|
||||
<div v-if="CompletatoRequisiti">
|
||||
<q-btn class="q-mb-md" rounded size="md" color="primary" to="/dashboard"
|
||||
:label="$t('dashboard.entra_in_lavagna')"></q-btn>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div v-else>
|
||||
<div v-if="mystep.page">
|
||||
<CMyInnerPage :path=mystep.page>
|
||||
<div v-if="mystep.descr">
|
||||
<div v-html="$t(mystep.descr)"></div>
|
||||
</div>
|
||||
</CMyInnerPage>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<q-stepper-navigation>
|
||||
<q-btn v-if="index < getlaststep" @click="nextstep(index)"
|
||||
color="primary" :label="$t('dialog.avanti')" class="q-ml-sm"></q-btn>
|
||||
<q-btn flat @click="step = index - 1" color="primary" :label="$t('dialog.indietro')"
|
||||
class="q-ml-sm"></q-btn>
|
||||
</q-stepper-navigation>
|
||||
</q-step>
|
||||
|
||||
<!--<q-step-->
|
||||
<!--:name="getlaststep"-->
|
||||
<!--:title="$t('dialog.finish')"-->
|
||||
<!--icon="check-circle"-->
|
||||
<!--:done="step > getlaststep"-->
|
||||
<!-->-->
|
||||
|
||||
<!--<q-stepper-navigation>-->
|
||||
<!--<q-btn flat @click="step = getlaststep - 1" color="primary" :label="$t('dialog.indietro')" class="q-ml-sm"></q-btn>-->
|
||||
<!--</q-stepper-navigation>-->
|
||||
<!--</q-step>-->
|
||||
</q-stepper>
|
||||
</CTitleBanner>
|
||||
|
||||
<q-page-sticky expand position="top" v-if="!stepcompleti">
|
||||
<q-toolbar class="bg-yellow-7 glossy text-white">
|
||||
<q-toolbar-title @click="scrolltostep(steptodo)">
|
||||
<div class="flex flex-center q-mt-xs">
|
||||
<div class="flex flex-center">
|
||||
<q-badge color="white" text-color="grey-8" style="opacity: 0.9; font-size: 0.85rem;"
|
||||
:label="strpercstep"></q-badge>
|
||||
</div>
|
||||
<q-linear-progress size="lg" :value="percstep" color="green" class="q-pa-xs q-mb-xs bg-red">
|
||||
</q-linear-progress>
|
||||
</div>
|
||||
<div class="flex flex-center q-mb-xs">
|
||||
<q-badge color="white" text-color="blue" :label="progressstep" class="wrap"
|
||||
style="font-size: 0.85rem; height:20px; font-weight: bold;"></q-badge>
|
||||
</div>
|
||||
</q-toolbar-title>
|
||||
<q-btn round dense icon="arrow_forward" color="blue" @click="scrolltostep(steptodo)"></q-btn>
|
||||
</q-toolbar>
|
||||
</q-page-sticky>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" src="./CStatus.ts">
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import './CStatus.scss';
|
||||
@import './CStatus.scss';
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user