fbccbe8c3660e3021e5e9d5e1418de0ab81766b4 kate Mon Oct 17 14:41:41 2016 -0700 Another layout. Moves config into side panel. Preferred by Cath and Jeff W. refs #17369 diff --git src/hg/hgGtexTrackSettings/hgGtexTrackSettings.html src/hg/hgGtexTrackSettings/hgGtexTrackSettings.html index ac7d9d4..7d542eb 100644 --- src/hg/hgGtexTrackSettings/hgGtexTrackSettings.html +++ src/hg/hgGtexTrackSettings/hgGtexTrackSettings.html @@ -1,93 +1,101 @@ <div class="container-fluid"> <div class="row gbTrackTitle"> <div class="col-md-10"> <span class="gbTrackName">GTEx Track Settings</span> Gene Expression in 53 tissues from GTEx RNA-seq of 8555 samples (570 donors) <span class="gbAssembly">GRCh37 - hg19</span> </div> <div class="col-md-2 text-right"> + + <div class="goButtonContainer" title="Go to the Genome Browser"> + <div class="gbGoButton">GO</div> + <i class="gbGoIcon fa fa-play fa-2x"></i> + </div> + </div> + </div> + + <div class="row"> + + <!-- Body Map panel --> + <div id="bodyMap" class="col-md-6"> + <!--<object type="image/svg+xml" height="800px" class="gbImage gtexBodyMap" data="/images/bodyMap.svg">--> + <object id="bodyMapSvg" type="image/svg+xml" class="gbImage gtexBodyMap" data="/images/bodyMap.svg"> + Body Map illustration not found + </object> + </div> + + <div class="col-md-6"> + + <!-- Configuration panel --> + <div class="row gbSectionBanner"> + <div class="col-md-10">Configuration</div> + <div class="col-md-2 text-right"> <select id="selectVisibility" class="gbSelect"> <option>hide</option> <option>dense</option> <option>squish</option> <option>pack</option> <option>full</option> </select> - - <div class="goButtonContainer" title="Go to the Genome Browser"> - <div class="gbGoButton">GO</div> - <i class="gbGoIcon fa fa-play fa-2x"></i> - </div> </div> </div> <!-- row 1 --> <div class="row"> - <div class="configurator col-md-4"> + <div class="configurator col-md-5"> <b>Label</b>: <input type="radio" name="gtexGene.label" value="name"> gene symbol <input type="radio" name="gtexGene.label" value="accession"> accession <input type="radio" name="gtexGene.label" value="both"> both </div> - <div class="configurator col-md-8"> + <div class="configurator col-md-7"> <b>Show GTEx gene model</b> <INPUT TYPE=CHECKBOX NAME="gtexGene.showExons" VALUE=on ><INPUT TYPE=HIDDEN NAME='boolshad.gtexGene.showExons' VALUE='0' class='cbShadow'> </div> </div> <!-- row 2 --> <div class="row"> - <div class="configurator col-md-4"> + <div class="configurator col-md-5"> <b>Log10 transform:</b> <INPUT TYPE=CHECKBOX NAME="gtexGene.logTransform" VALUE=on onchange='gtexTransformChanged("gtexGene")' CHECKED><INPUT TYPE=HIDDEN NAME='boolshad.gtexGene.logTransform' VALUE='0' class='cbShadow'> </div> - <div class="configurator col-md-8"> + <div class="configurator col-md-7"> <span class='gtexGeneViewLimitsMaxLabel disabled'><b>View limits maximum:</b></span> <INPUT TYPE=TEXT NAME="gtexGene.maxLimit" SIZE=4 VALUE=300 disabled><span class='gtexGeneViewLimitsMaxLabel disabled'> RPKM (range 0-711778)</span> </div> </div> <!-- row 3 --> <div class="row"> - <div class="configurator col-md-4"> + <div class="configurator col-md-5"> <b>Limit to protein coding genes:</b> <INPUT TYPE=CHECKBOX NAME="gtexGene.codingOnly" VALUE=on ><INPUT TYPE=HIDDEN NAME='boolshad.gtexGene.codingOnly' VALUE='0' class='cbShadow'> </div> - <div class="configurator col-md-8"> + <div class="configurator col-md-7"> <b>Limit to genes scored at or above:</b> <input id="scoreInput" value="" size="8"> (range 0-1000) </div> </div> - <!--<div class="spacer"> </div> */ --> - <!-- end configure panel --> -<!-- tissue chooser panel --> + <!-- Tissue list --> - <div id="gbSectionTitle" class="row gbSectionBanner"> - <div class="col-md-4">Tissues</div> - <div class="col-md-5 gbSectionInfo"> - Click label in Body Map or Tissue List to set or clear a tissue + <div class="row gbSectionBanner"> + + <div class="col-md-1">Tissues</div> + <div class="col-md-7 gbSectionInfo"> + Click label below or in Body Map to set or clear a tissue </div> - <div class="col-md-3 gbButtonContainer"> + <div class="col-md-4 gbButtonContainer"> <div id="setAll" class="goButtonContainer gtButton gbWhiteButton">set all</div> <div id="clearAll" class="goButtonContainer gtButton gbWhiteButton">clear all</div> </div> </div> - <div id="tissueSection" class="row"> - <div id="bodyMap" class="col-md-6"> - <div class="gbSubsectionBanner">Body Map</div> - <!--<object type="image/svg+xml" height="800px" class="gbImage gtexBodyMap" data="/images/bodyMap.svg">--> - <object id="bodyMapSvg" type="image/svg+xml" class="gbImage gtexBodyMap" data="/images/bodyMap.svg"> - Body Map illustration not found - </object> - </div> - <div class="col-md-6"> - <div class="gbSubsectionBanner">Tissue List</div>