From 6ee7d424a81c48ef8288c4b50004e182cd54bd2e Mon Sep 17 00:00:00 2001
From: Sammy Ndabo <ndabosam084@gmail.com>
Date: Tue, 13 Aug 2024 23:22:08 +0200
Subject: [PATCH 1/2] [ENH] default.handlebars: Migrate event details modal to
 Boostrap 5

---
 views/default.handlebars | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/views/default.handlebars b/views/default.handlebars
index 605e8a4f0f..253f643ef0 100644
--- a/views/default.handlebars
+++ b/views/default.handlebars
@@ -12469,7 +12469,13 @@
                     }
                 }
                 x += '</div>';
-                setDialogMode(2, "Event Details", 9, null, x);
+
+                setModalContent('xxAddAgent', 'Event Details', x);
+                var eventDetailsModal = new bootstrap.Modal(document.getElementById('xxAddAgentModal'));
+                eventDetailsModal.show();
+                document.getElementById('idx_dlgOkButton').onclick = function () {
+                    eventDetailsModal.hide();
+                };
             }
         }
 

From 159726d44c64201642983398055019e25ac64a81 Mon Sep 17 00:00:00 2001
From: Sammy Ndabo <ndabosam084@gmail.com>
Date: Tue, 13 Aug 2024 23:29:31 +0200
Subject: [PATCH 2/2] [ENH] default.handlebars: Migrate generate reports modal
 to Boostrap 5

---
 views/default.handlebars | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/views/default.handlebars b/views/default.handlebars
index 253f643ef0..eb1c81921c 100644
--- a/views/default.handlebars
+++ b/views/default.handlebars
@@ -18296,7 +18296,13 @@
             x += addHtmlValue("", '<div style=width:250px><label><input type=checkbox id=d2showTraffic ' + ((settings.showTraffic) ? 'checked' : '') + '>' + "Show Traffic" + '</label><div>');
             x += '</div>';
 
-            setDialogMode(2, "Generate Report", 3, generateReportDialogEx, x);
+            setModalContent('xxAddAgent', 'Generate Report', x);
+            var generateReportModal = new bootstrap.Modal(document.getElementById('xxAddAgentModal'));
+            generateReportModal.show();
+            document.getElementById('idx_dlgOkButton').onclick = function () {
+                generateReportDialogEx();
+                generateReportModal.hide();
+            };
             generateReportDialogValidate();
 
             var lastWeek = new Date();