feat(authentication): penyesuaian tampilan dan logika otentikasi pengguna
- Menambahkan `use Exception` pada kelas `Uim` untuk penanganan error yang lebih eksplisit. - Menghapus penggunaan class `Request` yang tidak digunakan dalam `LoginRequest`. - Memperbaiki logika penyesuaian role berdasarkan `KD_GROUP`, menetapkan `default` sebagai `customer_service` untuk menghindari kondisi default role tidak ditangani. - Membuat beberapa perbaikan format dan konsistensi kelas serta elemen HTML di file blade: - Menyesuaikan atribut HTML untuk memastikan konsistensi seperti spasi, indentasi, dan tata letak elemen. - Memutakhirkan logo dan elemen visual untuk mendukung dinamika seperti nama aplikasi (`APP_NAME`) dan metode otentikasi (`METHOD_AUTH`) yang dapat dikonfigurasi melalui environment file. - Mengubah elemen teks dan gaya agar lebih responsif dan ramah pengguna. - Meningkatkan pengalaman pengguna dengan memperbaiki hierarki elemen di form login dan halaman utama. Signed-off-by: Daeng Deni Mardaeni <ddeni05@gmail.com>
This commit is contained in:
Daeng Deni Mardaeni
@@ -3,8 +3,9 @@
|
||||
@push('styles')
|
||||
<style>
|
||||
.branded-bg {
|
||||
background-image:url('assets/media/images/2600x1600/1.png');
|
||||
background-image: url('assets/media/images/2600x1600/1.png');
|
||||
}
|
||||
|
||||
.dark .branded-bg {
|
||||
background-image: url('assets/media/images/2600x1600/1-dark.png');
|
||||
}
|
||||
@@ -13,71 +14,78 @@
|
||||
|
||||
@section('content')
|
||||
<div class="grid lg:grid-cols-2 grow">
|
||||
<div class="flex justify-center items-center p-8 lg:p-10 order-2 lg:order-1">
|
||||
<div class="flex order-2 justify-center items-center p-8 lg:p-10 lg:order-1">
|
||||
<div class="card max-w-[370px] w-full">
|
||||
<form action="{{ route('login') }}" class="card-body flex flex-col gap-5 p-10" id="sign_in_form" method="POST">
|
||||
<form action="{{ route('login') }}" class="flex flex-col gap-5 p-10 card-body" id="sign_in_form" method="POST">
|
||||
@csrf
|
||||
<div class="text-center mb-2.5">
|
||||
<h3 class="text-lg font-semibold text-gray-900 leading-none mb-2.5">
|
||||
<div class="mb-2.5 text-center">
|
||||
<h3 class="mb-2.5 text-lg font-semibold leading-none text-gray-900">
|
||||
Sign in
|
||||
</h3>
|
||||
</div>
|
||||
<div class="flex flex-col gap-1">
|
||||
<label class="form-label text-gray-900">
|
||||
<label class="text-gray-900 form-label">
|
||||
Email or NIK
|
||||
</label>
|
||||
<input class="w-full input @error('login') border-danger @enderror" placeholder="Enter your email or NIK" type="text" name="login" value="{{ old('login') }}">
|
||||
<input class="w-full input @error('login') border-danger @enderror"
|
||||
placeholder="Enter your email or NIK" type="text" name="login" value="{{ old('login') }}">
|
||||
@error('login')
|
||||
<em class="alert text-danger text-sm">{{ $message }}</em>
|
||||
<em class="text-sm alert text-danger">{{ $message }}</em>
|
||||
@enderror
|
||||
</div>
|
||||
<div class="flex flex-col gap-1">
|
||||
<div class="flex items-center justify-between gap-1">
|
||||
<label class="form-label text-gray-900">
|
||||
<div class="flex gap-1 justify-between items-center">
|
||||
<label class="text-gray-900 form-label">
|
||||
Password
|
||||
</label>
|
||||
</div>
|
||||
<label class="input" data-toggle-password="true">
|
||||
<input class="@error('password') border-danger @enderror" name="password" placeholder="Enter Password" type="password" value=""/>
|
||||
<input class="@error('password') border-danger @enderror" name="password"
|
||||
placeholder="Enter Password" type="password" value="" />
|
||||
<div class="btn btn-icon" data-toggle-password-trigger="true">
|
||||
<i class="ki-outline ki-eye toggle-password-active:hidden"></i>
|
||||
<i class="ki-outline ki-eye-slash hidden toggle-password-active:block"></i>
|
||||
<i class="hidden ki-outline ki-eye-slash toggle-password-active:block"></i>
|
||||
</div>
|
||||
@error('password')
|
||||
<em class="alert text-danger text-sm">{{ $message }}</em>
|
||||
<em class="text-sm alert text-danger">{{ $message }}</em>
|
||||
@enderror
|
||||
</label>
|
||||
</div>
|
||||
<label class="checkbox-group">
|
||||
<input class="checkbox checkbox-sm" name="check" type="checkbox" value="1"/>
|
||||
<input class="checkbox checkbox-sm" name="check" type="checkbox" value="1" />
|
||||
<span class="checkbox-label">
|
||||
Remember me
|
||||
</span>
|
||||
</label>
|
||||
<button type="submit" class="btn btn-primary flex justify-center grow">
|
||||
<button type="submit" class="flex justify-center btn btn-primary grow">
|
||||
Sign In
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lg:rounded-xl lg:border lg:border-gray-200 lg:m-5 order-1 lg:order-2 bg-top xxl:bg-center xl:bg-cover bg-no-repeat branded-bg">
|
||||
<div class="flex flex-col p-8 lg:p-16 gap-4">
|
||||
<a href="{{ route('dashboard') }}">
|
||||
<img class="h-[100px] max-w-none" src="assets/media/app/logo-agi.png"/>
|
||||
</a>
|
||||
<div
|
||||
class="order-1 bg-top bg-no-repeat lg:rounded-xl lg:border lg:border-gray-200 lg:m-5 lg:order-2 xxl:bg-center xl:bg-cover branded-bg">
|
||||
<div class="flex flex-col gap-4 p-8 w-full lg:p-16">
|
||||
<div class="flex w-full">
|
||||
<img class="h-[100px] lg:h-[200px] max-w-none" src="assets/media/app/logo-agi.png" />
|
||||
</div>
|
||||
<div class="flex flex-col gap-3">
|
||||
<h3 class="text-2xl font-semibold text-gray-900">
|
||||
Secure Access Portal
|
||||
<h3 class="text-4xl font-semibold text-gray-900">
|
||||
{{ env('APP_NAME', 'Dashboard') }}
|
||||
</h3>
|
||||
<div class="text-base font-medium text-gray-600">
|
||||
A robust authentication gateway ensuring
|
||||
<br/>
|
||||
secure
|
||||
<span class="text-gray-900 font-semibold">
|
||||
efficient user access
|
||||
<div class="text-lg font-medium text-gray-600">
|
||||
A robust authentication
|
||||
@if (env('METHOD_AUTH') == 'uim')
|
||||
integrate with <span class="font-semibold text-gray-900">User ID
|
||||
Management</span>
|
||||
@endif
|
||||
gateway ensuring
|
||||
<br />
|
||||
secure efficient user access to the
|
||||
<span class="font-semibold text-gray-900">
|
||||
{{ env('APP_NAME', 'Dashboard') }}
|
||||
</span>
|
||||
to the LPJ Online
|
||||
<br/>
|
||||
<br />
|
||||
Dashboard interface.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user