IT4Change/gradido
3
0
Fork 0
mirror of https://github.com/IT4Change/gradido.git synced 2025-12-13 07:45:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Replaced form for Email, Password and PasswordConfirm to the existing components.

Browse Source
This commit is contained in:
Hannes Heine 2021-07-20 12:30:57 +02:00
parent a8422c6908
commit 4c51a1429b
1 changed files with 7 additions and 83 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

90
frontend/src/views/Pages/Register.vue
View File

@ -76,91 +76,11 @@
</b-form-group> </b-form-group>
</validation-provider> </validation-provider>
<validation-provider <input-email v-model="form.email" id="registerEmail"></input-email>
name="Email"
:rules="{ required: true, email: true }"
v-slot="validationContext"
>
<b-form-group class="mb-3" label="Email" label-for="registerEmail">
<b-form-input
id="registerEmail"
name="Email"
v-model="form.email"
placeholder="Email"
:state="getValidationState(validationContext)"
aria-describedby="registerEmailLiveFeedback"
></b-form-input>
<b-form-invalid-feedback id="registerEmailLiveFeedback">
{{ validationContext.errors[0] }}
</b-form-invalid-feedback>
</b-form-group>
</validation-provider>
<hr /> <hr />
<input-password v-model="form.password" id="registerPassword"></input-password>
<validation-provider <input-password-confirmation v-model="form.passwordRepeat" id="registerPasswordRepeat"></input-password-confirmation>
:name="$t('form.password')"
:rules="{ required: true }"
v-slot="validationContext"
>
<b-form-group
class="mb-5"
:label="$t('form.password')"
label-for="registerPassword"
>
<b-input-group>
<b-form-input
id="registerPassword"
:name="$t('form.password')"
v-model="form.password"
:placeholder="$t('form.password')"
:type="passwordVisible ? 'text' : 'password'"
:state="getValidationState(validationContext)"
aria-describedby="registerPasswordLiveFeedback"
></b-form-input>
<b-input-group-append>
<b-button
variant="outline-light"
@click="togglePasswordVisibility"
class="border-left-0"
>
<b-icon :icon="passwordVisible ? 'eye' : 'eye-slash'" />
</b-button>
</b-input-group-append>
</b-input-group>
<b-form-invalid-feedback id="registerPasswordLiveFeedback">
{{ validationContext.errors[0] }}
</b-form-invalid-feedback>
</b-form-group>
</validation-provider>
<b-form-group
class="mb-5"
:label="$t('form.passwordRepeat')"
label-for="registerPasswordRepeat"
>
<b-input-group>
<b-form-input
id="registerPasswordRepeat"
:name="$t('form.passwordRepeat')"
v-model.lazy="form.passwordRepeat"
:placeholder="$t('form.passwordRepeat')"
:type="passwordVisibleRepeat ? 'text' : 'password'"
></b-form-input>
<b-input-group-append>
<b-button
variant="outline-light"
@click="togglePasswordRepeatVisibility"
class="border-left-0"
>
<b-icon :icon="passwordVisibleRepeat ? 'eye' : 'eye-slash'" />
</b-button>
</b-input-group-append>
</b-input-group>
</b-form-group>
<transition name="hint" appear> <transition name="hint" appear>
<div v-if="passwordValidation.errors.length > 0 && !submitted" class="hints"> <div v-if="passwordValidation.errors.length > 0 && !submitted" class="hints">
@ -232,8 +152,12 @@
</template> </template>
<script> <script>
import loginAPI from '../../apis/loginAPI' import loginAPI from '../../apis/loginAPI'
import InputEmail from '../../components/Inputs/InputEmail.vue'
import InputPassword from '../../components/Inputs/InputPassword.vue'
import InputPasswordConfirmation from '../../components/Inputs/InputPasswordConfirmation.vue'
export default { export default {
components: { InputPassword, InputPasswordConfirmation, InputEmail },
name: 'register', name: 'register',
data() { data() {
return { return {