Registrazione: far comparire tutti i campi una volta inseriti... cosi comparirà l'errore
This commit is contained in:
Surya Paolo
@@ -442,7 +442,7 @@
|
|||||||
<div v-else-if="myel.type === shared_consts.ELEMTYPE.REGISTRATION">
|
<div v-else-if="myel.type === shared_consts.ELEMTYPE.REGISTRATION">
|
||||||
<div v-if="editOn" class="elemEdit">Registrazione</div>
|
<div v-if="editOn" class="elemEdit">Registrazione</div>
|
||||||
|
|
||||||
<div v-if="true">
|
<div>
|
||||||
<CRegistration />
|
<CRegistration />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -14,6 +14,15 @@
|
|||||||
:label="$t('reg.submit')"
|
:label="$t('reg.submit')"
|
||||||
>
|
>
|
||||||
</q-btn>
|
</q-btn>
|
||||||
|
<q-btn
|
||||||
|
color="blue"
|
||||||
|
label="pippo"
|
||||||
|
type="a"
|
||||||
|
size="sm"
|
||||||
|
href="http://pippo.it"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
</q-btn>
|
||||||
</div>
|
</div>
|
||||||
<q-carousel
|
<q-carousel
|
||||||
v-if="start"
|
v-if="start"
|
||||||
@@ -99,45 +108,38 @@
|
|||||||
<div
|
<div
|
||||||
v-if="site.confpages.enableRegMultiChoice"
|
v-if="site.confpages.enableRegMultiChoice"
|
||||||
style=""
|
style=""
|
||||||
class="row q-ma-sm centermydiv2 q-pa-sm justify-center"
|
class="column q-ma-sm centermydiv2 q-pa-sm justify-center"
|
||||||
>
|
>
|
||||||
<span
|
<q-btn
|
||||||
v-if="!invited"
|
rounded
|
||||||
:class="
|
type="a"
|
||||||
($q.dark.isActive ? `text-white` : `text-black`) +
|
class="col-xs-12 col-sm-6 flex-item-btn items-center"
|
||||||
` text-h7`
|
icon="fab fa-telegram"
|
||||||
|
size="md"
|
||||||
|
color="primary"
|
||||||
|
:href="
|
||||||
|
invited
|
||||||
|
? tools.getLinkBotTelegram(invited, regexpire)
|
||||||
|
: `/bot`
|
||||||
"
|
"
|
||||||
>Chiedi alla persona che ti ha invitato su RISO il suo
|
:label="$t('reg.bytelegram')"
|
||||||
<strong>Username</strong></span
|
|
||||||
>
|
>
|
||||||
<div class="row items-center">
|
<q-badge color="red" align="bottom" floating
|
||||||
<div class="col-12">
|
>Consigliato</q-badge
|
||||||
<q-btn
|
>
|
||||||
rounded
|
</q-btn>
|
||||||
type="a"
|
|
||||||
class="flex-item-btn"
|
|
||||||
icon="fab fa-telegram"
|
|
||||||
size="md"
|
|
||||||
color="primary"
|
|
||||||
:href="invited ? tools.getLinkBotTelegram(invited, regexpire) : `/bot`"
|
|
||||||
:label="$t('reg.bytelegram')"
|
|
||||||
>
|
|
||||||
<q-badge color="red" align="bottom" floating
|
|
||||||
>Consigliato</q-badge
|
|
||||||
>
|
|
||||||
</q-btn>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
<div
|
||||||
:class="
|
:class="
|
||||||
$q.dark.isActive ? `text-white` : `text-black` + ` col-12`
|
$q.dark.isActive
|
||||||
|
? `text-white`
|
||||||
|
: `text-black` + ` col-12 text-center`
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
oppure se non riesci ad installare Telegram:
|
se non riesci ad installare Telegram:
|
||||||
</div>
|
</div>
|
||||||
<q-btn
|
<q-btn
|
||||||
rounded
|
rounded
|
||||||
class="flex-item-btn"
|
class="flex-item-btn col-xs-12 col-sm-6"
|
||||||
outline
|
outline
|
||||||
icon="fas fa-envelope"
|
icon="fas fa-envelope"
|
||||||
size="md"
|
size="md"
|
||||||
|
|||||||
@@ -119,13 +119,13 @@ export default defineComponent({
|
|||||||
const site = computed(() => globalStore.site)
|
const site = computed(() => globalStore.site)
|
||||||
|
|
||||||
const signup = reactive(<ISignupOptions>{
|
const signup = reactive(<ISignupOptions>{
|
||||||
email: process.env.TEST_EMAIL || '',
|
email: '',
|
||||||
username: process.env.TEST_USERNAME || '',
|
username: '',
|
||||||
name: '',
|
name: '',
|
||||||
surname: '',
|
surname: '',
|
||||||
password: process.env.TEST_PASSWORD || '',
|
password: '',
|
||||||
repeatPassword: process.env.TEST_PASSWORD || '',
|
repeatPassword: '',
|
||||||
terms: !process.env.PROD,
|
terms: false,
|
||||||
profile: DefaultProfile,
|
profile: DefaultProfile,
|
||||||
aportador_solidario: '',
|
aportador_solidario: '',
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -72,169 +72,122 @@
|
|||||||
<br /><br />
|
<br /><br />
|
||||||
</div>
|
</div>
|
||||||
<div v-else>
|
<div v-else>
|
||||||
<q-carousel
|
<div v-if="signup.terms">
|
||||||
v-model="slide"
|
<q-input
|
||||||
ref="carousel"
|
v-if="
|
||||||
transition-prev="slide-right"
|
showaportador &&
|
||||||
transition-next="slide-left"
|
signup.aportador_solidario !== tools.APORTADOR_NONE
|
||||||
animated
|
"
|
||||||
swipeable
|
ref="inputAportador"
|
||||||
:class="`shadow-1`"
|
bg-color="lightblue"
|
||||||
>
|
:readonly="!!ap_iniziale"
|
||||||
<template v-slot:control>
|
v-model="signup.aportador_solidario"
|
||||||
<q-carousel-control
|
rounded
|
||||||
position="bottom-right"
|
outlined
|
||||||
:offset="[18, 18]"
|
@keyup.enter="
|
||||||
class="q-gutter-xs"
|
v$.aportador_solidario.$touch && !v$.aportador_solidario.$error
|
||||||
>
|
? $refs.inputEmail.focus()
|
||||||
<q-btn
|
: null
|
||||||
v-if="slide !== '1'"
|
"
|
||||||
push
|
@blur="v$.aportador_solidario.$touch"
|
||||||
text-color="black"
|
:error="v$.aportador_solidario.$error"
|
||||||
icon="arrow_left"
|
:error-message="
|
||||||
label="Indietro"
|
tools.errorMsg('aportador_solidario', v$.aportador_solidario)
|
||||||
@click="$refs.carousel.previous()"
|
"
|
||||||
/>
|
maxlength="20"
|
||||||
<q-btn
|
debounce="1000"
|
||||||
v-if="slide !== '4'"
|
:label="$t('reg.aportador_solidario')"
|
||||||
push
|
>
|
||||||
color="primary"
|
<template v-slot:prepend>
|
||||||
icon="arrow_right"
|
<q-icon name="person" />
|
||||||
label="Avanti"
|
</template>
|
||||||
:disabled="checkifDisabled"
|
</q-input>
|
||||||
@click="!checkifDisabled ? $refs.carousel.next() : null"
|
<div style="margin-top: 5px"></div>
|
||||||
/>
|
|
||||||
</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="lightblue"
|
|
||||||
: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="$t('reg.aportador_solidario')"
|
|
||||||
>
|
|
||||||
<template v-slot:prepend>
|
|
||||||
<q-icon name="person" />
|
|
||||||
</template>
|
|
||||||
</q-input>
|
|
||||||
<div style="margin-top: 5px"></div>
|
|
||||||
|
|
||||||
<q-input
|
<q-input
|
||||||
ref="inputEmail"
|
ref="inputEmail"
|
||||||
v-model="signup.email"
|
v-model="signup.email"
|
||||||
rounded
|
rounded
|
||||||
outlined
|
outlined
|
||||||
@update:model-value="changeemail()"
|
@update:model-value="changeemail()"
|
||||||
maxlength="50"
|
maxlength="50"
|
||||||
v-on:keyup.enter="
|
v-on:keyup.enter="!checkifDisabled ? $refs.carousel.next() : null"
|
||||||
!checkifDisabled ? $refs.carousel.next() : null
|
debounce="2000"
|
||||||
"
|
:rules="[myRuleEmail]"
|
||||||
debounce="2000"
|
:label="$t('reg.email_reg')"
|
||||||
:rules="[myRuleEmail]"
|
>
|
||||||
:label="$t('reg.email_reg')"
|
<template v-slot:prepend>
|
||||||
>
|
<q-icon name="email" />
|
||||||
<template v-slot:prepend>
|
</template>
|
||||||
<q-icon name="email" />
|
</q-input>
|
||||||
</template>
|
|
||||||
</q-input>
|
<q-input
|
||||||
</div>
|
ref="inputUsername"
|
||||||
</q-carousel-slide>
|
v-model="signup.username"
|
||||||
<q-carousel-slide name="2">
|
:readonly="
|
||||||
<div class="cosa_chiedere">{{ $t('reg.scegli_username') }}</div>
|
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="$t('reg.username_reg')"
|
||||||
|
>
|
||||||
|
<template v-slot:prepend>
|
||||||
|
<q-icon name="person" />
|
||||||
|
</template>
|
||||||
|
</q-input>
|
||||||
|
|
||||||
|
<div v-if="show_namesurname">
|
||||||
<q-input
|
<q-input
|
||||||
ref="inputUsername"
|
ref="inputName"
|
||||||
v-model="signup.username"
|
v-model="signup.name"
|
||||||
:readonly="
|
|
||||||
tools.getAskToVerifyReg() &&
|
|
||||||
!site.confpages.enableRegMultiChoice
|
|
||||||
"
|
|
||||||
rounded
|
rounded
|
||||||
outlined
|
outlined
|
||||||
@blur="v$.username.$touch"
|
@blur="v$.name.$touch"
|
||||||
@update:model-value="changeusername"
|
:error="v$.name.$error"
|
||||||
:error="v$.username.$error"
|
maxlength="30"
|
||||||
@keydown.space="(event) => event.preventDefault()"
|
debounce="1000"
|
||||||
@keyup.enter="
|
@keyup.enter="$refs.inputSurname.focus()"
|
||||||
!v$.username.$error ? $refs.inputName.focus() : null
|
:error-message="tools.errorMsg('name', v$.name)"
|
||||||
"
|
:label="$t('reg.name_opt')"
|
||||||
maxlength="20"
|
|
||||||
debounce="500"
|
|
||||||
:error-message="
|
|
||||||
tools.errorMsg('username', v$.username) ||
|
|
||||||
(isalreadyReg ? 'L\'Username è gia stato registrato!' : '')
|
|
||||||
"
|
|
||||||
:label="$t('reg.username_reg')"
|
|
||||||
>
|
>
|
||||||
<template v-slot:prepend>
|
<template v-slot:prepend>
|
||||||
<q-icon name="person" />
|
<q-icon name="person" />
|
||||||
</template>
|
</template>
|
||||||
</q-input>
|
</q-input>
|
||||||
|
|
||||||
<div v-if="show_namesurname">
|
<q-input
|
||||||
<q-input
|
ref="inputSurname"
|
||||||
ref="inputName"
|
v-model="signup.surname"
|
||||||
v-model="signup.name"
|
rounded
|
||||||
rounded
|
outlined
|
||||||
outlined
|
:error="v$.surname.$error"
|
||||||
@blur="v$.name.$touch"
|
@blur="v$.surname.$touch"
|
||||||
:error="v$.name.$error"
|
maxlength="30"
|
||||||
maxlength="30"
|
debounce="1000"
|
||||||
debounce="1000"
|
v-on:keyup.enter="
|
||||||
@keyup.enter="$refs.inputSurname.focus()"
|
!checkifDisabled ? $refs.carousel.next() : null
|
||||||
:error-message="tools.errorMsg('name', v$.name)"
|
"
|
||||||
:label="$t('reg.name_opt')"
|
:error-message="tools.errorMsg('surname', v$.surname)"
|
||||||
>
|
:label="$t('reg.surname_opt')"
|
||||||
<template v-slot:prepend>
|
>
|
||||||
<q-icon name="person" />
|
<template v-slot:prepend>
|
||||||
</template>
|
<q-icon name="person" />
|
||||||
</q-input>
|
</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="$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
|
<q-input
|
||||||
ref="inputPassword"
|
ref="inputPassword"
|
||||||
v-model="signup.password"
|
v-model="signup.password"
|
||||||
@@ -267,162 +220,397 @@
|
|||||||
<q-icon name="vpn_key" />
|
<q-icon name="vpn_key" />
|
||||||
</template>
|
</template>
|
||||||
</q-input>
|
</q-input>
|
||||||
|
</div>
|
||||||
|
|
||||||
<q-input
|
<q-input
|
||||||
ref="inputPassword2"
|
ref="inputPassword2"
|
||||||
v-model="signup.repeatPassword"
|
v-model="signup.repeatPassword"
|
||||||
:type="typePassword"
|
:type="typePassword"
|
||||||
maxlength="30"
|
maxlength="30"
|
||||||
rounded
|
rounded
|
||||||
outlined
|
outlined
|
||||||
@blur="v$.repeatPassword.$touch"
|
@blur="v$.repeatPassword.$touch"
|
||||||
:error="v$.repeatPassword.$error"
|
:error="v$.repeatPassword.$error"
|
||||||
:error-message="`${tools.errorMsg(
|
:error-message="`${tools.errorMsg(
|
||||||
'repeatpassword',
|
'repeatpassword',
|
||||||
v$.repeatPassword
|
v$.repeatPassword
|
||||||
)}`"
|
)}`"
|
||||||
v-on:keyup.enter="
|
v-on:keyup.enter="!checkifDisabled ? $refs.carousel.next() : null"
|
||||||
!checkifDisabled ? $refs.carousel.next() : null
|
:label="$t('reg.repeatPassword')"
|
||||||
"
|
>
|
||||||
:label="$t('reg.repeatPassword')"
|
<template v-slot:append>
|
||||||
>
|
|
||||||
<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>
|
|
||||||
</q-carousel-slide>
|
|
||||||
<q-carousel-slide name="4">
|
|
||||||
<q-input
|
|
||||||
v-if="shownationality"
|
|
||||||
v-model="countryname"
|
|
||||||
:readonly="true"
|
|
||||||
rounded
|
|
||||||
outlined
|
|
||||||
debounce="1000"
|
|
||||||
:label="$t('reg.nationality')"
|
|
||||||
>
|
|
||||||
<template v-slot:prepend>
|
|
||||||
<!--<vue-country-code
|
|
||||||
@onSelect="selectcountry"
|
|
||||||
:preferredCountries="tools.getprefCountries"
|
|
||||||
:dropdownOptions="{ disabledDialCode: true }"
|
|
||||||
>
|
|
||||||
|
|
||||||
</vue-country-code>-->
|
|
||||||
</template>
|
|
||||||
</q-input>
|
|
||||||
|
|
||||||
<!--<vue-tel-input
|
|
||||||
v-if="showcell"
|
|
||||||
@country-changed="intcode_change()"
|
|
||||||
:value="signup.profile.cell"
|
|
||||||
:placeholder="$t('reg.cell')"
|
|
||||||
maxlength="20"
|
|
||||||
:enabledCountryCode="true"
|
|
||||||
inputClasses="clCell"
|
|
||||||
wrapperClasses="clCellCode">
|
|
||||||
</vue-tel-input>-->
|
|
||||||
|
|
||||||
<div class="text-center">
|
|
||||||
<q-btn
|
<q-btn
|
||||||
label="Mostra Privacy"
|
tabindex="-1"
|
||||||
@click="showpolicy = true"
|
:icon="
|
||||||
></q-btn>
|
typePassword === `password`
|
||||||
</div>
|
? `fas fa-eye-slash`
|
||||||
|
: `fas fa-eye`
|
||||||
<q-dialog v-model="showpolicy">
|
"
|
||||||
<q-card class="dialog_card">
|
@click="showPassword"
|
||||||
<q-toolbar class="bg-primary text-white">
|
|
||||||
<q-toolbar-title> Privacy Policy </q-toolbar-title>
|
|
||||||
<q-btn
|
|
||||||
flat
|
|
||||||
round
|
|
||||||
color="white"
|
|
||||||
icon="close"
|
|
||||||
v-close-popup
|
|
||||||
></q-btn>
|
|
||||||
</q-toolbar>
|
|
||||||
<q-card-section class="inset-shadow">
|
|
||||||
<PagePolicy
|
|
||||||
v-if="site.policy"
|
|
||||||
:owneremail="site.policy.owneremail"
|
|
||||||
:siteName="site.policy.siteName"
|
|
||||||
:ownerDataName="site.policy.ownerDataName"
|
|
||||||
:managerData="site.policy.managerData"
|
|
||||||
:includeData="site.policy.includeData"
|
|
||||||
:url="site.policy.url"
|
|
||||||
:lastdataupdate="site.policy.lastdataupdate"
|
|
||||||
:country="site.policy.country"
|
|
||||||
>
|
|
||||||
</PagePolicy>
|
|
||||||
</q-card-section>
|
|
||||||
</q-card>
|
|
||||||
</q-dialog>
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
<q-checkbox
|
|
||||||
v-if="showadultcheck"
|
|
||||||
v-model="iamadult"
|
|
||||||
color="secondary"
|
|
||||||
:label="$t('reg.onlyadult')"
|
|
||||||
>
|
|
||||||
</q-checkbox>
|
|
||||||
|
|
||||||
<div v-if="showadultcheck">
|
|
||||||
<br />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="column">
|
|
||||||
<q-btn
|
|
||||||
rounded
|
|
||||||
size="lg"
|
|
||||||
color="positive"
|
|
||||||
@click="submitOk"
|
|
||||||
:disabled="!allowSubmit()"
|
|
||||||
:label="$t('reg.submit')"
|
|
||||||
>
|
>
|
||||||
</q-btn>
|
</q-btn>
|
||||||
</div>
|
</template>
|
||||||
<br />
|
<template v-slot:prepend>
|
||||||
<!--
|
<q-icon name="vpn_key" />
|
||||||
Già registrato?
|
</template>
|
||||||
|
</q-input>
|
||||||
|
|
||||||
|
<div class="column">
|
||||||
<q-btn
|
<q-btn
|
||||||
class="q-ma-sm"
|
rounded
|
||||||
text-color="black"
|
size="lg"
|
||||||
color="white"
|
color="positive"
|
||||||
icon="fas fa-home"
|
@click="submitOk"
|
||||||
label="Accedi"
|
:disabled="!allowSubmit()"
|
||||||
to="/"
|
:label="$t('reg.submit')"
|
||||||
size="sm"
|
>
|
||||||
></q-btn>
|
</q-btn>
|
||||||
<br /><br /><br />
|
<br>
|
||||||
-->
|
</div>
|
||||||
</q-carousel-slide>
|
</div>
|
||||||
</q-carousel>
|
<div v-else>
|
||||||
|
<q-carousel
|
||||||
|
v-model="slide"
|
||||||
|
ref="carousel"
|
||||||
|
transition-prev="slide-right"
|
||||||
|
transition-next="slide-left"
|
||||||
|
animated
|
||||||
|
swipeable
|
||||||
|
:class="`shadow-1`"
|
||||||
|
>
|
||||||
|
<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="Indietro"
|
||||||
|
@click="$refs.carousel.previous()"
|
||||||
|
/>
|
||||||
|
<q-btn
|
||||||
|
v-if="slide !== '4'"
|
||||||
|
push
|
||||||
|
color="primary"
|
||||||
|
icon="arrow_right"
|
||||||
|
label="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="lightblue"
|
||||||
|
: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="$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="$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="$t('reg.username_reg')"
|
||||||
|
>
|
||||||
|
<template v-slot:prepend>
|
||||||
|
<q-icon name="person" />
|
||||||
|
</template>
|
||||||
|
</q-input>
|
||||||
|
|
||||||
|
<div v-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="$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="$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"
|
||||||
|
: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`
|
||||||
|
"
|
||||||
|
@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`
|
||||||
|
"
|
||||||
|
@click="showPassword"
|
||||||
|
>
|
||||||
|
</q-btn>
|
||||||
|
</template>
|
||||||
|
<template v-slot:prepend>
|
||||||
|
<q-icon name="vpn_key" />
|
||||||
|
</template>
|
||||||
|
</q-input>
|
||||||
|
</q-carousel-slide>
|
||||||
|
<q-carousel-slide name="4">
|
||||||
|
<q-input
|
||||||
|
v-if="shownationality"
|
||||||
|
v-model="countryname"
|
||||||
|
:readonly="true"
|
||||||
|
rounded
|
||||||
|
outlined
|
||||||
|
debounce="1000"
|
||||||
|
:label="$t('reg.nationality')"
|
||||||
|
>
|
||||||
|
<template v-slot:prepend>
|
||||||
|
<!--<vue-country-code
|
||||||
|
@onSelect="selectcountry"
|
||||||
|
:preferredCountries="tools.getprefCountries"
|
||||||
|
:dropdownOptions="{ disabledDialCode: true }"
|
||||||
|
>
|
||||||
|
|
||||||
|
</vue-country-code>-->
|
||||||
|
</template>
|
||||||
|
</q-input>
|
||||||
|
|
||||||
|
<!--<vue-tel-input
|
||||||
|
v-if="showcell"
|
||||||
|
@country-changed="intcode_change()"
|
||||||
|
:value="signup.profile.cell"
|
||||||
|
:placeholder="$t('reg.cell')"
|
||||||
|
maxlength="20"
|
||||||
|
:enabledCountryCode="true"
|
||||||
|
inputClasses="clCell"
|
||||||
|
wrapperClasses="clCellCode">
|
||||||
|
</vue-tel-input>-->
|
||||||
|
|
||||||
|
<div class="text-center">
|
||||||
|
<q-btn
|
||||||
|
label="Mostra Privacy"
|
||||||
|
@click="showpolicy = true"
|
||||||
|
></q-btn>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<q-dialog v-model="showpolicy">
|
||||||
|
<q-card class="dialog_card">
|
||||||
|
<q-toolbar class="bg-primary text-white">
|
||||||
|
<q-toolbar-title> Privacy Policy </q-toolbar-title>
|
||||||
|
<q-btn
|
||||||
|
flat
|
||||||
|
round
|
||||||
|
color="white"
|
||||||
|
icon="close"
|
||||||
|
v-close-popup
|
||||||
|
></q-btn>
|
||||||
|
</q-toolbar>
|
||||||
|
<q-card-section class="inset-shadow">
|
||||||
|
<PagePolicy
|
||||||
|
v-if="site.policy"
|
||||||
|
:owneremail="site.policy.owneremail"
|
||||||
|
:siteName="site.policy.siteName"
|
||||||
|
:ownerDataName="site.policy.ownerDataName"
|
||||||
|
:managerData="site.policy.managerData"
|
||||||
|
:includeData="site.policy.includeData"
|
||||||
|
:url="site.policy.url"
|
||||||
|
:lastdataupdate="site.policy.lastdataupdate"
|
||||||
|
:country="site.policy.country"
|
||||||
|
>
|
||||||
|
</PagePolicy>
|
||||||
|
</q-card-section>
|
||||||
|
</q-card>
|
||||||
|
</q-dialog>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<q-checkbox
|
||||||
|
v-if="showadultcheck"
|
||||||
|
v-model="iamadult"
|
||||||
|
color="secondary"
|
||||||
|
:label="$t('reg.onlyadult')"
|
||||||
|
>
|
||||||
|
</q-checkbox>
|
||||||
|
|
||||||
|
<div v-if="showadultcheck">
|
||||||
|
<br />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!--
|
||||||
|
Già registrato?
|
||||||
|
<q-btn
|
||||||
|
class="q-ma-sm"
|
||||||
|
text-color="black"
|
||||||
|
color="white"
|
||||||
|
icon="fas fa-home"
|
||||||
|
label="Accedi"
|
||||||
|
to="/"
|
||||||
|
size="sm"
|
||||||
|
></q-btn>
|
||||||
|
<br /><br /><br />
|
||||||
|
-->
|
||||||
|
</q-carousel-slide>
|
||||||
|
</q-carousel>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="row justify-center">
|
<div class="row justify-center">
|
||||||
<q-btn-toggle
|
<q-btn-toggle
|
||||||
|
v-if="!signup.terms"
|
||||||
glossy
|
glossy
|
||||||
v-model="slide"
|
v-model="slide"
|
||||||
:options="[
|
:options="[
|
||||||
|
|||||||
Reference in New Issue
Block a user