KoPKB/lelong-web-pembida
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update login page

Browse Source
This commit is contained in:
faiqahzaman
2023-03-08 10:39:02 +08:00
parent c99db108c3
commit 42be1b478c
1 changed files with 18 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/authentication/TheLogin.vue
+18 -92
View File
@@ -1,36 +1,23 @@
<template>
<Toast :breakpoints="{ '767px': { width: '100%', right: '0', left: '0' } }" />
<div
class="flex main-container min-h-screen align-items-center justify-content-center"
>
<div
class="surface-card fadein p-4 shadow-8 border-round w-11 md:w-10 lg:w-8 xl:w-7"
>
<div class="flex main-container min-h-screen align-items-center justify-content-center">
<div class="surface-card fadein p-4 shadow-8 border-round w-11 md:w-10 lg:w-8 xl:w-7">
<div>
<div class="row">
<div
class="col-md-2 d-flex flex-column justify-content-center align-items-left"
style="margin-right: -85px"
>
<div class="col-md-2 d-flex flex-column justify-content-center align-items-left" style="margin-right: -85px">
<img class="logo-img1" src="img/e-Rahn_Logo_FA-01.png" alt="erahn-logo" />
</div>
<div
class="col-md-2 d-flex flex-column justify-content-center align-items-left"
>
<div class="col-md-2 d-flex flex-column justify-content-center align-items-left">
<img class="logo-img2" src="img/Logo KoPKB_Final.png" alt="erahn-logo" />
</div>
</div>
</div>
<div class="text-center mb-5">
<img class="logo-img" src="img/e-rahn-lelong.png" alt="erahn-logo" />
<img class="logo-img3" src="img/e-rahn-lelong.png" alt="erahn-logo" />
<div class="text-200 text-3xl font-semibold mb-3 mt-2">Log Masuk</div>
<span class="text-200 font-medium line-height-3"
>Belum punyai akaun?</span
>
<router-link
v-bind:to="{ name: 'register' }"
class="font-medium no-underline ml-2 text-white cursor-pointer"
>Daftar sekarang!
<span class="text-200 font-medium line-height-3">Belum punyai akaun?</span>
<router-link v-bind:to="{ name: 'register' }"
class="font-medium no-underline ml-2 text-white cursor-pointer">Daftar sekarang!
</router-link>
</div>
<form @submit.prevent="submit">
@@ -41,35 +28,11 @@
<div class="col">
<span class="p-input-icon-right">
<i class="pi pi-user" />
<InputText
class="mb-2"
v-model="form.username"
type="text"
placeholder="ID Pengguna"
required
></InputText>
<InputText
class="mb-2"
v-model="form.username"
type="text"
placeholder="ID Pengguna"
required
></InputText>
<InputText
class="mb-2"
v-model="form.username"
type="text"
placeholder="ID Pengguna"
required
></InputText>
<InputText class="mb-2" v-model="form.username" type="text" placeholder="ID Pengguna" required>
</InputText>
</span>
</div>
<InlineMessage class="flex-auto" v-if="v$.form.username.$error"
>Username diperlukan</InlineMessage
>
<InlineMessage class="flex-auto" v-if="v$.form.username.$error"
>Username diperlukan</InlineMessage
>
<InlineMessage class="flex-auto" v-if="v$.form.username.$error">Username diperlukan</InlineMessage>
</div>
<div class="field grid">
<!-- <label for="firstname3"
@@ -78,46 +41,14 @@
<div class="col">
<span class="p-input-icon-left">
<i class="pi pi-user" />
<Password
class="mb-2"
v-model="form.password"
placeholder="Katalaluan"
toggleMask
:feedback="false"
/>
<Password
class="mb-2"
v-model="form.password"
placeholder="Katalaluan"
toggleMask
:feedback="false"
/>
<Password
class="mb-2"
v-model="form.password"
placeholder="Katalaluan"
toggleMask
:feedback="false"
/>
<Password class="mb-2" v-model="form.password" placeholder="Katalaluan" toggleMask :feedback="false" />
</span>
</div>
<InlineMessage class="flex-auto" v-if="v$.form.password.$error"
>Kata laluan diperlukan</InlineMessage
>
<InlineMessage class="flex-auto" v-if="v$.form.password.$error"
>Kata laluan diperlukan</InlineMessage
>
<InlineMessage class="flex-auto" v-if="v$.form.password.$error">Kata laluan diperlukan</InlineMessage>
</div>
<div class="">
<Button
@click="doLogin()"
type="submit"
class="p-button-sm"
label="Log Masuk"
icon="pi pi-sign-in"
:loading="isLoading"
iconPos="right"
></Button>
<Button @click="doLogin()" type="submit" class="p-button-sm" label="Log Masuk" icon="pi pi-sign-in"
:loading="isLoading" iconPos="right"></Button>
</div>
<div class="flex alin justify-content-center mt-4 text-hover">
<div class="btn btn-warning btn-sm">
@@ -291,14 +222,9 @@ export default {
height: 60px;
}
.logo-img1 {
width: 50px;
height: 50px;
}
.logo-img2 {
width: 50px;
height: 60px;
.logo-img3 {
width: 150px;
height: 30px;
}
/* .border-round{