ccb13e0ba375da8b3ce296ec2813b1ff519bd88e hiram Wed Sep 11 15:30:51 2024 -0700 adjustments per feedback refs #32596 diff --git src/hg/htdocs/assemblySearch.html src/hg/htdocs/assemblySearch.html index 7c0b5a2..279421b 100755 --- src/hg/htdocs/assemblySearch.html +++ src/hg/htdocs/assemblySearch.html @@ -1,36 +1,36 @@ <!DOCTYPE HTML> <!--#set var="TITLE" value="Genome Assembly Search" --> <!--#set var="ROOT" value="" --> <!--#include virtual='$ROOT/inc/gbPageStartHardcoded.html' --> <link rel="stylesheet" type="text/css" href="<!--#echo var='ROOT' -->/style/assemblySearch.css"> <h1>Genome assembly search and request</h1> <hr> <form id="searchForm"> <div class="formDiv"> <!-- the entire form element --> <div> <!-- container div for search box and submit/clear buttons --> - <label for="searchBox">Enter search term(s) to find assembly:</label> - <input type="text" id="searchBox" placeholder="e.g.: white rhino* -southern" name="searchBox" required> + <label for="searchBox">Enter search term(s):</label> + <input type="text" id="searchBox" placeholder="e.g. white rhino* -southern" name="searchBox" style="width:20%;" required> <div class="submitContainer"> <button id="submitSearch" type="submit">Search</button> <div id="loadingSpinner" class="spinner"></div> </div> <button type="button" id="clearSearch">Clear</button> - - <button type="button" id="advancedSearchButton">Show advanced search options</button> + <button type="button" id="advancedSearchButton">Show search options</button> <!-- mouse over this text to see pop-up help message --> <span class="searchTip" style="float: right;">Advanced search help ⓘ<span class="searchTiptext"> <!-- hidden span for pop-up help message --> <ol id="searchTipList" class="noBullets"> <li> + (plus) sign before <b>+word</b> to force included in result</li> <li> - (minus) sign before <b>-word</b> to exclude word from result</li> <li> * (asterisk) character at end of <b>word*</b> to make the word be a prefix search</li> <li> enclose "words in quotes" to form a phrase for the search</li> <li> all searches are case insensitive</li> <li> single word searches become prefix searches if the word does not match by itself </li> <!-- javaScript will add an extra element in debug mode to show the API reference --> </ol> </span> <!-- a hidden span for a pop-up help message --> </span> <!-- URL argument maxItemsOutput to html page can change this --> @@ -83,52 +83,52 @@ <legend><span class="searchTip">Assembly level ⓘ<span class="searchTiptext" style="width:500px; right:-250px;"><ol class="noBullets"> <li><b>Complete genome</b> - all chromosomes are gapless and have no runs of 10 or more ambiguous bases (Ns), there are no unplaced or unlocalized scaffolds, and all the expected chromosomes are present (i.e. the assembly is not noted as having partial genome representation). Plasmids and organelles may or may not be included in the assembly but if present then the sequences are gapless.</li> <li><b>Chromosome</b> - there is sequence for one or more chromosomes. This could be a completely sequenced chromosome without gaps or a chromosome containing scaffolds or contigs with gaps between them. There may also be unplaced or unlocalized scaffolds.</li> <li><b>Scaffold</b>- some sequence contigs have been connected across gaps to create scaffolds, but the scaffolds are all unplaced or unlocalized.</li> <li><b>Contig</b>- nothing is assembled beyond the level of sequence contigs</li> </ol></span></span></legend> <label><input type="radio" name="asmLevel" value="complete" id="asmLevelComplete"> Complete</label> <label><input type="radio" name="asmLevel" value="chromosome" id="asmLevelChromosome"> Chromosome</label> <label><input type="radio" name="asmLevel" value="scaffold" id="asmLevelScaffold"> Scaffold</label> <label><input type="radio" name="asmLevel" value="contig" id="asmLevelContig"> Contig</label> <label><input type="radio" name="asmLevel" value="asmLevelAny" id="asmLevelAny" checked> Any level</label> </fieldset> </div> <div class="radioGroup"> <fieldset class="colVertical" onchange="optionsChange(event)"> - <legend><span class="searchTip">word match control ⓘ<span class="searchTiptext" style="width:400px">For multiple word search, <b>May match</b> will allow any combination of word matches, where <b>Must match</b> will force all words to be in the search result.</span></span></legend> + <legend><span class="searchTip">word match control ⓘ<span class="searchTiptext" style="width:400px; left:-420px">For multiple word search, <b>May match</b> will allow any combination of word matches, where <b>Must match</b> will force all words to be in the search result.</span></span></legend> <label><input type="radio" name="wordMatch" value="anyWord" id="anyWord"> May match any word</label> <label><input type="radio" name="wordMatch" value="allWords" id="allWords" checked> Must match all words</label> </fieldset> </div> </div> <!-- the radioGroupContainer --> </div> <!-- the entire form element --> </form> <div> <!-- search results status line --> <span id="resultCounts"> </span> <span id="measureTiming">- <em>search time: </em><span id="elapsedTime">0 milliseconds</span>.</span> </div> <!-- search results status line --> <div id=urlCopyLink> <!-- copy link to share this search --> <b>Share link to this search: </b> <span id="urlText0" style="display:none">https://assemblySearch.html</span> <span class="copyLinkSpan" data-target="urlText0"> <button onclick="copyToClipboard(event)" id="copyIcon0" class="copyLink" type="button" title="Copy URL to clipboard" data-target="urlText0"> <svg style="width:0.9em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --> <path d="M502.6 70.63l-61.25-61.25C435.4 3.371 427.2 0 418.7 0H255.1c-35.35 0-64 28.66-64 64l.0195 256C192 355.4 220.7 384 256 384h192c35.2 0 64-28.8 64-64V93.25C512 84.77 508.6 76.63 502.6 70.63zM464 320c0 8.836-7.164 16-16 16H255.1c-8.838 0-16-7.164-16-16L239.1 64.13c0-8.836 7.164-16 16-16h128L384 96c0 17.67 14.33 32 32 32h47.1V320zM272 448c0 8.836-7.164 16-16 16H63.1c-8.838 0-16-7.164-16-16L47.98 192.1c0-8.836 7.164-16 16-16H160V128H63.99c-35.35 0-64 28.65-64 64l.0098 256C.002 483.3 28.66 512 64 512h192c35.2 0 64-28.8 64-64v-32h-47.1L272 448z"></path></svg> Copy</button></span> </div> <!-- copy link to share this search --> <hr> - <table id="dataTable" class="dataTable sorttable fifthRowHighlight" style="border: 1px solid black; display:block; max-width:1300px; border-collapse:separate; position:sticky; top:0;"> + <table id="dataTable" class="dataTable sorttable" style="border: 1px solid black; display:block; margin-left: 0; border-collapse:separate; position:sticky; top:0;"> <colgroup id='colDefinitions'> <col id='viewReq' style="width: 10%"> <col id='comName' style="width: 10%"> <col id='sciName' style="width: 10%"> <col id='asmId' style="width: 15%"> <col id='year' style="width: 5%"> <col id='clade' style="width: 8%"> <col id='description' style="width: 30%"> <col id='status' style="width: 12%"> </colgroup> <thead style="position:sticky; top:0; width:100%" id="tableHeader"> <!-- table header rows are filled in by javaScript since they can be altered by the sorttable system and need to be refreshed --> <tr><td> </td></tr> </thead>