Skip to content
Snippets Groups Projects
Commit cb2d398a authored by Michal Malý's avatar Michal Malý
Browse files

Align with viewer UI styling and try to prevent a floating headers

setup issue
parent 8340e0d9
No related branches found
No related tags found
No related merge requests found
......@@ -24,7 +24,7 @@
<img src="../imgs/ibt.png" alt="IBT" class="navtab-icon-large">
</div>
<div id="abz_button" class="navtab-pushbutton flex-item-samedim" onclick="openTabNA(event, 'abz_tab')">
<img src="../imgs/icons/home.svg" class="navtab-icon">
<img src="../imgs/icons/nucleic.svg" class="navtab-icon">
<span class="tab-caption">A- B- Z-</span>
</div>
<div class="navtab-pushbutton flex-item-samedim" onclick="openTabNA(event, 'browse_tab')">
......@@ -252,6 +252,7 @@ const ZEE_NTCS = [ 'ZZ01', 'ZZ02', 'ZZ1S', 'ZZ2S', 'ZZS1', 'ZZS2' ];
const LIMITED_WATER_DATA_MSG = 'Data for fragments marked with * have been generated from limited amount of crystal water positions and should be considered less reliable.';
const REF_DINU_NAME = "Reference dinucleotide";
const PRED_TBL_HDRS = [ 'PDB ID', 'Resolution [Å]', 'n(HOH)', 'n(DOD)', 'DNA form' ];
const WATNA_SRV_PATH = '';
let SCROLL_EVT_HANDLERS = [];
let CURRENT_ACTIVE_TAB = null;
......@@ -486,7 +487,7 @@ function mk_seq_ntc_table_code(ntcs, sequences, title, title_collapsed, tainer_i
if (tainer_id) {
code += '<div class="collapsible-table-header">'
code += title;
code += `<div class="pushbutton" onclick="document.querySelector('#${tainer_id}').innerHTML = PREGENERATED_TABLES['${tainer_id}'].collapsed; redraw_molstar();"><div class="pushbutton-text">▼</div></div>`;
code += `<div class="wva-pushbutton wva-pushbutton-border wva-symbolic-pushbutton" onclick="document.querySelector('#${tainer_id}').innerHTML = PREGENERATED_TABLES['${tainer_id}'].collapsed; redraw_molstar();"><img src="assets/imgs/triangle-down.svg" /></div>`;
code += '</div>';
} else
code = `<div class="ntc-seq-title-text">${title}</div>`;
......@@ -537,7 +538,7 @@ function mk_seq_ntc_table_code(ntcs, sequences, title, title_collapsed, tainer_i
code_collapsed += '<tr><td>';
code_collapsed += '<div class="collapsible-table-header">'
code_collapsed += title_collapsed;
code_collapsed += `<div class="pushbutton" onclick="document.querySelector('#${tainer_id}').innerHTML = PREGENERATED_TABLES['${tainer_id}'].expanded; redraw_molstar();"><div class="pushbutton-text">◀</div></div>`;
code_collapsed += `<div class="wva-pushbutton wva-pushbutton-border wva-symbolic-pushbutton" onclick="document.querySelector('#${tainer_id}').innerHTML = PREGENERATED_TABLES['${tainer_id}'].expanded; redraw_molstar();"><img src="assets/imgs/triangle-left.svg" /></div>`;
code_collapsed += '</div>';
code_collapsed += '</td></tr>';
code_collapsed += '<tr><td>...</td></tr>';
......@@ -734,20 +735,24 @@ function listen_to_table_scrolled(tableSel, tainerSel, hdrs) {
}
}
read_zero_positions();
try {
read_zero_positions();
const fun = (e, hide) => {
if (hide === true) {
handle_table(null);
} else {
const rect = table.getBoundingClientRect();
handle_table(rect);
}
};
const fun = (e, hide) => {
if (hide === true) {
handle_table(null);
} else {
const rect = table.getBoundingClientRect();
handle_table(rect);
}
};
SCROLL_EVT_HANDLERS.push({ target: tainer, handler: fun });
SCROLL_EVT_HANDLERS.push({ target: tainer, handler: fun });
tainer.addEventListener('scroll', fun);
tainer.addEventListener('scroll', fun);
} catch (e) {
console.warn('Cannot setup floating table headers');
}
}
function set_scroll_listeners(tabName) {
......@@ -787,6 +792,7 @@ function init_all() {
treatReferenceAsExtraPart: false,
extraStructurePartsPlacement: 'last',
disableStepWaters: true,
pathPrefix: WATNA_SRV_PATH,
}
);
watna_init(
......@@ -800,6 +806,7 @@ function init_all() {
treatReferenceAsExtraPart: false,
extraStructurePartsPlacement: 'last',
disableStepWaters: true,
pathPrefix: WATNA_SRV_PATH,
}
);
watna_init(
......@@ -813,6 +820,7 @@ function init_all() {
treatReferenceAsExtraPart: true,
extraStructurePartsPlacement: 'first',
disableStepWaters: true,
pathPrefix: WATNA_SRV_PATH,
}
);
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment