Registrazione: scegliere se Telegram o Email
This commit is contained in:
Surya Paolo
@@ -1,44 +1,164 @@
|
||||
<template>
|
||||
<div v-if="site.confpages.enableReg">
|
||||
<div
|
||||
v-if="site.confpages.enableRegMultiChoice"
|
||||
class="row q-ma-sm centermydiv2 q-pa-sm justify-center align-center"
|
||||
style=""
|
||||
>
|
||||
<div
|
||||
v-if="site.confpages.enableReg"
|
||||
class="row q-ma-sm centermydiv2 q-pa-sm justify-center align-center"
|
||||
>
|
||||
<div v-if="!start">
|
||||
<q-btn
|
||||
rounded
|
||||
class="flex-item-btn"
|
||||
icon="fab fa-telegram"
|
||||
size="md"
|
||||
glossy
|
||||
icon="fas fa-user-plus"
|
||||
size="lg"
|
||||
color="primary"
|
||||
to="/bot"
|
||||
:label="$t('reg.bytelegram')"
|
||||
>
|
||||
</q-btn>
|
||||
<q-btn
|
||||
rounded
|
||||
class="flex-item-btn"
|
||||
outline
|
||||
icon="fas fa-envelope"
|
||||
size="md"
|
||||
:color="$q.dark.isActive ? `black` : `white`"
|
||||
:text-color="$q.dark.isActive ? `white` : `black`"
|
||||
to="/signup"
|
||||
:label="$t('reg.byemail')"
|
||||
>
|
||||
</q-btn>
|
||||
</div>
|
||||
<div v-else style="margin-top: 10px; text-align: center">
|
||||
Registrati<br />
|
||||
<q-btn
|
||||
rounded
|
||||
size="md"
|
||||
color="primary"
|
||||
@click="clickToRegister"
|
||||
@click="start = true"
|
||||
:label="$t('reg.submit')"
|
||||
>
|
||||
</q-btn>
|
||||
</div>
|
||||
<q-carousel
|
||||
v-if="start"
|
||||
v-model="slide"
|
||||
transition-prev="scale"
|
||||
transition-next="scale"
|
||||
animated
|
||||
control-color="white"
|
||||
navigation
|
||||
padding
|
||||
arrows
|
||||
height="400px"
|
||||
class="bg-primary text-white shadow-1 rounded-borders"
|
||||
>
|
||||
<q-carousel-slide name="start" class="column no-wrap flex-center">
|
||||
<q-icon name="fas fa-user" size="56px" />
|
||||
<div class="q-mt-md text-center">
|
||||
<span class="text-h6"> {{ $t('reg.invitante') }}</span>
|
||||
<q-card class="dialog_card q-mb-lg">
|
||||
<q-card-section class="column q-ma-sm q-pa-sm q-col-gutter-sm">
|
||||
<q-btn
|
||||
rounded
|
||||
glossy
|
||||
size="lg"
|
||||
color="positive"
|
||||
@click="
|
||||
slide = 'second';
|
||||
noInvited = false;
|
||||
chooseReg = true;
|
||||
"
|
||||
:label="$t('dialog.yes')"
|
||||
>
|
||||
</q-btn>
|
||||
|
||||
<q-btn
|
||||
rounded
|
||||
glossy
|
||||
size="lg"
|
||||
color="negative"
|
||||
@click="
|
||||
slide = 'second';
|
||||
noInvited = true;
|
||||
chooseReg = false;
|
||||
"
|
||||
:label="$t('dialog.no')"
|
||||
>
|
||||
</q-btn>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
</div>
|
||||
</q-carousel-slide>
|
||||
<q-carousel-slide name="second">
|
||||
<div v-if="noInvited" class="text-h7">
|
||||
<div class="text-center text-bold text-h6">
|
||||
Se ancora non sei stato invitato:
|
||||
</div>
|
||||
<br />
|
||||
1️⃣ 👉🏻 Entra nel canale Telegram "Progetto RISO" cliccando qui:<br />
|
||||
<div class="text-center">
|
||||
<q-btn
|
||||
type="a"
|
||||
rounded
|
||||
icon="fab fa-telegram"
|
||||
color="positive"
|
||||
href="https://t.me/+pZ40VpmL1NhkZjE0"
|
||||
target="_blank"
|
||||
label="Progetto RISO"
|
||||
>
|
||||
</q-btn>
|
||||
</div>
|
||||
<br />
|
||||
|
||||
2️⃣ 👉🏻 sul post del canale fissato in alto, troverai tutte le info sul
|
||||
progetto e su come entrare nel gruppo della tua provincia.<br />
|
||||
Potrai cosi richiedere il link una volta entrato nella chat di
|
||||
gruppo.<br />
|
||||
</div>
|
||||
<div v-else-if="chooseReg">
|
||||
<div class="text-center">
|
||||
<q-icon name="fas fa-user" size="23px" />
|
||||
<span class="text-h6"> {{ $t('reg.page_title') }}</span>
|
||||
<q-card class="q-mt-sm dialog_card q-mb-sm">
|
||||
<q-card-section>
|
||||
<div
|
||||
v-if="site.confpages.enableRegMultiChoice"
|
||||
style=""
|
||||
class="row q-ma-sm centermydiv2 q-pa-sm justify-center"
|
||||
>
|
||||
<span class="text-black text-h7"
|
||||
>Chiedi alla persona che ti ha invitato su RISO il suo
|
||||
Username e poi :</span
|
||||
><br />
|
||||
<div class="row items-center">
|
||||
<div>
|
||||
<p class="text-bold text-center">
|
||||
<span style="font-size: 1.5rem">👇🏻 </span> ⭐️
|
||||
<span class="text-black">Consigliato ⭐️</span>
|
||||
<span style="font-size: 1.5rem"> 👇🏻 </span>
|
||||
</p>
|
||||
|
||||
<q-btn
|
||||
rounded
|
||||
class="flex-item-btn"
|
||||
icon="fab fa-telegram"
|
||||
size="md"
|
||||
color="primary"
|
||||
to="/bot"
|
||||
:label="$t('reg.bytelegram')"
|
||||
>
|
||||
</q-btn>
|
||||
</div>
|
||||
</div>
|
||||
<span class="text-black"
|
||||
>oppure se non riesci ad installare Telegram: </span
|
||||
><br />
|
||||
<q-btn
|
||||
rounded
|
||||
class="flex-item-btn"
|
||||
outline
|
||||
icon="fas fa-envelope"
|
||||
size="md"
|
||||
:color="$q.dark.isActive ? `black` : `white`"
|
||||
:text-color="$q.dark.isActive ? `white` : `black`"
|
||||
to="/signup"
|
||||
:label="$t('reg.byemail')"
|
||||
>
|
||||
</q-btn>
|
||||
</div>
|
||||
<div v-else style="margin-top: 10px; text-align: center">
|
||||
Registrati<br />
|
||||
<q-btn
|
||||
rounded
|
||||
size="md"
|
||||
color="primary"
|
||||
@click="clickToRegister"
|
||||
:label="$t('reg.submit')"
|
||||
>
|
||||
</q-btn>
|
||||
</div>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
</div>
|
||||
</div>
|
||||
</q-carousel-slide>
|
||||
</q-carousel>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user