feat(ReduksiSampahSatpel): add edit button effect

Controllers/Main/ReduksiSampahSatpelController.cs

@@ -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"">

Views/Main/ReduksiSampahSatpel/Index.cshtml

@@ -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 value="Komposting">Komposting</option>
-                            <option>Maggot</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