Update WorkflowAI-H24-scr501.html

therealtimex · Dec 1, 2024 · c37e956 · c37e956
1 parent 3ca7256
commit c37e956
Showing 1 changed file with 20 additions and 20 deletions.
diff --git a/js/WorkflowAI-H24-scr501.html b/js/WorkflowAI-H24-scr501.html
@@ -135,17 +135,17 @@ <h2 class=" dmview-title">##store_lb##</h2>
                     const listFilesArray = listFiles.split(";");
                     new MediaSlider('media-slider-container', listFilesArray);
 
-                    // Use Bootstrap's tab events instead
-                    const tabButtons = document.querySelectorAll('#dmTabs .nav-link[role="tab"]');
-                    tabButtons.forEach(button => {
-                        button.addEventListener('shown.bs.tab', (e) => {
-                            tabButtons.forEach(btn => {
-                                btn.classList.remove('active');
-                                btn.setAttribute('aria-selected', 'false');
-                            });
-                            e.target.classList.add('active');
-                            e.target.setAttribute('aria-selected', 'true');
+                    // Initialize Bootstrap tabs
+                    const triggerTabList = document.querySelectorAll('#dmTabs button');
+                    const tabList = [...triggerTabList].map(triggerEl => {
+                        const tabTrigger = new bootstrap.Tab(triggerEl);
+
+                        triggerEl.addEventListener('click', event => {
+                            event.preventDefault();
+                            tabTrigger.show();
                         });
+
+                        return tabTrigger;
                     });
                 });
         </script>
@@ -290,17 +290,17 @@ <h2 class="dmview-title">##store_lb##</h2>
                     const listFilesArray = listFiles.split(";");
                     new MediaSlider('media-slider-container', listFilesArray);
 
-                    // Use Bootstrap's tab events instead
-                    const tabButtons = document.querySelectorAll('#dmTabs .nav-link[role="tab"]');
-                    tabButtons.forEach(button => {
-                        button.addEventListener('shown.bs.tab', (e) => {
-                            tabButtons.forEach(btn => {
-                                btn.classList.remove('active');
-                                btn.setAttribute('aria-selected', 'false');
-                            });
-                            e.target.classList.add('active');
-                            e.target.setAttribute('aria-selected', 'true');
+                    // Initialize Bootstrap tabs
+                    const triggerTabList = document.querySelectorAll('#dmTabs button');
+                    const tabList = [...triggerTabList].map(triggerEl => {
+                        const tabTrigger = new bootstrap.Tab(triggerEl);
+
+                        triggerEl.addEventListener('click', event => {
+                            event.preventDefault();
+                            tabTrigger.show();
                         });
+
+                        return tabTrigger;
                     });
                 });
         </script>