Set form fields and buttons as components

This commit is contained in:
Bubka
2020-02-13 12:55:00 +01:00
parent afea663a33
commit 2f05a31dec
12 changed files with 127 additions and 189 deletions

View File

@ -1,21 +1,8 @@
<template>
<form-wrapper :title="$t('auth.forms.reset_password')" :fail="fail" :success="success">
<form @submit.prevent="handleSubmit" @keydown="form.onKeydown($event)">
<div class="field">
<label class="label">{{ $t('auth.forms.email') }}</label>
<div class="control">
<input id="email" type="email" class="input" v-model="form.email" autofocus />
</div>
<field-error :form="form" field="email" />
</div>
<div class="field is-grouped">
<div class="control">
<v-button :isLoading="form.isBusy" >{{ $t('auth.forms.send_password_reset_link') }}</v-button>
</div>
<div class="control">
<router-link :to="{ name: 'login' }" class="button is-text">{{ $t('commons.cancel') }}</router-link>
</div>
</div>
<form-field :form="form" fieldName="email" inputType="email" :label="$t('auth.forms.email')" autofocus />
<form-buttons :isBusy="form.isBusy" :caption="$t('auth.forms.send_password_reset_link')" :showCancelButton="true" cancelLandingView="login" />
</form>
</form-wrapper>
</template>