-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Signed-off-by: 0x73746F66 <[email protected]>
- Loading branch information
0x73746F66
committed
Jun 13, 2024
1 parent
06a5e22
commit 9f4d078
Showing
7 changed files
with
240 additions
and
111 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -49,11 +49,17 @@ const login = async () => { | |
<template> | ||
<div class="auth-wrapper d-flex align-center justify-center pa-4"> | ||
<VCard class="auth-card pa-4 pt-7" max-width="448"> | ||
<VCard | ||
class="auth-card pa-4 pt-7" | ||
max-width="448" | ||
> | ||
<VCardItem class="justify-center"> | ||
<template #prepend> | ||
<div class="d-flex"> | ||
<IconTrivialSecurity class="d-flex text-primary" width="150" /> | ||
<IconTrivialSecurity | ||
class="d-flex text-primary" | ||
width="150" | ||
/> | ||
</div> | ||
</template> | ||
</VCardItem> | ||
|
@@ -74,34 +80,64 @@ const login = async () => { | |
<VForm @submit.prevent="login"> | ||
<VRow> | ||
<VCol cols="12"> | ||
<VAlert v-if="state.error" color="error" icon="$error" title="Server Error" | ||
:text="state.error" border="start" variant="tonal" closable close-label="Close Alert" /> | ||
<VAlert | ||
v-if="state.error" | ||
color="error" | ||
icon="$error" | ||
title="Server Error" | ||
:text="state.error" | ||
border="start" | ||
variant="tonal" | ||
closable | ||
close-label="Close Alert" | ||
/> | ||
</VCol> | ||
<!-- email --> | ||
<VCol cols="12"> | ||
<VTextField v-model="state.email" autofocus placeholder="[email protected]" label="Email" | ||
type="email" /> | ||
<VTextField | ||
v-model="state.email" | ||
autofocus | ||
placeholder="[email protected]" | ||
label="Email" | ||
type="email" | ||
/> | ||
</VCol> | ||
<!-- password --> | ||
<VCol cols="12"> | ||
<VTextField v-model="state.password" required label="Password" placeholder="············" | ||
<VTextField | ||
v-model="state.password" | ||
required | ||
label="Password" | ||
placeholder="············" | ||
:error-messages="v$.password.$errors.map(e => e.$message)" | ||
:type="isPasswordVisible ? 'text' : 'password'" | ||
:append-inner-icon="isPasswordVisible ? 'bx-hide' : 'bx-show'" | ||
@click:append-inner="isPasswordVisible = !isPasswordVisible" /> | ||
@click:append-inner="isPasswordVisible = !isPasswordVisible" | ||
/> | ||
</VCol> | ||
<!-- login button --> | ||
<VCol cols="12"> | ||
<VBtn block text="Login" type="submit" @click="v$.$validate" /> | ||
<VBtn | ||
block | ||
text="Login" | ||
type="submit" | ||
@click="v$.$validate" | ||
/> | ||
</VCol> | ||
<!-- create account --> | ||
<VCol cols="12" class="text-center text-base"> | ||
<VCol | ||
cols="12" | ||
class="text-center text-base" | ||
> | ||
<span>New on our platform?</span> | ||
<RouterLink class="text-primary ms-2" to="/register"> | ||
<RouterLink | ||
class="text-primary ms-2" | ||
to="/register" | ||
> | ||
Create an account | ||
</RouterLink> | ||
</VCol> | ||
|
Oops, something went wrong.