50879a38007a5d65c7212f08a4050b36addee76a jcasper Mon Apr 15 16:04:43 2019 -0700 Cleaning up a few HTML tags while trying to track down bug, refs #23323 diff --git src/hg/htdocs/inc/hgCollection.html src/hg/htdocs/inc/hgCollection.html index 3fd7461..bf5212d 100644 --- src/hg/htdocs/inc/hgCollection.html +++ src/hg/htdocs/inc/hgCollection.html @@ -1,188 +1,188 @@ <style> #CustomTrackOptions {margin:12px} #collectionList .ui-selecting { background: #FECA40; } #collectionList .ui-selected { background: #B0E6FF; color: black; } #collectionList { list-style-type: none; margin: 12px; padding: 0; } .collectionList-menu li:hover { background-color: #DEF; } .collectionList-menu { display: none; z-index: 1000; position: absolute; overflow: hidden; border: 1px solid #CCC; white-space: nowrap; font-family: sans-serif; background: #FFF; color: #333; border-radius: 5px; padding: 0; } .mygbSectionBanner { padding: 3px; margin-top: 6px; margin-left: 0px; margin-right: 0px; background-color: #4c759c; /* light blue */ color: white; font-weight: bold; font-size: 15px; } .modal { display: none; position: fixed; z-index: 10000; top: 0; left: 0; height: 100%; width: 100%; background: rgba( 255, 255, 255, 0.5 ) 50% 50% no-repeat; } .myTitleClass .ui-dialog-titlebar { color: white; background: #4c759c; } /* When the body has the loading class, we turn the scrollbar off with overflow:hidden */ body.loading { overflow: hidden; } /* Anytime the body has the loading class, our modal element will be visible */ body.loading .modal { display: block; } .fa-minus-square:before { color: #f00; } .fa-plus:before { color: #0f0; } </style> <div class='container-fluid gbPage'> <div class='row gbTrackTitleBanner'> <div class='col-md-9'> <span class='gbTrackName'>Track Collection Builder <span id='assembly' class='gbAssembly'></span> </span> <a href='#INFO_SECTION' title='Jump to help section'> <span class='gbIconSmall fa-stack'> <i class='gbBlueDarkColor fa fa-circle fa-stack-2x'></i> <i class='gbWhiteColor fa fa-info fa-stack-1x'></i> </span> </a> </div> <div class='col-md-3 text-right'> <div class='gbButton' id='discardChanges' title='Discard all the changes since you entered this application' > Discard Changes </div> <div class='gbButtonGoContainer text-right' title='Save and go to the Genome Browser'> <div class='gbButtonGo' id='goButton'>GO</div> <i class='gbIconGo fa fa-play fa-2x'></i> </div> </div> </div> <div class='row'> <div class='col-md-6'> <div class='row gbSectionBanner'> <div class='col-md-12'>Available Tracks</div> </div> <p> Below are all available graphing tracks that can be added to any collection. Click the arrow to the left of each folder below to show/hide tracks. Click the green "plus" <i class="jstree-icon jstree-themeicon fa fa-plus jstree-themeicon-custom"></i> symbol to add a track to any <i>selected</i> collection in the right window. See "Getting Started" below for tips. </p> - <p> - <div id='tracks' style='overflow:auto'></p> + <div id='tracks' style='overflow:auto'> </div> </div> <div class='col-md-6'> <div class='row gbSectionBanner'> <div class='col-md-3'>Collected Tracks</div> <div class='col-md-3' style='float:right' title='New Collection'> <div style='font-size:13px' id='newCollection' class='gbButton' title='Create a new collection' > Add Collection </div> </div> </div> <p>To make a new collection of tracks, click the 'Add Collection' button above. Once saved, double-click the new collection to edit the name, description, and graph color. To remove a track from a collection, click the red "minus" <i class="jstree-icon jstree-themeicon fa fa-minus-square jstree-themeicon-custom"></i> symbol to the left of each track. Click <strong>"GO"</strong> (upper right) to see collections in the browser. </p> <p> <strong>Note: You must <a href="../goldenPath/help/hgSessionHelp.html" target="_blank"> save your session</a> to preserve collections long-term. - </br></strong></p> + </strong></p> <div id='currentCollection' style='overflow:auto' ><div id='root'></div></div> </div> </div> <ul class='collectionList-menu' style='display:none'> <li data-action="delete">Delete</li> </ul> <div class='modal' style="display:block" id='workScreen'> <table style='width:100%; height: 100%'> <tr> <td style="text-align:center;"> <i class="fa fa-spinner fa-spin" style="font-size:48px"></i> </td> </tr> </table> </div> <div id='newCollectionDialog' class='myTitleClass' title='Create Collection' style='background:white; width:512px; display:none'> <p> <label style='display:none' id='trackDialogHelp'> Enter the name and description of the copied track. </label> <label style='display:none' id='collectionDialogHelp'> Enter the name and description of the collection. </label> </p> <div id='CustomTrackOptions' > <div> <label class='gbInputLabel' for='name'>Name:</label> <input type='text' name='customName' id='customName' value='' class='text ui-widget-content ui-corner-all'> </div> <div> <br><label class='gbInputLabel' for='description'>Description:</label> <input type='text' name='customDescription' id='customDescription' value='' class='text ui-widget-content ui-corner-all' style='width:80%'> </div> <div> <br> <p><span class='gbInputLabel'> Color:</span> <input type='text' id='customColorInput' value='0xffffff'> <input id='customColorPicker'> </div> </div> <div> <input class='gbButton' id="doNewCollection" type="submit" value="Save" > </div> </div> <label style='display:none' id='emptyCollectionText'>Empty Collection. Add tracks from "Available Tracks" (left pane).</label> <label style='display:none' id='addWithoutCollectionText'>You have no collections. Press 'Add Collection' button in 'Collected Tracks' pane</label> +</div> <!-- gbPage -->