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

Feat(BankSampahInduk): add library, delet column on form, change label

main
Kevin Hendrawan 2025-11-19 11:19:16 +07:00
parent 42683c5f91
commit 8582337cb2
3 changed files with 50 additions and 139 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

150
Controllers/Data/BankSampahIndukController.cs
View File

@ -19,251 +19,151 @@ namespace BankSampahApp.Controllers.Data
id = 1,
nama = "BSI Hijau Lestari",
tgl_pendaftaran = "15 Nov 2023",
status = "Aktif",
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>" +
"<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>",
status = "Setujui"
},
new {
id = 2,
nama = "BSI Berkah Mandiri",
tgl_pendaftaran = "8 Jan 2025",
status = "Aktif",
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>" +
"<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>",
status = "Setujui"
},
new {
id = 3,
nama = "BSI Citra Bersama",
tgl_pendaftaran = "19 Sep 2023",
status = "Aktif",
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>" +
"<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>",
status = "Setujui"
},
new {
id = 4,
nama = "BSI Melati Putih",
tgl_pendaftaran = "3 Des 2024",
status = "Aktif",
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>" +
"<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>",
status = "Setujui"
},
new {
id = 5,
nama = "BSI Cahaya Sejahtera",
tgl_pendaftaran = "27 Apr 2026",
status = "Tidak Aktif",
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>" +
"<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>",
status = "Belum Disetujui"
},
new {
id = 6,
nama = "BSI Makmur Abadi",
tgl_pendaftaran = "11 Jul 2025",
status = "Tidak Aktif",
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>" +
"<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>",
status = "Belum Disetujui"
},
new {
id = 7,
nama = "BSI Karya Bersama",
tgl_pendaftaran = "22 Feb 2024",
status = "Aktif",
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>" +
"<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>",
status = "Setujui"
},
new {
id = 8,
nama = "BSI Sumber Rejeki",
tgl_pendaftaran = "5 Mei 2023",
status = "Aktif",
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>" +
"<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>",
status = "Setujui"
},
new {
id = 9,
nama = "BSI Bumi Asri",
tgl_pendaftaran = "14 Jun 2024",
status = "Aktif",
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>" +
"<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>",
status = "Setujui"
},
new {
id = 10,
nama = "BSI Alam Indah",
tgl_pendaftaran = "30 Okt 2023",
status = "Tidak Aktif",
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>" +
"<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>",
status = "Belum Disetujui"
},
new {
id = 11,
nama = "BSI Sejahtera Bersama",
tgl_pendaftaran = "17 Mar 2024",
status = "Aktif",
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>" +
"<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>",
status = "Setujui"
},
new {
id = 12,
nama = "BSI Harapan Jaya",
tgl_pendaftaran = "9 Agt 2023",
status = "Aktif",
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>" +
"<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>",
status = "Setujui"
},
new {
id = 13,
nama = "BSI Maju Bersama",
tgl_pendaftaran = "25 Des 2024",
status = "Aktif",
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>" +
"<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>",
status = "Setujui"
},
new {
id = 14,
nama = "BSI Pelangi Nusantara",
tgl_pendaftaran = "12 Apr 2024",
status = "Tidak Aktif",
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>" +
"<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>",
status = "Belum Disetujui"
},
new {
id = 15,
nama = "BSI Serasi Sentosa",
tgl_pendaftaran = "6 Jul 2023",
status = "Aktif",
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>" +
"<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>",
status = "Setujui"
},
new {
id = 16,
nama = "BSI Griya Daur Ulang",
tgl_pendaftaran = "28 Nov 2024",
status = "Aktif",
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>",
status = "Setujui"
},
new {
id = 17,
nama = "BSI Eco Persada",
tgl_pendaftaran = "3 Feb 2024",
status = "Aktif",
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>",
status = "Setujui"
},
new {
id = 18,
nama = "BSI Sahabat Lingkungan",
tgl_pendaftaran = "19 Mei 2023",
status = "Tidak Aktif",
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>",
status = "Belum Disetujui"
},
new {
id = 19,
nama = "BSI Bersih Sejati",
tgl_pendaftaran = "7 Sep 2024",
status = "Aktif",
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>",
status = "Setujui"
},
new {
id = 20,
nama = "BSI Nusa Hijau",
tgl_pendaftaran = "21 Jan 2024",
status = "Aktif",
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>",
status = "Setujui"
},
new {
id = 21,
nama = "BSI Damai Lestari",
tgl_pendaftaran = "15 Okt 2023",
status = "Tidak Aktif",
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>",
status = "Belum Disetujui"
},
new {
id = 22,
nama = "BSI Pelita Harapan",
tgl_pendaftaran = "4 Jun 2024",
status = "Aktif",
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>",
status = "Setujui"
},
new {
id = 23,
nama = "BSI Mentari Pagi",
tgl_pendaftaran = "18 Mar 2024",
status = "Aktif",
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>",
status = "Setujui"
},
new {
id = 24,
nama = "BSI Mitra Alam",
tgl_pendaftaran = "10 Agt 2023",
status = "Tidak Aktif",
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>",
status = "Belum Disetujui"
},
new {
id = 25,
nama = "BSI Perdana Sentosa",
tgl_pendaftaran = "26 Des 2024",
status = "Aktif",
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>",
status = "Setujui"
},
};

35
Views/Data/BankSampahInduk/Index.cshtml
View File

@ -26,7 +26,7 @@
<input type="hidden" id="bank_sampah_induk_id" value="">
<div class="flex flex-col gap-6">
<!-- Row 1 -->
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
<!-- <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
@ -46,19 +46,22 @@
<input type="date" id="tgl_pendaftaran" class="input w-full" required />
</fieldset>
</div>
</div>
</div> -->
<!-- Row 2 -->
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
Status
Bank Sampah Induk
<span class="text-red-500">*</span>
</legend>
<select id="status" class="select w-full" required>
<option value="" disabled selected>Pilih status</option>
<option value="Aktif">Aktif</option>
<option value="Tidak Aktif">Tidak Aktif</option>
<select id="bsi_f" class="select w-full" required>
<option value="" disabled selected>Pilih Bank Sampah Induk</option>
<option value="bsi1">BSI Cahaya Sejahtera</option>
<option value="bsi2">BSI Mandiri Jaya</option>
<option value="bsi3">BSI Harapan Bersama</option>
<option value="bsi4">BSI Berkah Abadi</option>
<option value="bsi5">BSI Maju Bersama</option>
</select>
</fieldset>
</div>
@ -90,11 +93,10 @@
<!-- head -->
<thead>
<tr>
<th class="w-[5%]">No</th>
<th class="w-[40%]">Nama</th>
<th class="w-[10%]">No</th>
<th class="w-[60%]">Nama</th>
<th class="w-[25%]">Tgl Pendaftaran</th>
<th class="w-[15%]">Status</th>
<th class="w-[15%]">Aksi</th>
</tr>
</thead>
<tbody>
@ -110,6 +112,12 @@
var table;
$(document).ready(function () {
$('#bsi_f').select2({
dropdownParent: $('#modal_tambah'), // Penting untuk modal
width: '100%'
}
);
table = new DataTable('#example', {
ajax: '/Data/BankSampahInduk/Table',
scrollX: true,
@ -124,14 +132,13 @@
{
data: 'status',
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>';
if (data === 'Setujui') {
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\']">Disetujui</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>';
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>';
}
}
},
{ data: 'aksi' },
]
});

4
Views/Shared/_LayoutApp.cshtml
View File

@ -40,6 +40,9 @@
<link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
<link rel="stylesheet" href="https://cdn.datatables.net/2.3.4/css/dataTables.tailwindcss.css" />
@await RenderSectionAsync("Styles", required: false)
<!-- Select2 -->
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
</head>
<body class="min-h-dvh bg-gray-100 font-sans antialiased">
@ -66,6 +69,7 @@
<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="https://cdn.datatables.net/2.3.4/js/dataTables.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script src="/plugins/datatables/dataTables.tailwindcss.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script>
@await RenderSectionAsync("Scripts", required: false)