cb9d5c7ec853681999acfa42ce503f1846d546ae
max
  Fri Sep 24 05:03:21 2021 -0700
fixing track vis color on config page, refs #26257

diff --git src/hg/js/utils.js src/hg/js/utils.js
index cf33c34..d441498 100644
--- src/hg/js/utils.js
+++ src/hg/js/utils.js
@@ -1,24 +1,40 @@
 // Utility JavaScript
 
 // "use strict";
 
 // Don't complain about line break before '||' etc:
 /* jshint -W014 */
 
 var debug = false;
 
+function cfgPageOnVisChange(ev) {
+    /* configuration page event listener when user changes visibility in dropdown */
+    if (ev.target.value === 'hide')
+        ev.target.classList.replace("normalText", "hiddenText");
+    else
+        ev.target.classList.replace("hiddenText", "normalText");
+}
+
+function cfgPageAddListeners() {
+    /* add event listener to dropdowns */
+    var els = document.querySelectorAll(".trackVis");
+    for (var i=0; i < els.length; i++) {
+        var el = els[i];
+        el.addEventListener("change", cfgPageOnVisChange );
+    }
+}
 
 // Google Analytics helper functions to send events, see src/hg/lib/googleAnalytics.c
 
 function gaOnButtonClick(ev) {
 /* user clicked a button: send event to GA, then execute the old handler */
     var button = ev.currentTarget;
     var buttonName = button.name;
     if (buttonName==="")
         buttonName = button.id;
     if (buttonName==="")
         buttonName = button.value;
     // add the original label, makes logs a lot easier to read
     buttonName = button.value + " / "+buttonName;
 
     ga('send', 'event', 'buttonClick', buttonName);