sweetalert2 delete confirmation

404NotFoundIndonesia · Feb 18, 2025 · b9aeca2 · b9aeca2
1 parent 0f64afe
commit b9aeca2
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 0 deletions.
diff --git a/lang/en/button.php b/lang/en/button.php
@@ -10,5 +10,6 @@
     'login' => 'Sign In',
     'register' => 'Sign Up',
     'delete_permanently' => 'Delete My Account',
+    'delete' => 'Delete',
 
 ];
diff --git a/lang/en/label.php b/lang/en/label.php
@@ -29,4 +29,5 @@
     'cancel' => 'Cancel',
     'new' => 'New',
     'detail' => 'Detail',
+    'you_wont_be_able_to_revert_this' => 'You will not be able to revert this!',
 ];
diff --git a/lang/id/button.php b/lang/id/button.php
@@ -10,5 +10,6 @@
     'login' => 'Masuk',
     'register' => 'Buat Akun',
     'delete_permanently' => 'Hapus Akun Permanen',
+    'delete' => 'Hapus',
 
 ];
diff --git a/lang/id/label.php b/lang/id/label.php
@@ -29,4 +29,5 @@
     'cancel' => 'Batalkan',
     'new' => 'Baru',
     'detail' => 'Detail',
+    'you_wont_be_able_to_revert_this' => "Aksi ini tidak dapat dibatalkan!",
 ];
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
@@ -35,6 +35,7 @@ class="light-style layout-menu-fixed layout-compact"
     <!-- Vendors CSS -->
     <link rel="stylesheet" href="{{ asset('assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css') }}" />
     <link rel="stylesheet" href="{{ asset('assets/vendor/libs/apex-charts/apex-charts.css') }}" />
+    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/sweetalert2/sweetalert2.min.css') }}" />
 
     <!-- Page CSS -->
     @stack('style')
@@ -59,12 +60,34 @@ class="light-style layout-menu-fixed layout-compact"
     <script src="{{ asset('assets/vendor/libs/popper/popper.js') }}"></script>
     <script src="{{ asset('assets/vendor/js/bootstrap.js') }}"></script>
     <script src="{{ asset('assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js') }}"></script>
+    <script src="{{ asset('assets/vendor/libs/sweetalert2/sweetalert2.all.min.js') }}"></script>
     <script src="{{ asset('assets/vendor/js/menu.js') }}"></script>
 
     <!-- endbuild -->
 
     <!-- Main JS -->
     <script src="{{ asset('assets/js/main.js') }}"></script>
+    <script>
+        document.querySelectorAll("form.delete-form").forEach(form => {
+            form.addEventListener("submit", function(event) {
+                event.preventDefault();
+                Swal.fire({
+                    title: '{{ __('label.are_you_sure') }}',
+                    text: "{{ __('label.you_wont_be_able_to_revert_this') }}",
+                    icon: "warning",
+                    showCancelButton: true,
+                    confirmButtonColor: "#696cff",
+                    cancelButtonColor: "#d33",
+                    confirmButtonText: '{{ __('button.delete') }}',
+                    cancelButtonText: '{{ __('button.cancel') }}',
+                }).then((result) => {
+                    if (result.isConfirmed) {
+                        event.target.submit();
+                    }
+                });
+            });
+        });
+    </script>
     @stack('script')
 
     <!-- Place this tag in your head or just before your close body tag. -->