4734e09dea54e231a21e474826e46f90fba326ad
kate
  Wed Sep 13 14:47:47 2017 -0700
Add info icon to tissue selection panel.  Clicking this will toggle display of sample count for all tissues.  Input from Casey Brown, U Penn.  Note this also effects GTEx Gene track. refs #15646

diff --git src/hg/js/hgGtexTrackSettings.js src/hg/js/hgGtexTrackSettings.js
index 655e622..aa2c087 100644
--- src/hg/js/hgGtexTrackSettings.js
+++ src/hg/js/hgGtexTrackSettings.js
@@ -308,30 +308,42 @@
             }
         }
         var svgId = ev.currentTarget.id;
         var tis = (svgId === _topTissueId ? _topTissueName :  tissueFromSvgId(svgId));
         unHighlightTissue(tis);
     }
 
     function submitForm() {
     // Submit the form (from GO button -- as in hgGateway.js)
     // Show a spinner -- sometimes it takes a while for hgTracks to start displaying.
         $('.gbIconGo').removeClass('fa-play').addClass('fa-spinner fa-spin');
         $form = $('form');
         $form.submit();
     }
 
+    function toggleShowSampleCount() {
+    // Show or hide sample counts in tissue table
+        var sampleCount = $('.gbmTissueSampleCount')[0];
+        if ($(sampleCount).is(':visible')) {
+            $('.gbmTissueTable').removeClass('gbmTissueTableWithSamples');
+            ($('.gbmTissueSampleCount').hide());
+        } else {
+            $('.gbmTissueTable').addClass('gbmTissueTableWithSamples');
+            ($('.gbmTissueSampleCount').show());
+        }
+    }
+
     // Initialization
 
     function initTissue(tis) {
         // Set tissue to unhighlighted state
         $('#' + tis + PIC_HI, _svgRoot).hide();
         $('#' + tis + AURA_HI, _svgRoot).hide();
 
         // Mark tissue labels in svg
         var textEl = _svgDoc.getElementById(tis + TEXT_HI);
         if (textEl !== null) {
             textEl.classList.add(CLASS_TISSUE_LABEL);
             if ($('#' + tis).hasClass(CLASS_TISSUE_SELECTED)) {
                 textEl.classList.add(CLASS_TISSUE_SELECTED);
                 setMapTissueElColor(textEl);
             }
@@ -392,25 +404,29 @@
         // cart.setCgi('gtexTrackSettings');
 
         $(function() {
             // After page load, tweak layout and initialize event handlers
             // Check if SVG is loaded, if wait for the event
             var svgEl = document.getElementById('bodyMapSvg');
             if (svgEl.getSVGDocument()) {
                 initSvg(svgEl);
             } else {
                 // Wait for SVG to load
                 svgEl.addEventListener('load', function() {
                     initSvg(svgEl);
                 }, false);
             }
             $('.gbButtonGoContainer').click(submitForm);
+
+            // hide/show of sample counts
+            ($('.gbmTissueSampleCount').hide());
+            $('#showSampleCount').click(toggleShowSampleCount);
         });
     }
 
     return {
             init: init
            };
     
 }()); // gtexTrackSettings
 
 gtexTrackSettings.init();