mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2025-12-13 07:46:06 +00:00
72 lines
1.5 KiB
Vue
72 lines
1.5 KiB
Vue
<template>
|
|
<ds-form
|
|
class="enter-nonce"
|
|
v-model="formData"
|
|
:schema="formSchema"
|
|
@submit="handleSubmitVerify"
|
|
@input="handleInput"
|
|
@input-valid="handleInputValid"
|
|
>
|
|
<ds-input
|
|
:placeholder="$t('components.registration.email-nonce.form.nonce')"
|
|
model="nonce"
|
|
name="nonce"
|
|
id="nonce"
|
|
icon="question-circle"
|
|
/>
|
|
<ds-text>
|
|
{{ $t('components.registration.email-nonce.form.description') }}
|
|
</ds-text>
|
|
<base-button :disabled="disabled" filled name="submit" type="submit">
|
|
{{ $t('components.registration.email-nonce.form.next') }}
|
|
</base-button>
|
|
<slot></slot>
|
|
</ds-form>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
email: { type: String, required: true },
|
|
},
|
|
data() {
|
|
return {
|
|
formData: {
|
|
nonce: '',
|
|
},
|
|
formSchema: {
|
|
nonce: {
|
|
type: 'string',
|
|
min: 6,
|
|
max: 6,
|
|
required: true,
|
|
message: this.$t('components.registration.email-nonce.form.validations.length'), // Wolle here 6 characters are mentioned
|
|
},
|
|
},
|
|
disabled: true,
|
|
}
|
|
},
|
|
methods: {
|
|
async handleInput() {
|
|
this.disabled = true
|
|
},
|
|
async handleInputValid() {
|
|
this.disabled = false
|
|
},
|
|
handleSubmitVerify() {
|
|
const { nonce } = this.formData
|
|
const email = this.email
|
|
this.$emit('nonceEntered', { email, nonce })
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.enter-nonce {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin: $space-large 0 $space-xxx-small 0;
|
|
}
|
|
</style>
|