Update app.js

Previous Commit didn't correct issue with nested modals. This commit changes how modals are created to put each one in it's own unique container so that closing a nested modal does not close the parent container

js/app.js

@@ -404,30 +404,54 @@ $(document).ready(function() {
 
 /*
  |---------------------------------------------------------------
- | Nested Modal Fix for Bootstrap/AdminLTE
+ | Nested Modal Fix for ITFlow AJAX Modals
- | Prevents parent modals from closing when a child modal closes
+ | Each modal gets a unique container, parent modals remain open
  |---------------------------------------------------------------
 */
+
+(function() {
+    if (!window.createAjaxModal) return;
+
+    // Keep original function just in case
+    const originalCreateAjaxModal = window.createAjaxModal;
+
+    window.createAjaxModal = function(contentHtml) {
+        // Generate a unique ID for this modal
+        const modalId = 'ajaxModal_' + Date.now();
+
+        // Create a new modal container
+        const $modal = $('<div class="modal fade" tabindex="-1" aria-hidden="true">')
+            .attr('id', modalId)
+            .html(contentHtml)
+            .appendTo('body');
+
+        // Initialize Bootstrap modal
+        $modal.modal('show');
+
+        // Ensure only this modal is removed when hidden
+        $modal.on('hidden.bs.modal', function () {
+            $(this).remove();
+        });
+
+        return $modal;
+    };
+
+    // Optional: Keep proper z-index stacking for multiple nested modals
     $(document).on('show.bs.modal', '.modal', function () {
-    // How many modals are currently visible?
+        const zIndex = 1040 + (10 * $('.modal:visible').length);
-    const visibleModals = $('.modal:visible').length;
-
-    // Increase z-index for each new modal
-    const zIndex = 1040 + (10 * visibleModals);
         $(this).css('z-index', zIndex);
-
-    // Delay required because Bootstrap inserts backdrop asynchronously
         setTimeout(() => {
             $('.modal-backdrop').not('.modal-stack')
                 .css('z-index', zIndex - 1)
-            .addClass('modal-stack'); // mark backdrops so they aren't reset
+                .addClass('modal-stack');
         }, 0);
     });
 
-// Restore modal-open class when closing a child modal
     $(document).on('hidden.bs.modal', '.modal', function () {
         if ($('.modal:visible').length > 0) {
-        // Ensure background scroll remains locked
             $('body').addClass('modal-open');
         }
     });
+
+})();
+