5d3235fdf62b23e2b11c95fa399ad8521d3e0dc3
jnavarr5
  Thu Jun 13 16:23:18 2024 -0700
Have the tutorial selecting the RTS option from the Genome Browser menu, refs #33732

diff --git src/hg/js/clinicalTutorial.js src/hg/js/clinicalTutorial.js
index 141a7ef..8ae9418 100644
--- src/hg/js/clinicalTutorial.js
+++ src/hg/js/clinicalTutorial.js
@@ -34,46 +34,77 @@
         },
         text: 'Next'
     },
     'end': {
         action() {
             // log when the tutorial is finished (commented out for now)
             //writeToApacheLog("clinical finish " + getHgsid());
             //localStorage.setItem("hgTracks_hideTutorial", "1");
             return this.complete();
         },
         classes: 'shepherd-button-secondary',
         text: 'Finish'
     }
 };
 
+
+
 // wrap setup in a function to be called only after  document is ready
 function setupSteps()
 {
     tour.addStep({
-        title: '',
-        text: '',
+        title: 'Recommneded Track Sets',
+        text: 'Some text about the recommended track sets',
         attachTo: {
-            element: '#nice-menu-1',
+            element: '#recTrackSetsMenuItem',
             on: 'bottom'
         },
         buttons: [tutorialButtons.next, tutorialButtons.end],
         id: 'navbar',
-        classes: 'dark-background'
-    });
+        classes: 'dark-background',
+        when: {
+            show: () => {
+                const toolsMenu = document.querySelector('#tools2 > ul');
+                toolsMenu.style.display = 'block';
+                toolsMenu.style.visibility = 'visible';
 
 
+                toolsMenu.addEventListener('mouseover', keepMenuVisible);
+                toolsMenu.addEventListener('mouseout', keepMenuVisible);
+
+                function keepMenuVisible() {
+                    toolsMenu.style.display = 'block';
+                    toolsMenu.style.visibility = 'visible';
+                }
+            },
+            hide: () => {
+                const toolsMenu = document.querySelector('#tools2 > ul');
+                toolsMenu.style.display = 'none';
+                toolsMenu.style.visibility = 'hidden';
+
+                toolsMenu.removeEventListener('mouseover', keepMenuVisible);
+                toolsMenu.removeEventListener('mouseout', keepMenuVisible);
+
+                function keepMenuVisible() {
+                    toolsMenu.style.display = 'block';
+                    toolsMenu.style.visibility = 'visible';
+                }
+
+            }
+        }
+    });
+
     tour.addStep({
         title: '',
         text: 'Some test' +
               ' with more text',
         attachTo: {
             element: '#positionInput',
             on: 'bottom'
         },
         buttons: [tutorialButtons.back, tutorialButtons.next],
         id: 'search'
     });
 
 
     tour.addStep({
         title: 'Further Training and Contact Information',