mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2025-12-12 23:35:58 +00:00
b1c19d0c94
* - fixed nowrap for button - restyled bullets for slider - relocated back links - removed icons * - removed icon from RegistrationSlideEmail too * - added media query for padding * - fixed missing constants * - fixed padding in no-header layout * - fixed sticky footer in registration flow * - removed icons from inputs * - set fixed height for back link * - fixed invite code placeholder * - added auto submit to invite and email code forms - fixed layout password inputs - added layout to checkboxes (create) - removed unnecessary texts - moved backLink for password-reset - tidied up create layout * fixed margin * - fixed nonceLength * lint fixes * corrected path --------- Co-authored-by: Sebastian Stein <sebastian@codepassion.de> Co-authored-by: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
79 lines
1.7 KiB
Vue
79 lines
1.7 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>
|
|
<ds-text>
|
|
{{ $t('components.registration.email-nonce.form.click-next') }}
|
|
</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>
|
|
import registrationConstants from '~/constants/registration'
|
|
|
|
export default {
|
|
props: {
|
|
email: { type: String, required: true },
|
|
},
|
|
data() {
|
|
return {
|
|
formData: {
|
|
nonce: '',
|
|
},
|
|
formSchema: {
|
|
nonce: {
|
|
type: 'string',
|
|
min: 5,
|
|
max: 5,
|
|
required: true,
|
|
message: this.$t('components.registration.email-nonce.form.validations.length', {
|
|
nonceLength: registrationConstants.NONCE_LENGTH,
|
|
}),
|
|
},
|
|
},
|
|
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>
|