update sweetalert

package.json

@@ -46,6 +46,7 @@
         "simplebar": "^6.2.1",
         "sortablejs": "^1.15.0",
         "supervisor": "^0.12.0",
+        "sweetalert2": "^11.12.2",
         "swiper": "^9.0.5",
         "tippy.js": "^6.3.7",
         "toastify-js": "^1.12.0",

resources/js/app.js

@@ -23,7 +23,10 @@ import "@caneara/iodine";
 import * as FilePond from 'filepond';
 import FilePondPluginImagePreview from 'filepond-plugin-image-preview';
 import FilePondPluginFileEncode from 'filepond-plugin-file-encode';
-import Quill from 'quill/dist/quill.min';
+//import Quill from 'quill/dist/quill.min';
+import Quill from 'quill/dist/quill.min.js';
+import 'quill/dist/quill.snow.css';
+
 import flatpickr from 'flatpickr';
 import Tom from 'tom-select/dist/js/tom-select.complete.min';
 import "@fortawesome/fontawesome-free/css/all.css";

resources/js/sweetalert.js

+import Swal from 'sweetalert2';
+
+window.confirmDelete = function(pid) {
+    Swal.fire({
+        title: 'Are you sure?',
+        text: "You won't be able to revert this!",
+        icon: 'warning',
+        showCancelButton: true,
+        confirmButtonColor: '#3085d6',
+        cancelButtonColor: '#d33',
+        confirmButtonText: 'Yes, delete it!'
+    }).then((result) => {
+        if (result.isConfirmed) {
+            Livewire.emit('deleteItem', pid);
+        }
+    });
+}
+
+window.confirmDeleteSelected = function() {
+    Swal.fire({
+        title: 'Are you sure?',
+        text: "You won't be able to revert this!",
+        icon: 'warning',
+        showCancelButton: true,
+        confirmButtonColor: '#3085d6',
+        cancelButtonColor: '#d33',
+        confirmButtonText: 'Yes, delete them!'
+    }).then((result) => {
+        if (result.isConfirmed) {
+            Livewire.emit('deleteSelected');
+        }
+    });
+}

resources/views/livewire/pages/parameter/parameter-index.blade.php

@@ -160,20 +160,11 @@
         @livewire('pages.parameter.parameter-edit', ['editPid' => $editPid])
         @endif
     </main>
+    @vite(['resources/js/app.js', 'resources/js/sweetalert.js'])
 </div>
-<script>
-    function confirmDelete(pid) {
-        if (confirm("Are you sure you want to delete this parameter?")) {
-            Livewire.emit('deleteItem', pid);
-        }
-    }
+<!-- <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script> -->
+
 
-    function confirmDeleteSelected() {
-        if (confirm("Are you sure you want to delete the selected parameters?")) {
-            Livewire.emit('deleteSelected');
-        }
-    }
-</script>
 
 
 

vite.config.js

@@ -4,7 +4,7 @@ import laravel from 'laravel-vite-plugin';
 export default defineConfig({
     plugins: [
         laravel({
-            input: ['resources/css/app.css', 'resources/js/app.js'],
+            input: ['resources/css/app.css', 'resources/js/app.js', 'resources/js/sweetalert.js'],
             refresh: false,
             jquery: 'jQuery'
         }),
@@ -15,3 +15,5 @@ export default defineConfig({
         },
     },
 });
+
+