feat(DashboardNasabah): add button click for trigger modal not complete

main
Kevin Hendrawan 2025-11-29 15:58:42 +07:00
parent ab5fe0ac50
commit 4da0faff42
1 changed files with 37 additions and 1 deletions

View File

@ -50,13 +50,49 @@
</dialog> </dialog>
<!-- /modal Popup Informasi Prestasi --> <!-- /modal Popup Informasi Prestasi -->
<!-- Modal Informasi belum lengkap -->
<dialog id="not_complete_modal" class="modal">
<div class="modal-box max-w-2xl">
<!-- Close button -->
<form method="dialog">
<button onclick="not_complete_modal.close()" class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
</form>
<!-- Content -->
<div class="p-6">
<!-- Icon -->
<div class="flex mb-4">
<div class="w-12 h-12 rounded-full bg-red-100 flex items-center justify-center">
<i class="ph ph-info text-3xl text-red-600"></i>
</div>
</div>
<!-- Heading -->
<h3 class="font-bold text-lg mb-3 text-gray-800">
Hai, [Nama Nasabah]!
</h3>
<!-- Paragraph -->
<p class="text-gray-600 text-sm leading-relaxed">
Saat ini Anda belum terdaftar pada Bank Sampah Unit di wilayah tempat tinggal Anda. Silakan lakukan pendaftaran melalui menu "Bank Sampah Saya" agar dapat mulai melakukan transaksi sampah dan berkontribusi dalam pengelolaan lingkungan bersama DLH DKI Jakarta 🌿
</p>
</div>
</div>
<!-- Modal backdrop -->
<form method="dialog" class="modal-backdrop">
<button onclick="not_complete_modal.close()">close</button>
</form>
</dialog>
<!-- /modaModal Informasi belum lengkap -->
<div class="h-6"></div> <div class="h-6"></div>
<div class="card bg-white md:bg-[url(/images/image-welcome-dashboard.png)] md:bg-local md:bg-right md:bg-no-repeat mb-2"> <div class="card bg-white md:bg-[url(/images/image-welcome-dashboard.png)] md:bg-local md:bg-right md:bg-no-repeat mb-2">
<div class="card-body gap-0"> <div class="card-body gap-0">
<span class="text-gray-500">Selamat Datang</span> <span class="text-gray-500">Selamat Datang</span>
<span class="bg-gradient-to-r from-[#089A7B] to-[#46C881] bg-clip-text text-2xl font-semibold text-transparent">Ikhdan Nizar Maulana</span> <span class="bg-gradient-to-r from-[#089A7B] to-[#46C881] bg-clip-text text-2xl font-semibold text-transparent">Ikhdan Nizar Maulana</span>
<div class="badge badge-warning text-white text-xs bg-[#F97316] rounded-full mt-4"> <div class="badge badge-warning text-white text-xs bg-[#F97316] rounded-full mt-4 cursor-pointer" onclick="not_complete_modal.showModal()">
Status Aktif Status Aktif
</div> </div>
</div> </div>