00a7706afb08c6e2523ea9645bd0f6bb25308593
jnavarr5
  Thu Nov 14 16:41:59 2024 -0800
Adding more text changes that Lou suggested. Removing the basic tutorial link in the Help menu. Editing comments in the code, refs #34208

diff --git src/hg/js/tutorials/hgTracksPopup.js src/hg/js/tutorials/hgTracksPopup.js
index 3ded1dc..adc4336 100644
--- src/hg/js/tutorials/hgTracksPopup.js
+++ src/hg/js/tutorials/hgTracksPopup.js
@@ -1,77 +1,77 @@
 
 
 
 
 // funtion to create the pop-up on hgTracks
 window.createTutorialPopup = function() {
   // Create the pop-up container
   const tutorialDiv = document.createElement("div");
   tutorialDiv.id = "tutorialContainer";
   tutorialDiv.style.display = "none";
  
   // Create the contents for the popup
   tutorialDiv.innerHTML = `
     <p>
     These interactive tutorials will provide step-by-step guides to help
     navigate through various tools and pages on the UCSC Genome Browser.</p>
     <table style="width:600px; border-color:#666666; border-collapse:collapse; margin: auto;">
       <tr><td style="padding: 8px;width: 200px; text-align: center; border: 1px solid #666666;">
           <a href="#" id="basicTutorial">Basic tutorial</a></td>
           <td style="padding: 8px; width: 450px; word-wrap: break-word; border: 1px solid #666666; text-align:center">
           <small>
-          An introductory tutorial designed to help new users navigate the UCSC Genome Browser.
-          Learn how to configure display settings, search for tracks, and view the negative
-          strand (3' to 5').</small>
+          An introductory tutorial to help new users navigate the UCSC Genome Browser tracks
+          display. Learn how to configure display settings, search for tracks, and view the
+          negative strand (3' to 5').</small>
           </td></tr>
       <tr><td style="width: 250px; padding: 8px; text-align: center; border: 1px solid #666666;">
           <a href="#" id="clinicalTutorial">Advanced tutorial for clinicians</a><br>
           <em style="font-size: 11px">(only available on hg19 & hg38)</em></td>
           <td style="padding: 8px; width: 450px; word-wrap: break-word; border: 1px solid #666666; text-align:center">
           <small>
-          A tutorial aimed to educate clinical geneticists and showcase resources that
+          A tutorial focused on clinical genetics to showcase resources that
           may be useful in variant interpretation.
           <br>
           Learn how to search for variants,
           view recommended track sets, and save your configuration settings to share with others.
           </small>
           </td></tr>
     </table>`;
 
   document.body.appendChild(tutorialDiv); // Add tutorial popup <div> to the page
 
   $("#tutorialContainer").dialog({
     modal: false,
-    title: "All Interactive Tutorials",
+    title: "Interactive Tutorials",
     draggable: true,
     resizable: false,
     width: 650,
     /*
     buttons: [{
       text: "Close",
       click: function() {
         $(this).dialog("close");
       }
     }],*/
     position: {my: "center top", at: "center top+100", of: window}
   });
   
   // Function to control the basic tutorial link
   document.getElementById('basicTutorial').addEventListener('click', function(event) {
     event.preventDefault();
     $("#tutorialContainer").dialog("close");
     basicTour.start();
   });
 
   // Function to control the clincial tutorial link
   document.getElementById('clinicalTutorial').addEventListener('click', function(event) {
     event.preventDefault();
     $("#tutorialContainer").dialog("close");
     const db = getDb(); // Get which database you are viewing
     if (db == "hg38" || db =="hg19") {
         clinicalTour.start(); // If you are on hg38 or hg19, then start the tutorial
     } else {
         // Otherwise go to hg38 and start the tutorial.
         window.location.href = "/cgi-bin/hgTracks?db=hg38&startClinical=true";
     }
   });
 };