From a9a3bc1ca1af961dfee3b98700a833fc309e58f7 Mon Sep 17 00:00:00 2001
From: cp6 <cp6@users.noreply.github.com>
Date: Sun, 13 Nov 2022 15:46:12 +1100
Subject: [PATCH] Updated delete modal script to load after page loaded

Updated delete modal script to load after page loaded
---
 .../components/modal-delete-script.blade.php  | 35 ++++++++++---------
 1 file changed, 19 insertions(+), 16 deletions(-)

diff --git a/resources/views/components/modal-delete-script.blade.php b/resources/views/components/modal-delete-script.blade.php
index b640f71..ed25804 100644
--- a/resources/views/components/modal-delete-script.blade.php
+++ b/resources/views/components/modal-delete-script.blade.php
@@ -1,19 +1,22 @@
 <script>
-    let app = new Vue({
-        el: "#app",
-        data: {
-            "modal_hostname": '',
-            "modal_id": '',
-            "delete_form_action": '',
-            showModal: false
-        },
-        methods: {
-            confirmDeleteModal(event) {
-                this.showModal = true;
-                this.modal_hostname = event.target.title;
-                this.modal_id = event.target.id;
-                this.delete_form_action = '{{$uri}}/' + this.modal_id;
+    window.addEventListener('load', function() {
+        document.getElementById("confirmDeleteModal").classList.remove("d-none");
+        let app = new Vue({
+            el: "#app",
+            data: {
+                "modal_hostname": '',
+                "modal_id": '',
+                "delete_form_action": '',
+                showModal: false
+            },
+            methods: {
+                confirmDeleteModal(event) {
+                    this.showModal = true;
+                    this.modal_hostname = event.target.title;
+                    this.modal_id = event.target.id;
+                    this.delete_form_action = '{{$uri}}/' + this.modal_id;
+                }
             }
-        }
-    });
+        });
+    })
 </script>