OpenSID · pandigresik · Jul 9, 2026 · Jul 10, 2026
diff --git a/.gitignore b/.gitignore
@@ -30,7 +30,9 @@ public/error_log
 /.vscode
 
 # Themes
-# /themes/*
+/themes/*
+!/themes/opendk/
+/themes/opendk/*
 !/themes/opendk/default/
 /storage/komplain
 

diff --git a/public/js/admin.js b/public/js/admin.js
@@ -11,13 +11,7 @@ function errorValidation(response) {
     var errors = response.responseJSON?.errors;
 
     if (!errors) {
-        Swal.fire({
-            title: 'Gagal!',
-            text: response,
-            icon: 'error',
-            confirmButtonText: 'OK',
-            timer: 1500
-        });
+        openAlert(response, 'Gagal!', 'danger');
     } else {
         $.each(errors, function(key, value) {
             $('#' + key)

diff --git a/public/js/modal-helper.js b/public/js/modal-helper.js
@@ -0,0 +1,45 @@
+var confirmCallback = null;
+
+function openAlert(message, title, type) {
+    var modal = $('#modal-alert');
+    modal.find('.modal-title').text(title || 'Pesan');
+    modal.find('.modal-body').html(message || '');
+    modal.find('.modal-content').removeClass('modal-danger modal-success modal-warning modal-info');
+    if (type) {
+        modal.find('.modal-content').addClass('modal-' + type);
+    }
+    modal.modal('show');
+}
+
+function openConfirm(message, title, callback, btnYesText) {
+    var modal = $('#modal-confirm');
+    modal.find('.modal-title').text(title || 'Konfirmasi');
+    modal.find('.modal-body').html(message || '');
+    confirmCallback = callback;
+    modal.find('#modal-confirm-yes').text(btnYesText || 'Ya');
+    modal.modal('show');
+}
+
+$(document).on('click', '#modal-confirm-yes', function () {
+    $('#modal-confirm').modal('hide');
+    if (typeof confirmCallback === 'function') {
+        confirmCallback();
+    }
+});
+
+$(document).on('click', '[data-confirm]', function (e) {
+    e.preventDefault();
+    var btn = $(this);
+    var message = btn.data('confirm');
+    var title = btn.data('confirm-title') || 'Konfirmasi';
+    var btnText = btn.data('confirm-btn') || 'Ya';
+    var form = btn.closest('form');
+    var href = btn.attr('href');
+    openConfirm(message, title, function () {
+        if (form.length) {
+            form[0].submit();
+        } else if (href) {
+            window.location.href = href;
+        }
+    }, btnText);
+});
diff --git a/resources/views/auth/2fa/verify-activation.blade.php b/resources/views/auth/2fa/verify-activation.blade.php
@@ -189,7 +189,7 @@ function updateOtpValue() {
                     if (expirySeconds <= 0) {
                         clearInterval(expiryInterval);
                         clearInterval(resendInterval);
-                        alert('Kode OTP telah kadaluarsa. Silakan minta kode baru.');
+                        openAlert('Kode OTP telah kadaluarsa. Silakan minta kode baru.', 'Info');
                         window.location.href = '{{ route('otp2fa.index') }}';
                     }
                 }, 1000);
@@ -222,12 +222,12 @@ function updateOtpValue() {
                                 }
                             }, 1000);
 
-                            alert('Kode OTP baru telah dikirim.');
+                            openAlert('Kode OTP baru telah dikirim.', 'Info', 'success');
                         } else {
-                            alert(response.message || 'Gagal mengirim ulang kode OTP.');
+                            openAlert(response.message || 'Gagal mengirim ulang kode OTP.', 'Info', 'warning');
                         }
                     }).fail(function() {
-                        alert('Gagal mengirim ulang kode OTP.');
+                        openAlert('Gagal mengirim ulang kode OTP.', 'Error', 'danger');
                     });
                 });
             });

diff --git a/resources/views/auth/2fa/verify-login.blade.php b/resources/views/auth/2fa/verify-login.blade.php
@@ -237,7 +237,7 @@ function updateOtpValue() {
                 if (expirySeconds <= 0) {
                     clearInterval(expiryInterval);
                     clearInterval(resendInterval);
-                    alert('Kode 2FA telah kadaluarsa. Silakan minta kode baru.');
+                    openAlert('Kode 2FA telah kadaluarsa. Silakan minta kode baru.', 'Info');
                     window.location.href = '{{ route('login') }}';
                 }
             }, 1000);
@@ -256,7 +256,7 @@ function updateOtpValue() {
                         purpose: '2fa_login'
                     },
                     success: function(response) {
-                        alert(response.message);
+                        openAlert(response.message, 'Info', 'success');
 
                         // Reset expiry timer
                         expirySeconds = expiryMinutes * 60;
@@ -282,7 +282,7 @@ function updateOtpValue() {
                         }, 1000);
                     },
                     error: function(xhr) {
-                        alert('Gagal mengirim ulang kode 2FA');
+                        openAlert('Gagal mengirim ulang kode 2FA', 'Error', 'danger');
                         $('#resend-btn').prop('disabled', false).html(
                             '<i class="fa fa-refresh"></i> Kirim Ulang');
                     }

diff --git a/resources/views/auth/otp/verify-activation.blade.php b/resources/views/auth/otp/verify-activation.blade.php
@@ -190,7 +190,7 @@ function updateOtpValue() {
                     if (expirySeconds <= 0) {
                         clearInterval(expiryInterval);
                         clearInterval(resendInterval);
-                        alert('Kode OTP telah kadaluarsa. Silakan minta kode baru.');
+                        openAlert('Kode OTP telah kadaluarsa. Silakan minta kode baru.', 'Info');
                         window.location.href = '{{ route('otp2fa.index') }}';
                     }
                 }, 1000);
@@ -209,7 +209,7 @@ function updateOtpValue() {
                             purpose: 'activation'
                         },
                         success: function(response) {
-                            alert(response.message);
+                            openAlert(response.message, 'Info', 'success');
 
                             // Reset timer
                             expirySeconds = expiryMinutes * 60;
@@ -235,7 +235,7 @@ function updateOtpValue() {
                             }, 1000);
                         },
                         error: function(xhr) {
-                            alert('Gagal mengirim ulang kode OTP');
+                            openAlert('Gagal mengirim ulang kode OTP', 'Error', 'danger');
                             $('#resend-btn').prop('disabled', false).html(
                                 '<i class="fa fa-refresh"></i> Kirim Ulang');
                         }

diff --git a/resources/views/auth/otp/verify-login.blade.php b/resources/views/auth/otp/verify-login.blade.php
@@ -237,7 +237,7 @@ function updateOtpValue() {
                 if (expirySeconds <= 0) {
                     clearInterval(expiryInterval);
                     clearInterval(resendInterval);
-                    alert('Kode OTP telah kadaluarsa. Silakan minta kode baru.');
+                    openAlert('Kode OTP telah kadaluarsa. Silakan minta kode baru.', 'Info');
                     window.location.href = '{{ route('otp.login') }}';
                 }
             }, 1000);
@@ -256,7 +256,7 @@ function updateOtpValue() {
                         purpose: 'login'
                     },
                     success: function(response) {
-                        alert(response.message);
+                        openAlert(response.message, 'Info', 'success');
 
                         // Reset expiry timer
                         expirySeconds = expiryMinutes * 60;
@@ -282,7 +282,7 @@ function updateOtpValue() {
                         }, 1000);
                     },
                     error: function(xhr) {
-                        alert('Gagal mengirim ulang kode OTP');
+                        openAlert('Gagal mengirim ulang kode OTP', 'Error', 'danger');
                         $('#resend-btn').prop('disabled', false).html(
                             '<i class="fa fa-refresh"></i> Kirim Ulang');
                     }

diff --git a/resources/views/auth/otp2fa/verify-settings.blade.php b/resources/views/auth/otp2fa/verify-settings.blade.php
@@ -191,7 +191,7 @@ function updateOtpValue() {
                     if (expirySeconds <= 0) {
                         clearInterval(expiryInterval);
                         clearInterval(resendInterval);
-                        alert('Kode verifikasi telah kadaluarsa. Silakan minta kode baru.');
+                        openAlert('Kode verifikasi telah kadaluarsa. Silakan minta kode baru.', 'Info');
                         window.location.href = '{{ route('otp2fa.index') }}';
                     }
                 }, 1000);
@@ -210,7 +210,7 @@ function updateOtpValue() {
                             purpose: 'settings_verification'
                         },
                         success: function(response) {
-                            alert(response.message);
+                            openAlert(response.message, 'Info', 'success');
 
                             // Reset timer
                             expirySeconds = expiryMinutes * 60;
@@ -236,7 +236,7 @@ function updateOtpValue() {
                             }, 1000);
                         },
                         error: function(xhr) {
-                            alert('Gagal mengirim ulang kode verifikasi');
+                            openAlert('Gagal mengirim ulang kode verifikasi', 'Error', 'danger');
                             $('#resend-btn').prop('disabled', false).html(
                                 '<i class="fa fa-refresh"></i> Kirim Ulang');
                         }

diff --git a/resources/views/components/modal-alert.blade.php b/resources/views/components/modal-alert.blade.php
@@ -0,0 +1,14 @@
+<div class="modal fade" id="modal-alert" tabindex="-1" role="dialog">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+                <h4 class="modal-title" id="modal-alert-title">Pesan</h4>
+            </div>
+            <div class="modal-body" id="modal-alert-body"></div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/resources/views/components/modal-confirm.blade.php b/resources/views/components/modal-confirm.blade.php
@@ -0,0 +1,15 @@
+<div class="modal fade" id="modal-confirm" tabindex="-1" role="dialog">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+                <h4 class="modal-title" id="modal-confirm-title">Konfirmasi</h4>
+            </div>
+            <div class="modal-body" id="modal-confirm-body"></div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-default" data-dismiss="modal">Batal</button>
+                <button type="button" class="btn btn-primary" id="modal-confirm-yes">Ya</button>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/resources/views/data/data_sarana/partials/action.blade.php b/resources/views/data/data_sarana/partials/action.blade.php
@@ -9,7 +9,7 @@
         <form action="{{ $deleteUrl ?? '#' }}" method="POST" style="display:inline;">
             @csrf
             @method('DELETE')
-            <button type="submit" class="btn btn-icon btn-danger btn-sm" style="width: 40px" onclick="return confirm('Yakin ingin menghapus data ini?')">
+            <button type="submit" class="btn btn-icon btn-danger btn-sm" style="width: 40px" data-confirm="Yakin ingin menghapus data ini?">
                 <i class="fa fa-trash" aria-hidden="true"></i>
             </button>
         </form>

diff --git a/resources/views/data/pengurus/create.blade.php b/resources/views/data/pengurus/create.blade.php
@@ -65,7 +65,7 @@ function readURL(input) {
                     } else { //no
                         //warning
                         $("#foto").val('');
-                        alert('File tersebut tidak diperbolehkan.');
+                        openAlert('File tersebut tidak diperbolehkan.', 'Peringatan', 'warning');
                     }
                 }
             }

diff --git a/resources/views/data/pengurus/edit.blade.php b/resources/views/data/pengurus/edit.blade.php
@@ -66,7 +66,7 @@ function readURL(input) {
                     } else { //no
                         //warning
                         $("#foto").val('');
-                        alert('File tersebut tidak diperbolehkan.');
+                        openAlert('File tersebut tidak diperbolehkan.', 'Peringatan', 'warning');
                     }
                 }
             }

diff --git a/resources/views/data/pengurus/form_create_arsip.blade.php b/resources/views/data/pengurus/form_create_arsip.blade.php
@@ -74,7 +74,7 @@
                         },
                         error: function(xhr, status, error) {
                             console.error(error);
-                            alert("Terjadi kesalahan saat mengambil data.");
+                            openAlert("Terjadi kesalahan saat mengambil data.", "Error", "danger");
                         }
                     });
                 }

diff --git a/resources/views/data/pengurus/form_edit_arsip.blade.php b/resources/views/data/pengurus/form_edit_arsip.blade.php
@@ -78,7 +78,7 @@
                         },
                         error: function(xhr, status, error) {
                             console.error(error);
-                            alert("Terjadi kesalahan saat mengambil data.");
+                            openAlert("Terjadi kesalahan saat mengambil data.", "Error", "danger");
                         }
                     });
                 }

diff --git a/resources/views/informasi/artikel/_form.blade.php b/resources/views/informasi/artikel/_form.blade.php
@@ -107,7 +107,7 @@ function readURL(input) {
                     } else { //no
                         //warning
                         $("#file-artikel").val('');
-                        alert('File tersebut tidak diperbolehkan.');
+                        openAlert('File tersebut tidak diperbolehkan.', 'Peringatan', 'warning');
                     }
                 }
             }

diff --git a/resources/views/informasi/media_sosial/create.blade.php b/resources/views/informasi/media_sosial/create.blade.php
@@ -73,7 +73,7 @@ function readURL(input) {
                     } else { //no
                         //warning
                         $("#logo").val('');
-                        alert('File tersebut tidak diperbolehkan.');
+                        openAlert('File tersebut tidak diperbolehkan.', 'Peringatan', 'warning');
                     }
                 }
             }

diff --git a/resources/views/informasi/media_sosial/edit.blade.php b/resources/views/informasi/media_sosial/edit.blade.php
@@ -74,7 +74,7 @@ function readURL(input) {
                     } else { //no
                         //warning
                         $("#logo").val('');
-                        alert('File tersebut tidak diperbolehkan.');
+                        openAlert('File tersebut tidak diperbolehkan.', 'Peringatan', 'warning');
                     }
                 }
             }

diff --git a/resources/views/informasi/prosedur/create.blade.php b/resources/views/informasi/prosedur/create.blade.php
@@ -81,7 +81,7 @@ function readURL(input) {
                     } else { //no
                         //warning
                         $("#file_prosedur").val('');
-                        alert('File tersebut tidak diperbolehkan.');
+                        openAlert('File tersebut tidak diperbolehkan.', 'Peringatan', 'warning');
                     }
                 }
             }

diff --git a/resources/views/informasi/prosedur/edit.blade.php b/resources/views/informasi/prosedur/edit.blade.php
@@ -79,7 +79,7 @@ function readURL(input) {
                     } else { //no
                         //warning
                         $("#file_prosedur").val('');
-                        alert('File tersebut tidak diperbolehkan.');
+                        openAlert('File tersebut tidak diperbolehkan.', 'Peringatan', 'warning');
                     }
                 }
             }

diff --git a/resources/views/informasi/regulasi/form_create.blade.php b/resources/views/informasi/regulasi/form_create.blade.php
@@ -73,7 +73,7 @@ function readURL(input) {
                     } else { //no
                         //warning
                         $("#file_regulasi").val('');
-                        alert('File tersebut tidak diperbolehkan.');
+                        openAlert('File tersebut tidak diperbolehkan.', 'Peringatan', 'warning');
                     }
                 }
             }

diff --git a/resources/views/informasi/regulasi/form_update.blade.php b/resources/views/informasi/regulasi/form_update.blade.php
@@ -73,7 +73,7 @@ function readURL(input) {
                     } else { //no
                         //warning
                         $("#file_regulasi").val('');
-                        alert('File tersebut tidak diperbolehkan.');
+                        openAlert('File tersebut tidak diperbolehkan.', 'Peringatan', 'warning');
                     }
                 }
             }

diff --git a/resources/views/informasi/sinergi_program/create.blade.php b/resources/views/informasi/sinergi_program/create.blade.php
@@ -73,7 +73,7 @@ function readURL(input) {
                     } else { //no
                         //warning
                         $("#gambar").val('');
-                        alert('File tersebut tidak diperbolehkan.');
+                        openAlert('File tersebut tidak diperbolehkan.', 'Peringatan', 'warning');
                     }
                 }
             }

diff --git a/resources/views/informasi/sinergi_program/edit.blade.php b/resources/views/informasi/sinergi_program/edit.blade.php
@@ -77,7 +77,7 @@ function readURL(input) {
                     } else { //no
                         //warning
                         $("#gambar").val('');
-                        alert('File tersebut tidak diperbolehkan.');
+                        openAlert('File tersebut tidak diperbolehkan.', 'Peringatan', 'warning');
                     }
                 }
             }

diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
@@ -195,31 +195,22 @@
 
             let livewireInstance = typeof window.livewire !== 'undefined' ? window.livewire : Livewire;
             livewireInstance.on('success', (message) => {
-                Swal.fire({
-                    position: 'center',
-                    icon: 'success',
-                    title: message,
-                    showConfirmButton: true,
-                    timer: 1500
-                })
+                openAlert(message, 'Sukses', 'success');
                 $('#myModal').modal('hide');
             });
 
             livewireInstance.on('error', (message) => {
-                Swal.fire({
-                    position: 'center',
-                    icon: 'error',
-                    title: message,
-                    showConfirmButton: true,
-                    timer: 1500
-                })
-
+                openAlert(message, 'Error', 'danger');
             });
         })
     </script>
 
     @livewireScripts
 
+    <x-modal-alert />
+    <x-modal-confirm />
+    <script src="{{ asset('/js/modal-helper.js') }}"></script>
+
 </body>
 
 </html>