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

feat(ReduksiSampahSatpel): add edit button effect

main
Kevin Hendrawan 2025-12-14 08:41:05 +07:00
parent 9e1b9ed823
commit 14764d6213
2 changed files with 32 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
Controllers/Main/ReduksiSampahSatpelController.cs
View File

@ -16,6 +16,7 @@ namespace BankSampahApp.Controllers.Main
var data = new[]
{
new {
id=1,
nama_lokasi = "Jakarta Pusat",
alamat = @"
<div class=""flex flex-col gap-1"">
@ -36,6 +37,7 @@ namespace BankSampahApp.Controllers.Main
"</div>",
},
new {
id=2,
nama_lokasi = "Jakarta Selatan",
alamat = @"
<div class=""flex flex-col gap-1"">
@ -56,6 +58,7 @@ namespace BankSampahApp.Controllers.Main
"</div>",
},
new {
id=3,
nama_lokasi = "Jakarta Barat",
alamat = @"
<div class=""flex flex-col gap-1"">
@ -76,6 +79,7 @@ namespace BankSampahApp.Controllers.Main
"</div>",
},
new {
id=4,
nama_lokasi = "Jakarta Timur",
alamat = @"
<div class=""flex flex-col gap-1"">
@ -96,6 +100,7 @@ namespace BankSampahApp.Controllers.Main
"</div>",
},
new {
id=5,
nama_lokasi = "Jakarta Utara",
alamat = @"
<div class=""flex flex-col gap-1"">
@ -116,6 +121,7 @@ namespace BankSampahApp.Controllers.Main
"</div>",
},
new {
id=6,
nama_lokasi = "Depok",
alamat = @"
<div class=""flex flex-col gap-1"">
@ -136,6 +142,7 @@ namespace BankSampahApp.Controllers.Main
"</div>",
},
new {
id=7,
nama_lokasi = "Bogor",
alamat = @"
<div class=""flex flex-col gap-1"">
@ -156,6 +163,7 @@ namespace BankSampahApp.Controllers.Main
"</div>",
},
new {
id=8,
nama_lokasi = "Tangerang",
alamat = @"
<div class=""flex flex-col gap-1"">
@ -176,6 +184,7 @@ namespace BankSampahApp.Controllers.Main
"</div>",
},
new {
id=9,
nama_lokasi = "Bekasi",
alamat = @"
<div class=""flex flex-col gap-1"">
@ -196,6 +205,7 @@ namespace BankSampahApp.Controllers.Main
"</div>",
},
new {
id=10,
nama_lokasi = "Bandung",
alamat = @"
<div class=""flex flex-col gap-1"">

27
Views/Main/ReduksiSampahSatpel/Index.cshtml
View File

@ -28,6 +28,7 @@
<h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Reduksi Sampah</h3>
<form id="formTambah" onsubmit="submitForm(event)">
<input type="hidden" id="edit_mode" value="false">
<input type="hidden" id="reduksi_sampah_id" value="">
<div class="flex flex-col gap-6">
<!-- Fiel Jenis Lokasi -->
<div class="flex flex-col">
@ -38,8 +39,8 @@
</legend>
<select id="jenis_lokasi" class="select w-full" required>
<option value="" disabled selected>Pilih salah satu</option>
<option>Komposting</option>
<option>Maggot</option>
<option value="Komposting">Komposting</option>
<option value="Maggot">Maggot</option>
</select>
</fieldset>
</div>
@ -84,7 +85,7 @@
<legend class="fieldset-legend">
Keterangan Kegiatan<span class="text-red-500">*</span>
</legend>
<textarea id="keterangan_kegiatan" rows="4" required class="textarea textarea-bordered w-full"></textarea>
<textarea id="keterangan_kegiatan" rows="4" required placeholder="Keterangan Kegiatan" class="textarea textarea-bordered w-full"></textarea>
</fieldset>
</div>
@ -105,7 +106,7 @@
<legend class="fieldset-legend">
Pelaksana Kegiatan<span class="text-red-500">*</span>
</legend>
<input type="text" id="preview" class="input w-full" placeholder="Preview Text Artikel" required />
<input type="text" id="preview" class="input w-full" placeholder="Pelaksana Kegiatan" required />
</fieldset>
</div>
</div>
@ -212,7 +213,7 @@
if (jenisLokasi) {
$('#formDetail').removeClass('hidden').hide().fadeIn(300);
populateNamaLokasiDropdown(jenisLokasi);
$('#formTambah')[0].reset();
// $('#formTambah')[0].reset();
} else {
$('#formDetail').fadeOut(300);
}
@ -236,6 +237,22 @@
$('#alamat').val(formattedAlamat);
}
});
$('#example').on('click', '.btn-edit', function (e) {
e.preventDefault();
// Get row data
var row = table.row($(this).parents('tr')).data();
// Set edit mode
$('#edit_mode').val('true');
$('#reduksi_sampah_id').val(row.id);
$('#jenis_lokasi').val(row.jenis_lokasi).trigger("change");
$("#lokasi").val(row.nama_lokasi).trigger("change");
// Open modal
modal_tambah.showModal();
});
});
// 🔹 Fungsi: filter lokasi berdasarkan jenis_lokasi