Removed extraneous container element
This commit is contained in:
@@ -1,87 +1,85 @@
|
||||
<template>
|
||||
<v-container fluid>
|
||||
<v-row v-if="formState.ready">
|
||||
<v-col>
|
||||
<v-form ref="form">
|
||||
<v-row>
|
||||
<gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
|
||||
<v-col cols="12">
|
||||
<v-text-field
|
||||
name="username"
|
||||
id="username"
|
||||
v-model="obj.loginName"
|
||||
:readonly="formState.readOnly"
|
||||
prepend-icon="fa-user"
|
||||
autocomplete="off"
|
||||
autocorrect="off"
|
||||
autocapitalize="off"
|
||||
spellcheck="false"
|
||||
v-focus
|
||||
:label="$ay.t('UserLogin')"
|
||||
:rules="[form().required(this, 'loginName')]"
|
||||
:error-messages="form().serverErrors(this, 'loginName')"
|
||||
ref="loginName"
|
||||
@input="fieldValueChanged('loginName')"
|
||||
></v-text-field>
|
||||
</v-col>
|
||||
<v-row v-if="formState.ready">
|
||||
<v-col>
|
||||
<v-form ref="form">
|
||||
<v-row>
|
||||
<gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
|
||||
<v-col cols="12">
|
||||
<v-text-field
|
||||
name="username"
|
||||
id="username"
|
||||
v-model="obj.loginName"
|
||||
:readonly="formState.readOnly"
|
||||
prepend-icon="fa-user"
|
||||
autocomplete="off"
|
||||
autocorrect="off"
|
||||
autocapitalize="off"
|
||||
spellcheck="false"
|
||||
v-focus
|
||||
:label="$ay.t('UserLogin')"
|
||||
:rules="[form().required(this, 'loginName')]"
|
||||
:error-messages="form().serverErrors(this, 'loginName')"
|
||||
ref="loginName"
|
||||
@input="fieldValueChanged('loginName')"
|
||||
></v-text-field>
|
||||
</v-col>
|
||||
|
||||
<v-col cols="12">
|
||||
<v-text-field
|
||||
name="password"
|
||||
id="password"
|
||||
v-model="obj.oldPassword"
|
||||
:readonly="formState.readOnly"
|
||||
:append-outer-icon="reveal ? 'fa-eye' : 'fa-eye-slash'"
|
||||
prepend-icon="fa-key"
|
||||
:label="$ay.t('OldPassword')"
|
||||
:type="reveal ? 'text' : 'password'"
|
||||
:rules="[form().required(this, 'oldPassword')]"
|
||||
:error-messages="form().serverErrors(this, 'oldPassword')"
|
||||
ref="oldPassword"
|
||||
@input="fieldValueChanged('oldPassword')"
|
||||
@click:append-outer="reveal = !reveal"
|
||||
></v-text-field>
|
||||
</v-col>
|
||||
<v-col cols="12">
|
||||
<v-text-field
|
||||
name="password"
|
||||
id="password"
|
||||
v-model="obj.oldPassword"
|
||||
:readonly="formState.readOnly"
|
||||
:append-outer-icon="reveal ? 'fa-eye' : 'fa-eye-slash'"
|
||||
prepend-icon="fa-key"
|
||||
:label="$ay.t('OldPassword')"
|
||||
:type="reveal ? 'text' : 'password'"
|
||||
:rules="[form().required(this, 'oldPassword')]"
|
||||
:error-messages="form().serverErrors(this, 'oldPassword')"
|
||||
ref="oldPassword"
|
||||
@input="fieldValueChanged('oldPassword')"
|
||||
@click:append-outer="reveal = !reveal"
|
||||
></v-text-field>
|
||||
</v-col>
|
||||
|
||||
<v-col cols="12">
|
||||
<v-text-field
|
||||
v-model="obj.newPassword"
|
||||
:readonly="formState.readOnly"
|
||||
:append-outer-icon="reveal ? 'fa-eye' : 'fa-eye-slash'"
|
||||
prepend-icon="fa-key"
|
||||
:label="$ay.t('NewPassword')"
|
||||
:type="reveal ? 'text' : 'password'"
|
||||
:rules="[form().required(this, 'newPassword')]"
|
||||
:error-messages="form().serverErrors(this, 'newPassword')"
|
||||
ref="newPassword"
|
||||
@input="fieldValueChanged('newPassword')"
|
||||
@click:append-outer="reveal = !reveal"
|
||||
></v-text-field>
|
||||
</v-col>
|
||||
<v-col cols="12">
|
||||
<v-text-field
|
||||
v-model="obj.newPassword"
|
||||
:readonly="formState.readOnly"
|
||||
:append-outer-icon="reveal ? 'fa-eye' : 'fa-eye-slash'"
|
||||
prepend-icon="fa-key"
|
||||
:label="$ay.t('NewPassword')"
|
||||
:type="reveal ? 'text' : 'password'"
|
||||
:rules="[form().required(this, 'newPassword')]"
|
||||
:error-messages="form().serverErrors(this, 'newPassword')"
|
||||
ref="newPassword"
|
||||
@input="fieldValueChanged('newPassword')"
|
||||
@click:append-outer="reveal = !reveal"
|
||||
></v-text-field>
|
||||
</v-col>
|
||||
|
||||
<v-col cols="12">
|
||||
<v-text-field
|
||||
v-model="obj.confirmPassword"
|
||||
:readonly="formState.readOnly"
|
||||
:append-outer-icon="reveal ? 'fa-eye' : 'fa-eye-slash'"
|
||||
prepend-icon="fa-key"
|
||||
:label="$ay.t('ConfirmPassword')"
|
||||
:type="reveal ? 'text' : 'password'"
|
||||
:rules="[
|
||||
form().required(this, 'confirmPassword'),
|
||||
form().confirmMatch(this, 'newPassword', 'confirmPassword')
|
||||
]"
|
||||
:error-messages="form().serverErrors(this, 'confirmPassword')"
|
||||
ref="confirmPassword"
|
||||
@input="fieldValueChanged('confirmPassword')"
|
||||
@click:append-outer="reveal = !reveal"
|
||||
></v-text-field>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-form>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-container>
|
||||
<v-col cols="12">
|
||||
<v-text-field
|
||||
v-model="obj.confirmPassword"
|
||||
:readonly="formState.readOnly"
|
||||
:append-outer-icon="reveal ? 'fa-eye' : 'fa-eye-slash'"
|
||||
prepend-icon="fa-key"
|
||||
:label="$ay.t('ConfirmPassword')"
|
||||
:type="reveal ? 'text' : 'password'"
|
||||
:rules="[
|
||||
form().required(this, 'confirmPassword'),
|
||||
form().confirmMatch(this, 'newPassword', 'confirmPassword')
|
||||
]"
|
||||
:error-messages="form().serverErrors(this, 'confirmPassword')"
|
||||
ref="confirmPassword"
|
||||
@input="fieldValueChanged('confirmPassword')"
|
||||
@click:append-outer="reveal = !reveal"
|
||||
></v-text-field>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-form>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
Reference in New Issue
Block a user