9f3887a28c44e1170456a5e782da504a49ac3b88 hiram Mon Aug 19 15:26:08 2024 -0700 rearrangements following input suggestions refs #32596 diff --git src/hg/htdocs/assemblySearch.html src/hg/htdocs/assemblySearch.html index 367e529..af3e8f2 100755 --- src/hg/htdocs/assemblySearch.html +++ src/hg/htdocs/assemblySearch.html @@ -1,108 +1,103 @@ <!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>Assembly search page</h1> <hr> - <p>When a browser exists, the <b>name</b> column will be a link to - that browser.<br> - TO BE DONE: when browser doesn't exist: pop-up request form + <p><b>TO BE DONE:</b> when browser doesn't exist: pop-up request form </p> <form id="searchForm"> <div class="formDiv"> <div> <label for="searchBox">Enter search term(s) to find assembly:</label> <input type="text" id="searchBox" name="searchBox" required> <div class="submitContainer"> <button id="submitButton" type="submit">Search</button> <div id="loadingSpinner" class="spinner"></div> </div> <button type="button" id="clearSearch">Clear</button> <label for="limitResultCount">limit results to: <select id="limitResultCount" name="limitResultCount"> <option value="10">10</option> <option value="20">20</option> <option value="50">50</option> <option value="100">100</option> <option value="200">200</option> - <option value="500">500</option> + <option value="500" selected>500</option> </select> - count</label> - </div> - <div class="radioGroupContainer"> - <div class="radioGroup"> - <label><input type="radio" name="browserExist" value="mustExist" checked> - show results only when browser is available - </label><br> - <label><input type="radio" name="browserExist" value="mayExist"> - show results when browser is available or assembly can be requested - </label><br> - <label><input type="radio" name="browserExist" value="notExist"> - show results only for assemblies that can be requested - </label> - </div> - <div class="radioGroup"> - <label>may match any word <input type="radio" name="wordMatch" value="anyWord" checked></label> - <label>must match all words <input type="radio" name="wordMatch" value="allWords"></label> - <span class="searchtip">advanced search tips - <span class="searchtiptext"> + count</label> - + <span class="searchTip">advanced search tips + <span class="searchTiptext"> <ol 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> </ol> </span> </span> </div> + <div class="radioGroupContainer"> + <div class="radioGroup"> + <label><input type="checkbox" id="mustExist" name="mustExist" value="mustExist" checked> + show assemblies in available browsers + </label><br> + <label><input type="checkbox" id="notExist" name="notExist" value="notExist" checked> + show assemblies that can be requested + </label> + </div> + <div class="radioGroup"> + <label>may match any word <input type="radio" name="wordMatch" value="anyWord"></label> + <label>must match all words <input type="radio" name="wordMatch" value="allWords" checked></label> + </div> </div> </div> </form> <div> <p><b>results for search string: '</b><span id="searchString"> </span>', <b>total matching: </b><span id="matchCounts">0</span>, <b>from total number of assemblies: </b><span id="availableAssemblies">0</span>, <b>search time: </b><span id="elapsedTime">0 milliseconds</span>. </p> </div> <hr> <table id="dataTable" class="sorttable fifthRowHighlight" style="border: 1px solid black; display:block; max-height: 800px; max-width:1300px; overflow:auto; position:sticky; top:0;"> <colgroup> - <col style="width: 5%"> + <col style="width: 10%"> <col style="width: 10%"> <col style="width: 10%"> <col style="width: 20%"> <col style="width: 8%"> - <col style="width: 47%"> + <col style="width: 42%"> </colgroup> <thead style="position:sticky; top:0; border:1px solid #ddd; width:100%" id="tableHeader"> - <tr><th>count</th> - <th>name</th> - <th>scientificName</th> - <th>commonName</th> + <tr><th>view/<br>request</th> + <th>English common name</th> + <th>scientific name</th> + <th>assembly</th> <th>clade</th> <th>description</th> </tr> </thead> <tbody id="tableBody"></tbody> </table> </hr> <div id="metaData"> </div> </hr> <hr /> <!--#include virtual='$ROOT/inc/garModal.html' --> </div><!-- closing gbsPage from gbPageStartHardcoded.html --> </div><!-- closing container-fluid from gbPageStartHardcoded.html --> <!--#include virtual="$ROOT/inc/gbFooterHardcoded.html"--> <script src="<!--#echo var='ROOT' -->/js/assemblySearch.js"></script> <script src="<!--#echo var='ROOT' -->/js/sorttable.js"></script> </body></html>