90b8f880be12956b899d973bc565bffdc9b7ce89 jcasper Fri Aug 28 08:27:13 2026 -0700 Moving sort comment on the faceted composite UI, and ading a 'hide subtracks', refs #36320 diff --git src/hg/js/facetedComposite.js src/hg/js/facetedComposite.js index 7847611df23..b2d2f8448ce 100644 --- src/hg/js/facetedComposite.js +++ src/hg/js/facetedComposite.js @@ -144,38 +144,40 @@ const dataTag = document.getElementById("app-data"); return dataTag ? JSON.parse(dataTag.innerText) : ""; })(); // Store initial checkbox states for delta computation on server const initialState = { dataElements: new Set(), dataTypes: new Set() }; function generateHTML() { const container = document.createElement("div"); container.id = "myTag"; container.innerHTML = ` <div id="dataTypeSelector"></div> - <div id="sortNote" class="smallText"></div> <div id="container"> <div id="filters"></div> + <div id="tableColumn"> + <div id="sortNote" class="smallText"></div> <table id="theMetaDataTable"> <thead></thead> <tfoot></tfoot> </table> </div> + </div> `; // Instead of appending to body, append into the placeholder div document.getElementById("metadata-placeholder").appendChild(container); // The table's row order drives the order tracks are drawn in the browser // image. That's easy to miss (the classic composite UI never says so // either), so state it in one line and put the details in the hover. // The icon is appended as a node because createInfoIcon() returns an // element that already has its mouseover listeners attached. const note = document.getElementById("sortNote"); note.appendChild(document.createTextNode( "Tracks appear in the Genome Browser in the same order as the table " + "below - click a column heading to re-sort.")); note.appendChild(createInfoIcon(SORT_ORDER_HELP)); }