CRUD petugas/pegawai + filter-sort-rekap transaksi parkir + fix save member kartu + hilangkan alert ganti Swal-loading

public/js/stikerMember/member-register.js

@@ -108,7 +108,7 @@ $(document).ready(function () {
         $(".nopol-add").next(".invalid-feedback").hide();
 
         if (!vehicle) {
-            alert("Wajib pilih jenis kendaraan");
+            Swal.fire({icon: 'warning', title: 'Belum lengkap', text: "Wajib pilih jenis kendaraan"});
             return;
         }
 
@@ -122,7 +122,7 @@ $(document).ready(function () {
                     var rowhtml = `
                         <tr>
                             <td class="text-center">${nopol}</td>
-                            <td class="text-center" data-value="${vehicle}"">${vehicleName}</td>
+                            <td class="text-center" data-value="${vehicle}">${vehicleName}</td>
                             <td class="text-center">${member}</td>
                             <td class="text-center">${merk}</td>
                             <td class="text-center p-1" style="text-align: center;">
@@ -144,8 +144,8 @@ $(document).ready(function () {
                     console.log(r.message);
                 }
             },
-            error: function () {
-                alert("Terjadi kesalahan saat memeriksa nopol");
+            error: function (xhr) {
+                Swal.fire({icon: 'error', title: 'Gagal memeriksa', text: xhr.responseJSON?.message || "Terjadi kesalahan saat memeriksa nopol"});
             },
         });
     });
@@ -244,21 +244,23 @@ $(document).ready(function () {
         };
 
         if ($(".tambah-member").valid()) {
+            const saveHtml = tombol.html();
             $.ajax({
                 url: $("#add-member").attr("action"),
                 type: "POST",
                 data: allData,
                 headers: { "X-CSRF-token": $('meta[name="csrf-token"]').attr("content") },
                 beforeSend: function () {
-                    tombol.attr("disabled", true);
+                    tombol.prop("disabled", true).html('<span class="spinner-border spinner-border-sm me-1"></span>Menyimpan...');
                 },
                 success: function (r) {
                     // alert('Data berhasil dikirim');
                     $("#modal-member").modal("hide");
                     if (r.status == true) {
                         Swal.fire({
+                            icon: "success",
                             title: "Berhasil!!",
-                            text: "Member anda telah terdaftar !!",
+                            text: r.message || "Member anda telah terdaftar !!",
                             timer: 5000,
                             showConfirmButton: !1,
                         }).then(function () {
@@ -266,12 +268,15 @@ $(document).ready(function () {
                             location.reload(); // Ini akan me-reload halaman
                         });
                     } else if (r.status == false) {
-                        Swal.fire("Oops...", "Terjadi kendala !!", "silahkan hubungi admin", "error");
+                        Swal.fire({icon: "error", title: "Oops...", text: r.message || "Terjadi kendala, silakan hubungi admin."});
                     }
                     console.log(r);
                 },
                 error: function (xhr, status, error) {
-                    alert("Terjadi kesalahan: " + error);
+                    Swal.fire({icon: 'error', title: 'Gagal menyimpan', text: xhr.responseJSON?.message || ("Terjadi kesalahan: " + error)});
+                },
+                complete: function () {
+                    tombol.prop('disabled', false).html(saveHtml);
                 },
             });
         }