6a591570d7524ff058dbef8c0569cb2ef2f4ee1d
jnavarr5
  Fri Jun 14 14:51:50 2024 -0700
Opening and closing the proper pop-up box for the Recommended track sets. Removing the hidePopup() function as it is no longer needed, refs #33732

diff --git src/hg/js/clinicalTutorial.js src/hg/js/clinicalTutorial.js
index de4a080..459a69c 100644
--- src/hg/js/clinicalTutorial.js
+++ src/hg/js/clinicalTutorial.js
@@ -43,44 +43,38 @@
         },
         classes: 'shepherd-button-secondary',
         text: 'Finish'
     }
 };
 
 // Function to keep the menu visible
 function keepMenuVisible() {
     const toolsMenu = document.querySelector('#tools2 > ul');
     toolsMenu.style.display = 'block';
     toolsMenu.style.visibility = 'visible';
 }
 
 // Function to show the popup
 function showPopup() {
-    const recTrackSetsPopup = document.querySelector('#recTrackSetsPopup');
-    recTrackSetsPopup.style.display = 'block';
+    const recTrackSetsPopup = document.querySelector('.ui-dialog[aria-labelledby="ui-dialog-title-recTrackSetsPopup"]');
+    if (recTrackSetsPopup) recTrackSetsPopup.style.display = 'block';
 }
 
-// Function to hide the popup
-function hidePopup() {
-    const recTrackSetsPopup = document.querySelector('#recTrackSetsPopup');
-    recTrackSetsPopup.style.display = 'none';
-}
-
-// Function to close the popup by clicking the X button
+// Function to close the popup
 function closePopup() {
-    const closeButton = document.querySelector('#recTrackSetsPopup .ui-dialog-titlebar-close');
-    if (closeButton) closeButton.click();
+  const popupDialog = document.querySelector('.ui-dialog[aria-labelledby="ui-dialog-title-recTrackSetsPopup"]');
+  if (popupDialog) popupDialog.style.display = 'none';
 }
 
 // Function to add steps to the tour
 function setupSteps() {
     tour.addStep({
         title: 'Recommended Track Sets',
         text: 'Some text about the recommended track sets',
         attachTo: {
             element: '#recTrackSetsMenuItem',
             on: 'bottom'
         },
         buttons: [
             {
                 text: 'Next',
                 action: function() {
@@ -168,24 +162,24 @@
     });
 
     tour.addStep({
         title: 'Problematic Regions',
         text: 'Evaluate if annotations are on potential low confidence regions due to high homology or other reported concerns.',
         attachTo: {
             element: '#recTrackSetsPopup ul li:nth-child(4)',
             on: 'right'
         },
         buttons: [
             tutorialButtons.back,
             {
                 text: 'Finish',
                 action: () => {
                     tour.complete();
-                    hidePopup();
+                    closePopup();
                 }
             }
         ],
         when: {
             show: showPopup
         }
     });
 }