mirror of
https://github.com/IT4Change/Ocelot-Social.git
synced 2025-12-13 07:45:56 +00:00
c85c94aa40
This also allows us to generate a password reset link to quickly reset your password without entering the code and email manually.
77 lines
1.7 KiB
Vue
77 lines
1.7 KiB
Vue
<template>
|
|
<ds-card class="verify-code">
|
|
<ds-space margin="large">
|
|
<ds-form
|
|
v-model="formData"
|
|
:schema="formSchema"
|
|
@submit="handleSubmitVerify"
|
|
@input="handleInput"
|
|
@input-valid="handleInputValid"
|
|
>
|
|
<ds-input
|
|
:placeholder="$t('login.email')"
|
|
model="email"
|
|
id="email"
|
|
name="email"
|
|
icon="envelope"
|
|
/>
|
|
<ds-input
|
|
:placeholder="$t('verify-code.form.code')"
|
|
model="code"
|
|
name="code"
|
|
id="code"
|
|
icon="question-circle"
|
|
/>
|
|
<ds-space margin-botton="large">
|
|
<ds-text>
|
|
{{ $t('verify-code.form.description') }}
|
|
</ds-text>
|
|
</ds-space>
|
|
<ds-button :disabled="disabled" primary fullwidth name="submit" type="submit">
|
|
{{ $t('verify-code.form.next') }}
|
|
</ds-button>
|
|
</ds-form>
|
|
</ds-space>
|
|
</ds-card>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
formData: {
|
|
email: '',
|
|
code: '',
|
|
},
|
|
formSchema: {
|
|
email: {
|
|
type: 'email',
|
|
required: true,
|
|
message: this.$t('common.validations.email'),
|
|
},
|
|
code: {
|
|
type: 'string',
|
|
min: 6,
|
|
max: 6,
|
|
required: true,
|
|
message: this.$t('common.validations.verification-code'),
|
|
},
|
|
},
|
|
disabled: true,
|
|
}
|
|
},
|
|
methods: {
|
|
async handleInput() {
|
|
this.disabled = true
|
|
},
|
|
async handleInputValid() {
|
|
this.disabled = false
|
|
},
|
|
handleSubmitVerify() {
|
|
const { email, code } = this.formData
|
|
this.$emit('verification', { email, code })
|
|
},
|
|
},
|
|
}
|
|
</script>
|