TheCloneArmy/crater
1
0
Fork 1
mirror of https://github.com/crater-invoice/crater.git synced 2025-10-27 19:51:09 -04:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'fix-reset-pass-layout' into 'master'

Browse Source 
fix layout issue

See merge request mohit.panjvani/crater-web!632
This commit is contained in:
Mohit Panjwani
2020-12-07 06:43:07 +00:00
parent bd01039fb8 58042decd5
commit da7ddcd4f1
1 changed files with 46 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
resources/assets/js/views/auth/ResetPassword.vue
View File

@ -1,47 +1,57 @@
<template> <template>
<form id="loginForm" @submit.prevent="validateBeforeSubmit"> <form id="loginForm" @submit.prevent="validateBeforeSubmit">
<div class="form-group"> <div class="mb-4 form-group">
<sw-input <sw-input-group :label="$t('login.email')" required>
v-model.trim="formData.email" <sw-input
:invalid="$v.formData.email.$error" v-model.trim="formData.email"
:placeholder="$t('login.enter_email')" :invalid="$v.formData.email.$error"
type="email" :placeholder="$t('login.enter_email')"
name="email" type="email"
@input="$v.formData.email.$touch()" name="email"
/> @input="$v.formData.email.$touch()"
/>
</sw-input-group>
<div v-if="$v.formData.email.$error"> <div v-if="$v.formData.email.$error">
<span v-if="!$v.formData.email.required" class="help-block text-danger"> <span
v-if="!$v.formData.email.required"
class="text-sm help-block text-danger"
>
{{ $t('validation.required') }} {{ $t('validation.required') }}
</span> </span>
<span v-if="!$v.formData.email.email" class="help-block text-danger"> <span
v-if="!$v.formData.email.email"
class="text-sm help-block text-danger"
>
{{ $t('validation.email_incorrect') }} {{ $t('validation.email_incorrect') }}
</span> </span>
</div> </div>
</div> </div>
<div class="form-group"> <div class="mb-4 form-group">
<sw-input <sw-input-group :label="$t('login.password')" required>
id="password" <sw-input
v-model.trim="formData.password" id="password"
:invalid="$v.formData.password.$error" v-model.trim="formData.password"
:placeholder="$t('login.enter_password')" :invalid="$v.formData.password.$error"
type="password" :placeholder="$t('login.enter_password')"
name="password" type="password"
@input="$v.formData.password.$touch()" name="password"
/> @input="$v.formData.password.$touch()"
/>
</sw-input-group>
<div v-if="$v.formData.password.$error"> <div v-if="$v.formData.password.$error">
<span <span
v-if="!$v.formData.password.required" v-if="!$v.formData.password.required"
class="help-block text-danger" class="text-sm help-block text-danger"
> >
{{ $t('validation.required') }} {{ $t('validation.required') }}
</span> </span>
<span <span
v-if="!$v.formData.password.minLength" v-if="!$v.formData.password.minLength"
class="help-block text-danger" class="text-sm help-block text-danger"
> >
{{ {{
$tc( $tc(
'validation.password_length', 'validation.password_length ',
$v.formData.password.minLength.min, $v.formData.password.minLength.min,
{ count: $v.formData.password.$params.minLength.min } { count: $v.formData.password.$params.minLength.min }
) )
@ -49,19 +59,21 @@
</span> </span>
</div> </div>
</div> </div>
<div class="form-group"> <div class="mb-8 form-group">
<sw-input <sw-input-group :label="$t('login.retype_password')" required>
v-model.trim="formData.password_confirmation" <sw-input
:invalid="$v.formData.password_confirmation.$error" v-model.trim="formData.password_confirmation"
:placeholder="$t('login.retype_password')" :invalid="$v.formData.password_confirmation.$error"
type="password" :placeholder="$t('login.retype_password')"
name="password_confirmation" type="password"
@input="$v.formData.password_confirmation.$touch()" name="password_confirmation"
/> @input="$v.formData.password_confirmation.$touch()"
/>
</sw-input-group>
<div v-if="$v.formData.password_confirmation.$error"> <div v-if="$v.formData.password_confirmation.$error">
<span <span
v-if="!$v.formData.password_confirmation.sameAsPassword" v-if="!$v.formData.password_confirmation.sameAsPassword"
class="help-block text-danger" class="text-sm help-block text-danger"
> >
{{ $t('validation.password_incorrect') }} {{ $t('validation.password_incorrect') }}
</span> </span>