2021-09-04 15:05:34 +02:00
|
|
|
<template>
|
2025-11-18 23:56:08 +01:00
|
|
|
<div>
|
2022-12-08 10:09:33 +01:00
|
|
|
<div
|
2024-09-13 19:42:55 +02:00
|
|
|
v-if="tools.isLogged() && tools.getUsername() && !collettivo"
|
2025-11-18 23:56:08 +01:00
|
|
|
class="text-center"
|
2022-12-08 10:09:33 +01:00
|
|
|
>
|
2025-11-18 23:56:08 +01:00
|
|
|
<q-banner
|
|
|
|
|
rounded
|
|
|
|
|
class="bg-green text-white"
|
|
|
|
|
style="text-align: center"
|
|
|
|
|
>
|
|
|
|
|
<span class="mybanner">
|
|
|
|
|
{{ tools.getUsername() }} sei già correttamente registrato ed hai accesso alla
|
|
|
|
|
Piattaforma<br />
|
|
|
|
|
</span>
|
|
|
|
|
</q-banner>
|
|
|
|
|
|
|
|
|
|
<div class="row q-ma-sm q-pa-sm justify-center">
|
|
|
|
|
<q-btn
|
|
|
|
|
class="q-ma-sm"
|
|
|
|
|
color="primary"
|
|
|
|
|
icon="fas fa-home"
|
|
|
|
|
label="Vai alla Home"
|
|
|
|
|
to="/"
|
|
|
|
|
></q-btn>
|
|
|
|
|
|
|
|
|
|
<q-btn
|
|
|
|
|
class="q-ma-sm"
|
|
|
|
|
color="accent"
|
|
|
|
|
icon="fas fa-sign"
|
|
|
|
|
label="Voglio vedere la pagina di Registrazione"
|
|
|
|
|
@click="visureg = true"
|
|
|
|
|
></q-btn>
|
|
|
|
|
<br />
|
2022-05-05 00:38:26 +02:00
|
|
|
</div>
|
2025-11-15 19:38:39 +01:00
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
v-if="!tools.isLogged() || visureg || collettivo"
|
2025-11-18 23:56:08 +01:00
|
|
|
class="text-center"
|
2025-11-15 19:38:39 +01:00
|
|
|
>
|
2025-11-18 23:56:08 +01:00
|
|
|
<div>
|
|
|
|
|
<div>
|
|
|
|
|
<logo mystyle="width: 40px !important; height: 40px !important; "></logo>
|
|
|
|
|
|
|
|
|
|
<div v-if="!isalreadyReg && !(visubuttBOT && needTelegram)">
|
|
|
|
|
<CTitleBanner :title="$t('pages.SignUp')"></CTitleBanner>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2023-01-03 16:51:45 +01:00
|
|
|
<div
|
|
|
|
|
v-if="visubuttBOT && needTelegram && !collettivo"
|
2025-11-18 23:56:08 +01:00
|
|
|
class="q-gutter-md"
|
2023-01-03 16:51:45 +01:00
|
|
|
>
|
2025-11-18 23:56:08 +01:00
|
|
|
<div class="q-ma-md">
|
|
|
|
|
<CRegistration
|
|
|
|
|
:invited="signup.aportador_solidario"
|
|
|
|
|
:regexpire="regexpire"
|
|
|
|
|
@regEventEmail="regEventEmail"
|
|
|
|
|
:signupform="true"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
2022-03-09 14:53:17 +01:00
|
|
|
</div>
|
|
|
|
|
|
2025-11-15 19:38:39 +01:00
|
|
|
<div
|
|
|
|
|
v-else-if="!isalreadyReg || collettivo"
|
2025-11-18 23:56:08 +01:00
|
|
|
class="q-gutter-sm q-mt-sm"
|
2025-11-15 19:38:39 +01:00
|
|
|
>
|
2025-11-18 23:56:08 +01:00
|
|
|
<div v-if="signup.username === 'undefined'">
|
|
|
|
|
<br />
|
|
|
|
|
Vai su <b>BOT RISO</b> Telegram ed imposta l'Username di Telegram.<br /><br />
|
2022-12-08 10:09:33 +01:00
|
|
|
<q-btn
|
|
|
|
|
rounded
|
|
|
|
|
color="primary"
|
|
|
|
|
icon="fab fa-telegram"
|
|
|
|
|
label="Apri BOT"
|
|
|
|
|
type="a"
|
2025-11-15 19:38:39 +01:00
|
|
|
:href="tools.getLinkBotTelegram(signup.aportador_solidario, regexpire)"
|
2022-12-08 10:09:33 +01:00
|
|
|
target="_blank"
|
2025-11-18 23:56:08 +01:00
|
|
|
></q-btn>
|
|
|
|
|
<br /><br />
|
2022-08-15 15:10:00 +02:00
|
|
|
</div>
|
2025-11-18 23:56:08 +01:00
|
|
|
<div v-else>
|
2025-11-15 19:38:39 +01:00
|
|
|
<q-carousel
|
|
|
|
|
v-model="slide"
|
2025-11-18 23:56:08 +01:00
|
|
|
ref="carousel"
|
2025-11-15 19:38:39 +01:00
|
|
|
transition-prev="slide-right"
|
|
|
|
|
transition-next="slide-left"
|
2025-11-18 23:56:08 +01:00
|
|
|
animated
|
2025-11-15 19:38:39 +01:00
|
|
|
swipeable
|
2025-11-18 23:56:08 +01:00
|
|
|
:class="`shadow-1`"
|
2025-11-15 19:38:39 +01:00
|
|
|
>
|
2025-11-18 23:56:08 +01:00
|
|
|
<template v-slot:control>
|
|
|
|
|
<q-carousel-control
|
|
|
|
|
position="bottom-right"
|
|
|
|
|
:offset="[18, 18]"
|
|
|
|
|
class="q-gutter-xs"
|
|
|
|
|
>
|
|
|
|
|
<q-btn
|
|
|
|
|
v-if="slide !== '1'"
|
|
|
|
|
push
|
|
|
|
|
text-color="black"
|
|
|
|
|
icon="arrow_left"
|
|
|
|
|
:label="$t('dialog.indietro')"
|
|
|
|
|
@click="$refs.carousel.previous()"
|
|
|
|
|
/>
|
|
|
|
|
<q-btn
|
|
|
|
|
v-if="slide !== '4'"
|
|
|
|
|
push
|
|
|
|
|
color="primary"
|
|
|
|
|
icon="arrow_right"
|
|
|
|
|
:label="$t('dialog.avanti')"
|
|
|
|
|
:disabled="checkifDisabled"
|
|
|
|
|
@click="!checkifDisabled ? $refs.carousel.next() : null"
|
|
|
|
|
/>
|
|
|
|
|
</q-carousel-control>
|
|
|
|
|
</template>
|
|
|
|
|
<q-carousel-slide name="1">
|
|
|
|
|
<div class="">
|
|
|
|
|
<q-input
|
|
|
|
|
v-if="
|
|
|
|
|
showaportador && signup.aportador_solidario !== tools.APORTADOR_NONE
|
|
|
|
|
"
|
|
|
|
|
ref="inputAportador"
|
|
|
|
|
bg-color="light-blue-4"
|
|
|
|
|
:readonly="!!ap_iniziale"
|
|
|
|
|
v-model="signup.aportador_solidario"
|
|
|
|
|
rounded
|
|
|
|
|
outlined
|
|
|
|
|
@keyup.enter="
|
|
|
|
|
v$.aportador_solidario.$touch && !v$.aportador_solidario.$error
|
|
|
|
|
? $refs.inputEmail.focus()
|
|
|
|
|
: null
|
|
|
|
|
"
|
|
|
|
|
@blur="v$.aportador_solidario.$touch"
|
|
|
|
|
:error="v$.aportador_solidario.$error"
|
|
|
|
|
:error-message="
|
|
|
|
|
tools.errorMsg('aportador_solidario', v$.aportador_solidario)
|
|
|
|
|
"
|
|
|
|
|
maxlength="20"
|
|
|
|
|
debounce="1000"
|
|
|
|
|
:label="
|
|
|
|
|
collettivo
|
|
|
|
|
? t('reg.username_admin_collettivo')
|
|
|
|
|
: t('reg.aportador_solidario')
|
|
|
|
|
"
|
|
|
|
|
>
|
|
|
|
|
<template v-slot:prepend>
|
|
|
|
|
<q-icon name="person" />
|
|
|
|
|
</template>
|
|
|
|
|
</q-input>
|
|
|
|
|
<div style="margin-top: 5px"></div>
|
|
|
|
|
|
|
|
|
|
<q-input
|
|
|
|
|
ref="inputEmail"
|
|
|
|
|
v-model="signup.email"
|
|
|
|
|
rounded
|
|
|
|
|
outlined
|
|
|
|
|
@update:model-value="changeemail()"
|
|
|
|
|
maxlength="50"
|
|
|
|
|
v-on:keyup.enter="!checkifDisabled ? $refs.carousel.next() : null"
|
|
|
|
|
debounce="2000"
|
|
|
|
|
:rules="[myRuleEmail]"
|
|
|
|
|
:label="collettivo ? t('reg.email_reg_collettivo') : t('reg.email_reg')"
|
|
|
|
|
>
|
|
|
|
|
<template v-slot:prepend>
|
|
|
|
|
<q-icon name="email" />
|
|
|
|
|
</template>
|
|
|
|
|
</q-input>
|
|
|
|
|
</div>
|
|
|
|
|
</q-carousel-slide>
|
|
|
|
|
<q-carousel-slide name="2">
|
|
|
|
|
<div class="cosa_chiedere">{{ t('reg.scegli_username') }}</div>
|
|
|
|
|
<q-input
|
|
|
|
|
ref="inputUsername"
|
|
|
|
|
v-model="signup.username"
|
|
|
|
|
:readonly="
|
|
|
|
|
tools.getAskToVerifyReg() && !site.confpages?.enableRegMultiChoice
|
|
|
|
|
"
|
|
|
|
|
rounded
|
|
|
|
|
outlined
|
|
|
|
|
@blur="v$.username.$touch"
|
|
|
|
|
@update:model-value="changeusername"
|
|
|
|
|
:error="v$.username.$error"
|
|
|
|
|
@keydown.space="(event) => event.preventDefault()"
|
|
|
|
|
@keyup.enter="!v$.username.$error ? $refs.inputName.focus() : null"
|
|
|
|
|
maxlength="20"
|
|
|
|
|
debounce="500"
|
|
|
|
|
:error-message="
|
|
|
|
|
tools.errorMsg('username', v$.username) ||
|
|
|
|
|
(isalreadyReg ? 'L\'Username è gia stato registrato!' : '')
|
|
|
|
|
"
|
|
|
|
|
:label="
|
|
|
|
|
collettivo
|
|
|
|
|
? t('reg.username_reg_collettivo')
|
|
|
|
|
: tools.getConfSiteOptionEnabled(
|
|
|
|
|
shared_consts.ConfSite.askUSernameTelegramToTheReg
|
|
|
|
|
)
|
|
|
|
|
? t('reg.username_telegram')
|
|
|
|
|
: t('reg.username_reg')
|
|
|
|
|
"
|
|
|
|
|
>
|
|
|
|
|
<template v-slot:prepend>
|
|
|
|
|
<q-icon name="person" />
|
|
|
|
|
</template>
|
|
|
|
|
</q-input>
|
|
|
|
|
|
|
|
|
|
<div v-if="collettivo">
|
|
|
|
|
<q-input
|
|
|
|
|
ref="inputName"
|
|
|
|
|
v-model="signup.name"
|
|
|
|
|
rounded
|
|
|
|
|
outlined
|
|
|
|
|
@blur="v$.name.$touch"
|
|
|
|
|
:error="v$.name.$error"
|
|
|
|
|
maxlength="30"
|
|
|
|
|
debounce="1000"
|
|
|
|
|
v-on:keyup.enter="!checkifDisabled ? $refs.carousel.next() : null"
|
|
|
|
|
:error-message="tools.errorMsg('name', v$.name)"
|
|
|
|
|
:label="$t('reg.name_opt_collettivo')"
|
|
|
|
|
>
|
|
|
|
|
<template v-slot:prepend>
|
|
|
|
|
<q-icon name="person" />
|
|
|
|
|
</template>
|
|
|
|
|
</q-input>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div v-else-if="show_namesurname">
|
|
|
|
|
<q-input
|
|
|
|
|
ref="inputName"
|
|
|
|
|
v-model="signup.name"
|
|
|
|
|
rounded
|
|
|
|
|
outlined
|
|
|
|
|
@blur="v$.name.$touch"
|
|
|
|
|
:error="v$.name.$error"
|
|
|
|
|
maxlength="30"
|
|
|
|
|
debounce="1000"
|
|
|
|
|
@keyup.enter="$refs.inputSurname.focus()"
|
|
|
|
|
:error-message="tools.errorMsg('name', v$.name)"
|
|
|
|
|
:label="
|
|
|
|
|
tools.getConfSiteOptionEnabled(
|
|
|
|
|
shared_consts.ConfSite.regNameSurnameMandatory
|
|
|
|
|
)
|
|
|
|
|
? t('reg.name')
|
|
|
|
|
: t('reg.name_opt')
|
|
|
|
|
"
|
|
|
|
|
>
|
|
|
|
|
<template v-slot:prepend>
|
|
|
|
|
<q-icon name="person" />
|
|
|
|
|
</template>
|
|
|
|
|
</q-input>
|
|
|
|
|
|
|
|
|
|
<q-input
|
|
|
|
|
ref="inputSurname"
|
|
|
|
|
v-model="signup.surname"
|
|
|
|
|
rounded
|
|
|
|
|
outlined
|
|
|
|
|
:error="v$.surname.$error"
|
|
|
|
|
@blur="v$.surname.$touch"
|
|
|
|
|
maxlength="30"
|
|
|
|
|
debounce="1000"
|
|
|
|
|
v-on:keyup.enter="!checkifDisabled ? $refs.carousel.next() : null"
|
|
|
|
|
:error-message="tools.errorMsg('surname', v$.surname)"
|
|
|
|
|
:label="
|
|
|
|
|
tools.getConfSiteOptionEnabled(
|
|
|
|
|
shared_consts.ConfSite.regNameSurnameMandatory
|
|
|
|
|
)
|
|
|
|
|
? t('reg.surname')
|
|
|
|
|
: t('reg.surname_opt')
|
|
|
|
|
"
|
|
|
|
|
>
|
|
|
|
|
<template v-slot:prepend>
|
|
|
|
|
<q-icon name="person" />
|
|
|
|
|
</template>
|
|
|
|
|
</q-input>
|
|
|
|
|
</div>
|
|
|
|
|
</q-carousel-slide>
|
|
|
|
|
<q-carousel-slide name="3">
|
|
|
|
|
<div class="cosa_chiedere">{{ t('reg.scegli_password') }}</div>
|
|
|
|
|
<q-input
|
|
|
|
|
ref="inputPassword"
|
|
|
|
|
v-model="signup.password"
|
|
|
|
|
class="q-mb-md"
|
|
|
|
|
:type="typePassword"
|
|
|
|
|
rounded
|
|
|
|
|
outlined
|
|
|
|
|
@blur="v$.password.$touch"
|
|
|
|
|
:error="v$.password.$error"
|
|
|
|
|
:error-message="`${tools.errorMsg('password', v$.password)}`"
|
|
|
|
|
@keyup.enter="!v$.password.$error ? $refs.inputPassword2.focus() : null"
|
|
|
|
|
maxlength="30"
|
|
|
|
|
debounce="1000"
|
|
|
|
|
:label="$t('reg.password_reg')"
|
|
|
|
|
>
|
|
|
|
|
<template v-slot:append>
|
|
|
|
|
<q-btn
|
|
|
|
|
tabindex="-1"
|
|
|
|
|
:icon="
|
|
|
|
|
typePassword === `password` ? `fas fa-eye-slash` : `fas fa-eye`
|
2022-12-22 16:48:57 +01:00
|
|
|
"
|
2025-11-18 23:56:08 +01:00
|
|
|
@click="showPassword"
|
|
|
|
|
>
|
|
|
|
|
</q-btn>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:prepend>
|
|
|
|
|
<q-icon name="vpn_key" />
|
|
|
|
|
</template>
|
|
|
|
|
</q-input>
|
|
|
|
|
|
|
|
|
|
<q-input
|
|
|
|
|
ref="inputPassword2"
|
|
|
|
|
v-model="signup.repeatPassword"
|
|
|
|
|
:type="typePassword"
|
|
|
|
|
maxlength="30"
|
|
|
|
|
rounded
|
|
|
|
|
outlined
|
|
|
|
|
@blur="v$.repeatPassword.$touch"
|
|
|
|
|
:error="v$.repeatPassword.$error"
|
|
|
|
|
:error-message="`${tools.errorMsg('repeatpassword', v$.repeatPassword)}`"
|
|
|
|
|
v-on:keyup.enter="!checkifDisabled ? $refs.carousel.next() : null"
|
|
|
|
|
:label="$t('reg.repeatPassword')"
|
|
|
|
|
>
|
|
|
|
|
<template v-slot:append>
|
|
|
|
|
<q-btn
|
|
|
|
|
tabindex="-1"
|
|
|
|
|
:icon="
|
|
|
|
|
typePassword === `password` ? `fas fa-eye-slash` : `fas fa-eye`
|
2023-01-03 16:51:45 +01:00
|
|
|
"
|
2025-11-18 23:56:08 +01:00
|
|
|
@click="showPassword"
|
2022-12-17 14:12:04 +01:00
|
|
|
>
|
2025-11-18 23:56:08 +01:00
|
|
|
</q-btn>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:prepend>
|
|
|
|
|
<q-icon name="vpn_key" />
|
|
|
|
|
</template>
|
|
|
|
|
</q-input>
|
|
|
|
|
</q-carousel-slide>
|
|
|
|
|
<q-carousel-slide name="4">
|
|
|
|
|
<div>
|
|
|
|
|
<q-input
|
|
|
|
|
v-if="
|
|
|
|
|
showaportador &&
|
|
|
|
|
signup.aportador_solidario !== tools.APORTADOR_NONE &&
|
|
|
|
|
v$.aportador_solidario.$error
|
|
|
|
|
"
|
|
|
|
|
ref="inputAportador"
|
|
|
|
|
bg-color="light-blue-4"
|
|
|
|
|
:readonly="!!ap_iniziale"
|
|
|
|
|
v-model="signup.aportador_solidario"
|
|
|
|
|
rounded
|
|
|
|
|
outlined
|
|
|
|
|
@keyup.enter="
|
|
|
|
|
v$.aportador_solidario.$touch && !v$.aportador_solidario.$error
|
|
|
|
|
? $refs.inputEmail.focus()
|
|
|
|
|
: null
|
|
|
|
|
"
|
|
|
|
|
@blur="v$.aportador_solidario.$touch"
|
|
|
|
|
:error="v$.aportador_solidario.$error"
|
|
|
|
|
:error-message="
|
|
|
|
|
tools.errorMsg('aportador_solidario', v$.aportador_solidario)
|
|
|
|
|
"
|
|
|
|
|
maxlength="20"
|
|
|
|
|
debounce="1000"
|
|
|
|
|
:label="
|
|
|
|
|
collettivo
|
|
|
|
|
? t('reg.username_admin_collettivo')
|
|
|
|
|
: t('reg.aportador_solidario')
|
|
|
|
|
"
|
|
|
|
|
>
|
|
|
|
|
<template v-slot:prepend>
|
|
|
|
|
<q-icon name="person" />
|
|
|
|
|
</template>
|
|
|
|
|
</q-input>
|
|
|
|
|
<div style="margin-top: 5px"></div>
|
|
|
|
|
|
|
|
|
|
<q-input
|
|
|
|
|
ref="inputEmail"
|
|
|
|
|
v-model="signup.email"
|
|
|
|
|
rounded
|
|
|
|
|
outlined
|
|
|
|
|
@update:model-value="changeemail()"
|
|
|
|
|
maxlength="50"
|
|
|
|
|
v-on:keyup.enter="!checkifDisabled ? $refs.carousel.next() : null"
|
|
|
|
|
debounce="2000"
|
|
|
|
|
:rules="[myRuleEmail]"
|
|
|
|
|
:label="collettivo ? t('reg.email_reg_collettivo') : t('reg.email_reg')"
|
|
|
|
|
>
|
|
|
|
|
<template v-slot:prepend>
|
|
|
|
|
<q-icon name="email" />
|
|
|
|
|
</template>
|
|
|
|
|
</q-input>
|
2022-03-12 22:21:40 +01:00
|
|
|
|
2025-11-18 23:56:08 +01:00
|
|
|
<q-input
|
|
|
|
|
ref="inputUsername"
|
|
|
|
|
v-model="signup.username"
|
|
|
|
|
:readonly="
|
|
|
|
|
tools.getAskToVerifyReg() && !site.confpages?.enableRegMultiChoice
|
|
|
|
|
"
|
|
|
|
|
rounded
|
|
|
|
|
outlined
|
|
|
|
|
@blur="v$.username.$touch"
|
|
|
|
|
@update:model-value="changeusername"
|
|
|
|
|
:error="v$.username.$error"
|
|
|
|
|
@keydown.space="(event) => event.preventDefault()"
|
|
|
|
|
@keyup.enter="!v$.username.$error ? $refs.inputName.focus() : null"
|
|
|
|
|
maxlength="20"
|
|
|
|
|
debounce="500"
|
|
|
|
|
:error-message="
|
|
|
|
|
tools.errorMsg('username', v$.username) ||
|
|
|
|
|
(isalreadyReg ? 'L\'Username è gia stato registrato!' : '')
|
|
|
|
|
"
|
|
|
|
|
:label="
|
|
|
|
|
tools.getConfSiteOptionEnabled(
|
|
|
|
|
shared_consts.ConfSite.askUSernameTelegramToTheReg
|
|
|
|
|
)
|
|
|
|
|
? t('reg.username_telegram')
|
|
|
|
|
: t('reg.username_reg')
|
|
|
|
|
"
|
|
|
|
|
>
|
|
|
|
|
<template v-slot:prepend>
|
|
|
|
|
<q-icon name="person" />
|
|
|
|
|
</template>
|
|
|
|
|
</q-input>
|
|
|
|
|
|
|
|
|
|
<div v-if="collettivo">
|
2022-12-22 16:48:57 +01:00
|
|
|
<q-input
|
2025-11-18 23:56:08 +01:00
|
|
|
ref="inputName"
|
|
|
|
|
v-model="signup.name"
|
2022-12-22 16:48:57 +01:00
|
|
|
rounded
|
|
|
|
|
outlined
|
2025-11-18 23:56:08 +01:00
|
|
|
@blur="v$.name.$touch"
|
|
|
|
|
:error="v$.name.$error"
|
|
|
|
|
maxlength="30"
|
|
|
|
|
debounce="1000"
|
2025-11-15 19:38:39 +01:00
|
|
|
v-on:keyup.enter="!checkifDisabled ? $refs.carousel.next() : null"
|
2025-11-18 23:56:08 +01:00
|
|
|
:error-message="tools.errorMsg('name', v$.name)"
|
|
|
|
|
:label="$t('reg.name_opt_collettivo')"
|
2022-12-22 16:48:57 +01:00
|
|
|
>
|
|
|
|
|
<template v-slot:prepend>
|
2025-11-18 23:56:08 +01:00
|
|
|
<q-icon name="person" />
|
2022-12-22 16:48:57 +01:00
|
|
|
</template>
|
|
|
|
|
</q-input>
|
|
|
|
|
</div>
|
2022-08-15 15:10:00 +02:00
|
|
|
|
2025-11-18 23:56:08 +01:00
|
|
|
<div v-else-if="show_namesurname">
|
2023-01-03 16:51:45 +01:00
|
|
|
<q-input
|
2025-11-18 23:56:08 +01:00
|
|
|
v-if="signup.name"
|
|
|
|
|
ref="inputName"
|
|
|
|
|
v-model="signup.name"
|
2023-01-03 16:51:45 +01:00
|
|
|
rounded
|
|
|
|
|
outlined
|
2025-11-18 23:56:08 +01:00
|
|
|
@blur="v$.name.$touch"
|
|
|
|
|
:error="v$.name.$error"
|
|
|
|
|
maxlength="30"
|
|
|
|
|
debounce="1000"
|
|
|
|
|
@keyup.enter="$refs.inputSurname.focus()"
|
|
|
|
|
:error-message="tools.errorMsg('name', v$.name)"
|
2025-11-15 19:38:39 +01:00
|
|
|
:label="
|
|
|
|
|
tools.getConfSiteOptionEnabled(
|
2025-11-18 23:56:08 +01:00
|
|
|
shared_consts.ConfSite.regNameSurnameMandatory
|
2025-11-15 19:38:39 +01:00
|
|
|
)
|
2025-11-18 23:56:08 +01:00
|
|
|
? t('reg.name')
|
|
|
|
|
: t('reg.name_opt')
|
2023-01-03 16:51:45 +01:00
|
|
|
"
|
|
|
|
|
>
|
|
|
|
|
<template v-slot:prepend>
|
2025-11-18 23:56:08 +01:00
|
|
|
<q-icon name="person" />
|
2023-01-03 16:51:45 +01:00
|
|
|
</template>
|
|
|
|
|
</q-input>
|
2025-11-15 19:38:39 +01:00
|
|
|
|
2025-11-18 23:56:08 +01:00
|
|
|
<q-input
|
|
|
|
|
v-if="signup.surname"
|
|
|
|
|
ref="inputSurname"
|
|
|
|
|
v-model="signup.surname"
|
|
|
|
|
rounded
|
|
|
|
|
outlined
|
|
|
|
|
:error="v$.surname.$error"
|
|
|
|
|
@blur="v$.surname.$touch"
|
|
|
|
|
maxlength="30"
|
|
|
|
|
debounce="1000"
|
|
|
|
|
v-on:keyup.enter="!checkifDisabled ? $refs.carousel.next() : null"
|
|
|
|
|
:error-message="tools.errorMsg('surname', v$.surname)"
|
|
|
|
|
:label="$t('reg.surname_opt')"
|
2025-11-15 19:38:39 +01:00
|
|
|
>
|
2025-11-18 23:56:08 +01:00
|
|
|
<template v-slot:prepend>
|
|
|
|
|
<q-icon name="person" />
|
|
|
|
|
</template>
|
|
|
|
|
</q-input>
|
2022-12-22 16:48:57 +01:00
|
|
|
<q-input
|
2025-11-18 23:56:08 +01:00
|
|
|
v-if="false"
|
2025-11-15 19:38:39 +01:00
|
|
|
ref="inputPassword"
|
|
|
|
|
v-model="signup.password"
|
|
|
|
|
:type="typePassword"
|
2022-12-22 16:48:57 +01:00
|
|
|
rounded
|
|
|
|
|
outlined
|
2025-11-15 19:38:39 +01:00
|
|
|
@blur="v$.password.$touch"
|
|
|
|
|
:error="v$.password.$error"
|
2025-11-18 23:56:08 +01:00
|
|
|
:error-message="`${tools.errorMsg('password', v$.password)}`"
|
2025-11-15 19:38:39 +01:00
|
|
|
@keyup.enter="
|
|
|
|
|
!v$.password.$error ? $refs.inputPassword2.focus() : null
|
|
|
|
|
"
|
2022-12-22 16:48:57 +01:00
|
|
|
maxlength="30"
|
|
|
|
|
debounce="1000"
|
2025-11-15 19:38:39 +01:00
|
|
|
:label="$t('reg.password_reg')"
|
2022-12-22 16:48:57 +01:00
|
|
|
>
|
2025-11-15 19:38:39 +01:00
|
|
|
<template v-slot:append>
|
|
|
|
|
<q-btn
|
|
|
|
|
tabindex="-1"
|
|
|
|
|
:icon="
|
2025-11-18 23:56:08 +01:00
|
|
|
typePassword === `password` ? `fas fa-eye-slash` : `fas fa-eye`
|
2025-11-15 19:38:39 +01:00
|
|
|
"
|
|
|
|
|
@click="showPassword"
|
2025-11-18 23:56:08 +01:00
|
|
|
>
|
|
|
|
|
</q-btn>
|
2022-12-22 16:48:57 +01:00
|
|
|
</template>
|
|
|
|
|
<template v-slot:prepend>
|
2025-11-18 23:56:08 +01:00
|
|
|
<q-icon name="vpn_key" />
|
2022-12-22 16:48:57 +01:00
|
|
|
</template>
|
|
|
|
|
</q-input>
|
2025-11-18 23:56:08 +01:00
|
|
|
</div>
|
2022-08-15 15:10:00 +02:00
|
|
|
|
2025-11-18 23:56:08 +01:00
|
|
|
<q-input
|
|
|
|
|
ref="inputPassword2"
|
|
|
|
|
v-if="false"
|
|
|
|
|
v-model="signup.repeatPassword"
|
|
|
|
|
:type="typePassword"
|
|
|
|
|
maxlength="30"
|
|
|
|
|
rounded
|
|
|
|
|
outlined
|
|
|
|
|
@blur="v$.repeatPassword.$touch"
|
|
|
|
|
:error="v$.repeatPassword.$error"
|
|
|
|
|
:error-message="`${tools.errorMsg('repeatpassword', v$.repeatPassword)}`"
|
|
|
|
|
v-on:keyup.enter="!checkifDisabled ? $refs.carousel.next() : null"
|
|
|
|
|
:label="$t('reg.repeatPassword')"
|
|
|
|
|
>
|
|
|
|
|
<template v-slot:append>
|
|
|
|
|
<q-btn
|
|
|
|
|
tabindex="-1"
|
|
|
|
|
:icon="
|
|
|
|
|
typePassword === `password` ? `fas fa-eye-slash` : `fas fa-eye`
|
|
|
|
|
"
|
|
|
|
|
@click="showPassword"
|
|
|
|
|
>
|
|
|
|
|
</q-btn>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:prepend>
|
|
|
|
|
<q-icon name="vpn_key" />
|
|
|
|
|
</template>
|
|
|
|
|
</q-input>
|
2022-08-15 15:10:00 +02:00
|
|
|
|
2025-11-18 23:56:08 +01:00
|
|
|
<div class="text-center">
|
|
|
|
|
<q-btn
|
|
|
|
|
label="Mostra Privacy"
|
|
|
|
|
@click="showpolicy = true"
|
|
|
|
|
></q-btn>
|
|
|
|
|
</div>
|
2022-12-22 16:48:57 +01:00
|
|
|
|
2025-11-18 23:56:08 +01:00
|
|
|
<q-checkbox
|
|
|
|
|
v-model="signup.terms"
|
|
|
|
|
color="secondary"
|
|
|
|
|
@blur="v$.terms.$touch"
|
|
|
|
|
:error="v$.terms.$error"
|
|
|
|
|
:error-message="`${tools.errorMsg('terms', v$.terms)}`"
|
|
|
|
|
:label="$t('reg.terms')"
|
|
|
|
|
>
|
|
|
|
|
</q-checkbox>
|
2022-12-22 16:48:57 +01:00
|
|
|
|
2025-11-18 23:56:08 +01:00
|
|
|
<div class="column">
|
|
|
|
|
<q-btn
|
|
|
|
|
rounded
|
|
|
|
|
size="lg"
|
|
|
|
|
color="positive"
|
|
|
|
|
@click="submitOk"
|
|
|
|
|
:label="$t('reg.submit')"
|
|
|
|
|
>
|
|
|
|
|
</q-btn>
|
|
|
|
|
<br />
|
2022-12-22 16:48:57 +01:00
|
|
|
</div>
|
2025-11-15 19:38:39 +01:00
|
|
|
</div>
|
|
|
|
|
</q-carousel-slide>
|
|
|
|
|
</q-carousel>
|
2022-12-22 16:48:57 +01:00
|
|
|
|
2025-11-18 23:56:08 +01:00
|
|
|
<div class="row justify-center">
|
|
|
|
|
<q-btn-toggle
|
|
|
|
|
v-if="!signup.terms"
|
|
|
|
|
glossy
|
|
|
|
|
v-model="slide"
|
|
|
|
|
:options="[
|
|
|
|
|
{ label: 1, value: '1' },
|
|
|
|
|
{ label: 2, value: '2' },
|
|
|
|
|
{ label: 3, value: '3' },
|
|
|
|
|
{ label: 4, value: '4' },
|
|
|
|
|
]"
|
|
|
|
|
/>
|
2022-08-15 15:10:00 +02:00
|
|
|
</div>
|
2022-03-09 14:53:17 +01:00
|
|
|
</div>
|
2021-09-04 15:05:34 +02:00
|
|
|
</div>
|
2025-11-18 23:56:08 +01:00
|
|
|
<div v-else-if="isalreadyReg && !collettivo">
|
|
|
|
|
<q-banner
|
|
|
|
|
class="bg-negative text-white text-h5"
|
|
|
|
|
transition-show="jump-down"
|
|
|
|
|
>
|
|
|
|
|
Utente già registrato con l'username {{ signup.username }}
|
|
|
|
|
</q-banner>
|
2022-11-02 14:59:32 +01:00
|
|
|
</div>
|
2021-09-04 15:05:34 +02:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
2025-11-15 19:38:39 +01:00
|
|
|
<script lang="ts" src="./CSignUp.ts"></script>
|
2021-09-04 15:05:34 +02:00
|
|
|
<style lang="scss" scoped>
|
2022-02-08 23:06:22 +01:00
|
|
|
@import './CSignUp.scss';
|
2021-09-04 15:05:34 +02:00
|
|
|
</style>
|
