banksampah
/
bank-sampah
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(dataNasabah): add new fields, columns, and mock data

main
Kevin Hendrawan 2025-11-19 15:15:22 +07:00
parent 409fac968a
commit 3ac2fbbdd0
2 changed files with 261 additions and 240 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

376
Controllers/Data/NasabahController.cs
View File

@ -19,301 +19,211 @@ namespace BankSampahApp.Controllers.Data
id = 1, id = 1,
nama = "Andi Prabowo", nama = "Andi Prabowo",
tgl_pendaftaran = "15 Nov 2023", tgl_pendaftaran = "15 Nov 2023",
status = "Aktif", status_pendaftaran = "Setuju",
saldo_awal = 400000, saldo_awal = 200000,
status_penarikan = "-", saldo_sekarang = 400000,
status_nasabah = "Aktif",
aksi = "<div class=\"flex gap-2\">" + aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"1\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" + "<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"1\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" + "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"1\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"</div>", "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"1\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 2, id = 2,
nama = "Siti Nurhaliza", nama = "Siti Nurhaliza",
tgl_pendaftaran = "8 Jan 2025", tgl_pendaftaran = "8 Jan 2025",
status = "Aktif", status_pendaftaran = "Belum Setujui",
saldo_awal = 600000, saldo_awal = 300000,
status_penarikan = "-", saldo_sekarang = 600000,
status_nasabah = "Tidak Aktif",
aksi = "<div class=\"flex gap-2\">" + aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"2\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" + "<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"2\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" + "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"2\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"</div>", "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"2\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 3, id = 3,
nama = "Budi Santoso", nama = "Budi Santoso",
tgl_pendaftaran = "19 Sep 2023", tgl_pendaftaran = "20 Jan 2024",
status = "Aktif", status_pendaftaran = "Setuju",
saldo_awal = 500000, saldo_awal = 150000,
status_penarikan = "-", saldo_sekarang = 250000,
status_nasabah = "Aktif",
aksi = "<div class=\"flex gap-2\">" + aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"3\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" + "<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"3\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" + "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"3\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"</div>", "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"3\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 4, id = 4,
nama = "Nina Sari", nama = "Dewi Lestari",
tgl_pendaftaran = "3 Des 2024", tgl_pendaftaran = "5 Feb 2024",
status = "Aktif", status_pendaftaran = "Belum Setujui",
saldo_awal = 100000, saldo_awal = 500000,
status_penarikan = "-", saldo_sekarang = 750000,
status_nasabah = "Aktif",
aksi = "<div class=\"flex gap-2\">" + aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"4\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" + "<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"4\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" + "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"4\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"</div>", "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"4\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 5, id = 5,
nama = "Dewi Lestari", nama = "Rizky Novian",
tgl_pendaftaran = "27 Apr 2026", tgl_pendaftaran = "2 Mar 2024",
status = "Tidak Aktif", status_pendaftaran = "Setuju",
saldo_awal = 300000, saldo_awal = 300000,
status_penarikan = "-", saldo_sekarang = 550000,
status_nasabah = "Tidak Aktif",
aksi = "<div class=\"flex gap-2\">" + aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"5\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" + "<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"5\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" + "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"5\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"</div>", "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"5\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 6, id = 6,
nama = "Rudi Hartono", nama = "Putri Maharani",
tgl_pendaftaran = "11 Jul 2025", tgl_pendaftaran = "10 Apr 2024",
status = "Tidak Aktif", status_pendaftaran = "Belum Setujui",
saldo_awal = 200000, saldo_awal = 200000,
status_penarikan = "-", saldo_sekarang = 300000,
status_nasabah = "Aktif",
aksi = "<div class=\"flex gap-2\">" + aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"6\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" + "<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"6\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" + "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"6\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"</div>", "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"6\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 7, id = 7,
nama = "Fitri Handayani", nama = "Hendra Wijaya",
tgl_pendaftaran = "22 Feb 2024", tgl_pendaftaran = "12 Jun 2024",
status = "Aktif", status_pendaftaran = "Setuju",
saldo_awal = 450000, saldo_awal = 700000,
status_penarikan = "-", saldo_sekarang = 900000,
status_nasabah = "Aktif",
aksi = "<div class=\"flex gap-2\">" + aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"7\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" + "<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"7\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" + "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"7\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"</div>", "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"7\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 8, id = 8,
nama = "Ahmad Fauzi", nama = "Nadia Fadhilah",
tgl_pendaftaran = "5 Mei 2023", tgl_pendaftaran = "1 Jul 2024",
status = "Aktif", status_pendaftaran = "Belum Setujui",
saldo_awal = 350000, saldo_awal = 80000,
status_penarikan = "-", saldo_sekarang = 120000,
status_nasabah = "Tidak Aktif",
aksi = "<div class=\"flex gap-2\">" + aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"8\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" + "<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"8\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" + "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"8\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"</div>", "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"8\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 9, id = 9,
nama = "Linda Wijaya", nama = "Galih Ramadhan",
tgl_pendaftaran = "14 Jun 2024", tgl_pendaftaran = "19 Jul 2024",
status = "Aktif", status_pendaftaran = "Setuju",
saldo_awal = 550000, saldo_awal = 600000,
status_penarikan = "-", saldo_sekarang = 820000,
status_nasabah = "Aktif",
aksi = "<div class=\"flex gap-2\">" + aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"9\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" + "<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"9\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" + "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"9\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"</div>", "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"9\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 10, id = 10,
nama = "Bambang Suryanto", nama = "Silvia Ayu",
tgl_pendaftaran = "30 Okt 2023", tgl_pendaftaran = "30 Aug 2024",
status = "Tidak Aktif", status_pendaftaran = "Setuju",
saldo_awal = 250000, saldo_awal = 200000,
status_penarikan = "-", saldo_sekarang = 410000,
status_nasabah = "Aktif",
aksi = "<div class=\"flex gap-2\">" + aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"10\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" + "<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"10\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" + "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"10\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"</div>", "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"10\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 11, id = 11,
nama = "Rina Kusuma", nama = "Yusuf Hakim",
tgl_pendaftaran = "17 Mar 2024", tgl_pendaftaran = "12 Sep 2024",
status = "Aktif", status_pendaftaran = "Belum Setujui",
saldo_awal = 480000, saldo_awal = 100000,
status_penarikan = "-", saldo_sekarang = 200000,
status_nasabah = "Tidak Aktif",
aksi = "<div class=\"flex gap-2\">" + aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"11\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" + "<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"11\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" + "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"11\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"</div>", "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"11\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 12, id = 12,
nama = "Joko Susilo", nama = "Rani Oktaviani",
tgl_pendaftaran = "9 Agt 2023", tgl_pendaftaran = "22 Sep 2024",
status = "Aktif", status_pendaftaran = "Setuju",
saldo_awal = 420000, saldo_awal = 350000,
status_penarikan = "-", saldo_sekarang = 500000,
status_nasabah = "Aktif",
aksi = "<div class=\"flex gap-2\">" + aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"12\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" + "<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"12\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" + "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"12\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"</div>", "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"12\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 13, id = 13,
nama = "Sri Wahyuni", nama = "Dimas Prakoso",
tgl_pendaftaran = "25 Des 2024", tgl_pendaftaran = "11 Oct 2024",
status = "Aktif", status_pendaftaran = "Belum Setujui",
saldo_awal = 380000, saldo_awal = 200000,
status_penarikan = "-", saldo_sekarang = 330000,
status_nasabah = "Aktif",
aksi = "<div class=\"flex gap-2\">" + aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"13\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" + "<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"13\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" + "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"13\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"</div>", "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"13\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 14, id = 14,
nama = "Agus Setiawan", nama = "Lala Kamila",
tgl_pendaftaran = "12 Apr 2024", tgl_pendaftaran = "7 Nov 2024",
status = "Tidak Aktif", status_pendaftaran = "Setuju",
saldo_awal = 320000, saldo_awal = 50000,
status_penarikan = "-", saldo_sekarang = 90000,
status_nasabah = "Tidak Aktif",
aksi = "<div class=\"flex gap-2\">" + aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"14\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" + "<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"14\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" + "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"14\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"</div>", "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"14\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 15, id = 15,
nama = "Maya Putri", nama = "Farhan Saputra",
tgl_pendaftaran = "6 Jul 2023", tgl_pendaftaran = "12 Dec 2024",
status = "Aktif", status_pendaftaran = "Setuju",
saldo_awal = 520000, saldo_awal = 600000,
status_penarikan = "-", saldo_sekarang = 780000,
status_nasabah = "Aktif",
aksi = "<div class=\"flex gap-2\">" + aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"15\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" + "<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"15\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" + "<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"15\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"</div>", "<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"15\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
}, "</div>",
new {
id = 16,
nama = "Hendra Gunawan",
tgl_pendaftaran = "28 Nov 2024",
status = "Aktif",
saldo_awal = 410000,
status_penarikan = "-",
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"16\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"16\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
},
new {
id = 17,
nama = "Yuni Astuti",
tgl_pendaftaran = "3 Feb 2024",
status = "Aktif",
saldo_awal = 470000,
status_penarikan = "-",
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"17\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"17\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
},
new {
id = 18,
nama = "Dedi Kurniawan",
tgl_pendaftaran = "19 Mei 2023",
status = "Tidak Aktif",
saldo_awal = 290000,
status_penarikan = "-",
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"18\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"18\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
},
new {
id = 19,
nama = "Taufik Rahman",
tgl_pendaftaran = "7 Sep 2024",
status = "Aktif",
saldo_awal = 530000,
status_penarikan = "-",
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"19\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"19\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
},
new {
id = 20,
nama = "Sari Indah",
tgl_pendaftaran = "21 Jan 2024",
status = "Aktif",
saldo_awal = 390000,
status_penarikan = "-",
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"20\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"20\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
},
new {
id = 21,
nama = "Indra Permana",
tgl_pendaftaran = "15 Okt 2023",
status = "Tidak Aktif",
saldo_awal = 270000,
status_penarikan = "-",
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"21\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"21\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
},
new {
id = 22,
nama = "Lina Marlina",
tgl_pendaftaran = "4 Jun 2024",
status = "Aktif",
saldo_awal = 490000,
status_penarikan = "-",
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"22\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"22\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
},
new {
id = 23,
nama = "Fajar Hidayat",
tgl_pendaftaran = "18 Mar 2024",
status = "Aktif",
saldo_awal = 430000,
status_penarikan = "-",
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"23\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"23\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
},
new {
id = 24,
nama = "Wati Suryani",
tgl_pendaftaran = "10 Agt 2023",
status = "Tidak Aktif",
saldo_awal = 310000,
status_penarikan = "-",
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"24\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"24\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
},
new {
id = 25,
nama = "Eko Prasetyo",
tgl_pendaftaran = "26 Des 2024",
status = "Aktif",
saldo_awal = 560000,
status_penarikan = "-",
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"25\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"25\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
}; };

125
Views/Data/Nasabah/Index.cshtml
View File

@ -102,6 +102,73 @@
</form> </form>
</dialog> </dialog>
<!-- /modal tambah/edit --> <!-- /modal tambah/edit -->
<!-- Modal Tambah/Edit Data -->
<!-- Modal Verifikasi -->
<dialog id="modal_verifikasi" class="modal modal-bottom sm:modal-middle">
<div class="modal-box w-full max-w-3xl p-6 bg-white rounded-2xl">
<h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Verifikasi Nasabah Bank Sampah</h3>
<form id="formVerif" onsubmit="submitFormVerif(event)">
<input type="hidden" id="edit_mode" value="false">
<input type="hidden" id="nasabah_id" value="">
<div class="flex flex-col gap-6">
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
Verifikasi Nasabah
<span class="text-red-500">*</span>
</legend>
<select id="verifikasi_nasabah" class="select w-full" required>
<option value="" disabled selected>Pilih Verifikasi Nasabah</option>
<option value="Setuju">Setuju</option>
<option value="Belum Disetujui">Tidak Setuju</option>
</select>
</fieldset>
</div>
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
Saldo Awal (Rp)
<span class="text-red-500">*</span>
</legend>
<input type="number" id="saldo_awal" class="input w-full" placeholder="Saldo Awal" required />
</fieldset>
</div>
<!-- Row 3 -->
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
Verifikasi Saldo Awal
<span class="text-red-500">*</span>
</legend>
<select id="verifikasi_saldo_awal" class="select w-full" required>
<option value="" disabled selected>Status</option>
<option value="Aktif">Aktif</option>
<option value="Tidak Aktif">Tidak Aktif</option>
</select>
</fieldset>
</div>
<!-- Buttons -->
<div class="flex gap-3 justify-end">
<button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 -outline-offset-1 outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50" onclick="closeModal()">
Batal
</button>
<button type="submit" class="px-8 py-2.5 bg-green-800 rounded-full text-white text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-green-900">
Simpan
</button>
</div>
</div>
</form>
</div>
<form method="dialog" class="modal-backdrop">
<button>close</button>
</form>
</dialog>
<!-- End Modal Verifikasi -->
<div class="h-6"></div> <div class="h-6"></div>
@ -115,9 +182,10 @@
<th class="w-[5%]">No</th> <th class="w-[5%]">No</th>
<th class="w-[20%]">Nama</th> <th class="w-[20%]">Nama</th>
<th class="w-[15%]">Tgl Pendaftaran</th> <th class="w-[15%]">Tgl Pendaftaran</th>
<th class="w-[12%]">Status</th> <th class="w-[12%]">Status Pendaftaran</th>
<th class="w-[15%]">Saldo Awal (Rp)</th> <th class="w-[15%]">Saldo Awal (Rp)</th>
<th class="w-[15%]">Status Penarikan</th> <th class="w-[15%]">Saldo Saat Ini (Rp)</th>
<th class="w-[15%]">Status Nasabah</th>
<th class="w-[10%]">Aksi</th> <th class="w-[10%]">Aksi</th>
</tr> </tr>
</thead> </thead>
@ -146,12 +214,12 @@
{ data: 'nama' }, { data: 'nama' },
{ data: 'tgl_pendaftaran' }, { data: 'tgl_pendaftaran' },
{ {
data: 'status', data: 'status_pendaftaran',
render: function(data, type, row) { render: function(data, type, row) {
if (data === 'Aktif') { if (data === 'Setuju') {
return '<div class="px-2 py-1 bg-green-100 rounded-full inline-flex items-center justify-center"><span class="text-green-600 text-xs font-semibold font-[\'Plus_Jakarta_Sans\']">Aktif</span></div>'; return '<div class="px-2 py-1 bg-green-100 rounded-full inline-flex items-center justify-center"><span class="text-green-600 text-xs font-semibold font-[\'Plus_Jakarta_Sans\']">Setuju</span></div>';
} else { } else {
return '<div class="px-2 py-1 bg-red-50 rounded-full inline-flex items-center justify-center"><span class="text-red-600 text-xs font-medium font-[\'Plus_Jakarta_Sans\']">Tidak Aktif</span></div>'; return '<div class="px-2 py-1 bg-red-50 rounded-full inline-flex items-center justify-center"><span class="text-red-600 text-xs font-medium font-[\'Plus_Jakarta_Sans\']">Belum Disetujui</span></div>';
} }
} }
}, },
@ -161,7 +229,19 @@
return new Intl.NumberFormat('id-ID').format(data); return new Intl.NumberFormat('id-ID').format(data);
} }
}, },
{ data: 'status_penarikan' }, {
data: 'saldo_sekarang',
render: function(data, type, row) {
return new Intl.NumberFormat('id-ID').format(data);
}
},
{ data: 'status_nasabah', render: function(data, type, row) {
if (data === 'Aktif') {
return '<div class="px-2 py-1 bg-green-100 rounded-full inline-flex items-center justify-center"><span class="text-green-600 text-xs font-semibold font-[\'Plus_Jakarta_Sans\']">Aktif</span></div>';
} else {
return '<div class="px-2 py-1 bg-red-50 rounded-full inline-flex items-center justify-center"><span class="text-red-600 text-xs font-medium font-[\'Plus_Jakarta_Sans\']">Tidak Aktif</span></div>';
}
} },
{ data: 'aksi' }, { data: 'aksi' },
] ]
}); });
@ -229,7 +309,16 @@
// Open modal // Open modal
modal_tambah.showModal(); modal_tambah.showModal();
}); });
$('#example').on('click', '.btn-circle.btn-success', function (e) {
console.log("test");
modal_verifikasi.showModal()
});
}); });
// Function to convert date format "15 Nov 2023" to "2023-11-15" // Function to convert date format "15 Nov 2023" to "2023-11-15"
function convertDateToInput(dateStr) { function convertDateToInput(dateStr) {
@ -250,6 +339,7 @@
function closeModal() { function closeModal() {
// Reset form // Reset form
$('#formTambah')[0].reset(); $('#formTambah')[0].reset();
$('#formVerif')[0].reset();
$('#edit_mode').val('false'); $('#edit_mode').val('false');
$('#nasabah_id').val(''); $('#nasabah_id').val('');
$('#modal_title').text('Tambah Data Nasabah'); $('#modal_title').text('Tambah Data Nasabah');
@ -280,5 +370,26 @@
table.ajax.reload(); table.ajax.reload();
}); });
} }
function submitFormVerif(e) {
e.preventDefault();
// TODO: Implement form submission logic
Swal.fire({
title: 'Berhasil!',
text: 'Data berhasil diverifikasi',
icon: 'success',
confirmButtonText: 'OK',
buttonsStyling: false,
customClass: {
confirmButton: 'btn bg-green-800 text-white hover:bg-green-900 px-4 py-2 rounded-full',
},
}).then(() => {
closeModal();
// Reload table
table.ajax.reload();
});
}
</script> </script>
} }