94 lines
2.1 KiB
Vue
Executable File
94 lines
2.1 KiB
Vue
Executable File
<template>
|
|
<form
|
|
v-if="!emailinviata()"
|
|
@submit.prevent.stop="submit"
|
|
class="row justify-center text-center padding"
|
|
>
|
|
<div class="q-gutter-sm q-ma-sm">
|
|
<div>
|
|
<q-banner
|
|
rounded
|
|
class="bg-primary text-white"
|
|
style="text-align: center"
|
|
>
|
|
<span class="mybanner">{{ $t('reset.title_reset_pwd') }}</span>
|
|
</q-banner>
|
|
<br />
|
|
|
|
<q-input
|
|
ref="emailRef"
|
|
v-model="form.email"
|
|
rounded
|
|
outlined
|
|
autocomplete="email"
|
|
maxlength="50"
|
|
debounce="1000"
|
|
:error="v$.email.$error"
|
|
:error-message="tools.errorMsg('email', v$.email)"
|
|
:label="$t('reg.email')"
|
|
>
|
|
<template v-slot:prepend>
|
|
<q-icon name="email" />
|
|
</template>
|
|
</q-input>
|
|
|
|
<br />
|
|
|
|
<div class="center q-ma-sm">
|
|
<q-btn
|
|
rounded
|
|
size="lg"
|
|
color="primary"
|
|
type="submit"
|
|
:disable="v$.$error || v$.$invalid"
|
|
>{{ $t('reset.send_reset_pwd') }}
|
|
</q-btn>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<div v-else>
|
|
<q-banner rounded class="bg-positive text-white" style="text-align: center">
|
|
<span class="mybanner">{{ $t('reset.email_sent') }}</span>
|
|
</q-banner>
|
|
<br />
|
|
|
|
<div>
|
|
<strong>{{ $t('reset.check_email') }}</strong>
|
|
</div>
|
|
|
|
<br>
|
|
<q-input
|
|
v-model="form.tokenforgot_code"
|
|
rounded
|
|
outlined
|
|
label="Inserisci il codice a 6 cifre"
|
|
debounce="1000"
|
|
:maxlength="6"
|
|
type="number"
|
|
>
|
|
</q-input>
|
|
|
|
<br /><br />
|
|
|
|
<div class="center q-ma-sm">
|
|
<q-btn
|
|
@click="checkCode"
|
|
rounded
|
|
size="lg"
|
|
color="primary"
|
|
type="submit"
|
|
:disable="v$.$error || v$.$invalid"
|
|
>{{ $t('reset.confirmcode_reset') }}
|
|
</q-btn>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" src="./requestresetpwd.ts">
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@import './requestresetpwd';
|
|
</style>
|