ea778c06746a6f023fb1f6e8409a36c073876c38 jnavarr5 Fri Oct 31 17:22:53 2025 -0700 Adding some steps but not done yet diff --git src/hg/js/tutorials/customTrackTutorial.js src/hg/js/tutorials/customTrackTutorial.js index 816c950b79d..a86d6105bbc 100644 --- src/hg/js/tutorials/customTrackTutorial.js +++ src/hg/js/tutorials/customTrackTutorial.js @@ -42,30 +42,73 @@ 'end': { action() { hideMenu('#help > ul'); return this.complete(); }, //classes: 'shepherd-button-secondary', text: 'Finish' } }; // Function to add steps to the customTrackTour function customTrackSteps() { customTrackTour.addStep({ title: 'Adding custom data to the Genome Browser', - text: 'In this tutorial, we '+ + text: + 'In this tutorial, we '+ 'will explore how to configure custom tracks '+ - 'in the various formats available for a track.', + 'in the various formats available for a track.

'+ + 'For a stable and permanent visualization, please consider '+ + 'creating a track hub. ', buttons: [tutorialButtons.quit, tutorialButtons.next], id: 'intro' }); + customTrackTour.addStep({ + title: 'Selecting the genome assembly', + text: + 'By default, your most recently viewed assembly is selected. '+ + 'Alter the drop-down menus to change the genome assembly.', + buttons: [tutorialButtons.back, tutorialButtons.next], + id: 'genome-select' + }); + customTrackTour.addStep({ + title: 'Examples of custom track data Pt. 1', + text: + 'The simpliest way to view a custom track is to paste the '+ + 'the track and data lines in the dialog box. '+ + 'A custom track consists of three items:'+ + '
    '+ + '
  1. browser lines (optional)
  2. '+ + '
  3. track line
  4. '+ + '
  5. data lines
  6. '+ + '
'+ + 'Alternatively, you can store the custom track data in a file on a web server, '+ + 'and paste the URL to the file to load the custom track. ', + buttons: [tutorialButtons.back, tutorialButtons.next], + id: 'dialog-box' + }); + customTrackTour.addStep({ + title: 'Examples of custom track data Pt. 2', + text: + 'You can use the bigDataUrl parameter in the track line ' + + 'to upload a bigBed, bigWig, or other binary indexed file', + buttons: [tutorialButtons.back, tutorialButtons.next], + id: 'bigCustom-tracks' + }); + customTrackTour.addStep({ + title: '(Optional) Upload track documentation', + text: + ''+ + '', + buttons: [tutorialButtons.back, tutorialButtons.next], + id: 'documentation-box' + }); } if (typeof window.customTrackTour === 'undefined') { customTrackSteps(); //Export the customTrackTour globalally window.customTrackTour = customTrackTour; } })();