Removed extraneous container element
This commit is contained in:
@@ -1,88 +1,86 @@
|
||||
<template>
|
||||
<v-container fluid>
|
||||
<v-row align="center" justify="center" class="mx-auto mt-sm-12 mb-8">
|
||||
<v-col cols="12" offset-md="4">
|
||||
<form>
|
||||
<v-row>
|
||||
<v-col cols="12" class="hidden-md-and-up">
|
||||
<v-img
|
||||
:src="require('../assets/logo.svg')"
|
||||
contain
|
||||
height="64"
|
||||
></v-img>
|
||||
</v-col>
|
||||
<v-col cols="12" md="7" class="hidden-sm-and-down">
|
||||
<v-img
|
||||
:src="require('../assets/logo.svg')"
|
||||
contain
|
||||
height="128"
|
||||
></v-img>
|
||||
</v-col>
|
||||
<v-col cols="12" md="7" v-if="formState.errorBoxMessage">
|
||||
<gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
|
||||
</v-col>
|
||||
<v-col cols="12" md="7" v-if="trialMode">
|
||||
<v-select
|
||||
v-model="selectedTrialUserId"
|
||||
:items="selectLists.trialUsers"
|
||||
item-text="name"
|
||||
item-value="l"
|
||||
label="Trial mode example users"
|
||||
prepend-icon="fa-question-circle"
|
||||
@click:prepend="trialHelpClick"
|
||||
@input="trialUserSelected"
|
||||
return-object
|
||||
:data-cy="!!$ay.dev ? 'selecttrialuser' : false"
|
||||
>
|
||||
</v-select>
|
||||
</v-col>
|
||||
<v-col cols="12" md="7">
|
||||
<v-text-field
|
||||
name="username"
|
||||
id="username"
|
||||
v-model="input.username"
|
||||
prepend-icon="fa-user"
|
||||
label="User"
|
||||
autofocus
|
||||
autocomplete="off"
|
||||
autocorrect="off"
|
||||
autocapitalize="off"
|
||||
spellcheck="false"
|
||||
:error="errorBadCreds"
|
||||
v-focus
|
||||
v-on:keyup.enter="onEnterUserName"
|
||||
></v-text-field>
|
||||
</v-col>
|
||||
<v-col cols="12" md="7">
|
||||
<v-text-field
|
||||
name="password"
|
||||
id="password"
|
||||
v-model="input.password"
|
||||
:append-outer-icon="reveal ? 'fa-eye' : 'fa-eye-slash'"
|
||||
prepend-icon="fa-key"
|
||||
label="Password"
|
||||
:type="reveal ? 'text' : 'password'"
|
||||
:error="errorBadCreds"
|
||||
v-on:keyup.enter="login"
|
||||
@click:append-outer="reveal = !reveal"
|
||||
></v-text-field>
|
||||
</v-col>
|
||||
<v-col cols="12" md="7" mt-1>
|
||||
<v-btn color="primary" v-on:click="login()" value="LOGIN">
|
||||
<v-icon>fa-sign-in-alt</v-icon>
|
||||
</v-btn>
|
||||
</v-col>
|
||||
<v-row align="center" justify="center" class="mx-auto mt-sm-12 mb-8">
|
||||
<v-col cols="12" offset-md="4">
|
||||
<form>
|
||||
<v-row>
|
||||
<v-col cols="12" class="hidden-md-and-up">
|
||||
<v-img
|
||||
:src="require('../assets/logo.svg')"
|
||||
contain
|
||||
height="64"
|
||||
></v-img>
|
||||
</v-col>
|
||||
<v-col cols="12" md="7" class="hidden-sm-and-down">
|
||||
<v-img
|
||||
:src="require('../assets/logo.svg')"
|
||||
contain
|
||||
height="128"
|
||||
></v-img>
|
||||
</v-col>
|
||||
<v-col cols="12" md="7" v-if="formState.errorBoxMessage">
|
||||
<gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
|
||||
</v-col>
|
||||
<v-col cols="12" md="7" v-if="trialMode">
|
||||
<v-select
|
||||
v-model="selectedTrialUserId"
|
||||
:items="selectLists.trialUsers"
|
||||
item-text="name"
|
||||
item-value="l"
|
||||
label="Trial mode example users"
|
||||
prepend-icon="fa-question-circle"
|
||||
@click:prepend="trialHelpClick"
|
||||
@input="trialUserSelected"
|
||||
return-object
|
||||
:data-cy="!!$ay.dev ? 'selecttrialuser' : false"
|
||||
>
|
||||
</v-select>
|
||||
</v-col>
|
||||
<v-col cols="12" md="7">
|
||||
<v-text-field
|
||||
name="username"
|
||||
id="username"
|
||||
v-model="input.username"
|
||||
prepend-icon="fa-user"
|
||||
label="User"
|
||||
autofocus
|
||||
autocomplete="off"
|
||||
autocorrect="off"
|
||||
autocapitalize="off"
|
||||
spellcheck="false"
|
||||
:error="errorBadCreds"
|
||||
v-focus
|
||||
v-on:keyup.enter="onEnterUserName"
|
||||
></v-text-field>
|
||||
</v-col>
|
||||
<v-col cols="12" md="7">
|
||||
<v-text-field
|
||||
name="password"
|
||||
id="password"
|
||||
v-model="input.password"
|
||||
:append-outer-icon="reveal ? 'fa-eye' : 'fa-eye-slash'"
|
||||
prepend-icon="fa-key"
|
||||
label="Password"
|
||||
:type="reveal ? 'text' : 'password'"
|
||||
:error="errorBadCreds"
|
||||
v-on:keyup.enter="login"
|
||||
@click:append-outer="reveal = !reveal"
|
||||
></v-text-field>
|
||||
</v-col>
|
||||
<v-col cols="12" md="7" mt-1>
|
||||
<v-btn color="primary" v-on:click="login()" value="LOGIN">
|
||||
<v-icon>fa-sign-in-alt</v-icon>
|
||||
</v-btn>
|
||||
</v-col>
|
||||
|
||||
<template v-if="$ay.dev">
|
||||
<v-col cols="12">
|
||||
<span class="subtitle-2 secondary--text">DEVELOPMENT MODE</span>
|
||||
</v-col>
|
||||
</template>
|
||||
</v-row>
|
||||
</form>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-container>
|
||||
<template v-if="$ay.dev">
|
||||
<v-col cols="12">
|
||||
<span class="subtitle-2 secondary--text">DEVELOPMENT MODE</span>
|
||||
</v-col>
|
||||
</template>
|
||||
</v-row>
|
||||
</form>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
Reference in New Issue
Block a user