tboudreaux/fourdst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(opat-panel): fixed show all rows button

Browse Source
This commit is contained in:
Emily Boudreaux
2025-08-10 14:14:34 -04:00
parent c7a6756453
commit 8d9b2bd863
1 changed files with 46 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
electron/renderer/opat-handler.js
View File

@@ -45,20 +45,32 @@ function initializeOPATElements() {
// Initialize OPAT tab navigation // Initialize OPAT tab navigation
function initializeOPATTabs() { function initializeOPATTabs() {
const opatTabLinks = document.querySelectorAll('.opat-tab-link'); // Use the correct class name that matches the HTML
const opatTabPanes = document.querySelectorAll('.opat-tab-pane'); const opatTabLinks = document.querySelectorAll('#opat-view .tab-link');
const opatTabPanes = document.querySelectorAll('#opat-view .tab-pane');
console.log(`[OPAT_HANDLER] Found ${opatTabLinks.length} OPAT tab links`);
opatTabLinks.forEach(link => { opatTabLinks.forEach(link => {
link.addEventListener('click', (e) => { link.addEventListener('click', (e) => {
e.preventDefault(); e.preventDefault();
const targetTab = link.dataset.tab; const targetTab = link.dataset.tab;
console.log(`[OPAT_HANDLER] Tab clicked: ${targetTab}`);
// Update active states // Update active states
opatTabLinks.forEach(l => l.classList.remove('active')); opatTabLinks.forEach(l => l.classList.remove('active'));
opatTabPanes.forEach(p => p.classList.remove('active')); opatTabPanes.forEach(p => {
p.classList.remove('active');
p.classList.add('hidden');
});
link.classList.add('active'); link.classList.add('active');
document.getElementById(targetTab).classList.add('active'); const targetPane = document.getElementById(targetTab);
if (targetPane) {
targetPane.classList.add('active');
targetPane.classList.remove('hidden');
console.log(`[OPAT_HANDLER] Switched to tab: ${targetTab}`);
}
}); });
}); });
} }
@@ -223,9 +235,9 @@ function displayTableData(table, tag, showAll = false) {
if (table.N_R > 50) { if (table.N_R > 50) {
html += '<div class="table-controls">'; html += '<div class="table-controls">';
if (!showAll) { if (!showAll) {
html += `<button class="show-all-btn" onclick="displayTableData(stateManager.getOPATFile().cards.get('${opatIndexSelector.value}').tableData.get('${tag}'), '${tag}', true)">Show All ${table.N_R} Rows</button>`; html += `<button class="show-all-btn" data-tag="${tag}" data-show-all="true">Show All ${table.N_R} Rows</button>`;
} else { } else {
html += `<button class="show-less-btn" onclick="displayTableData(stateManager.getOPATFile().cards.get('${opatIndexSelector.value}').tableData.get('${tag}'), '${tag}', false)">Show First 50 Rows</button>`; html += `<button class="show-less-btn" data-tag="${tag}" data-show-all="false">Show First 50 Rows</button>`;
} }
html += '</div>'; html += '</div>';
} }
@@ -273,6 +285,34 @@ function displayTableData(table, tag, showAll = false) {
opatTableDataContent.innerHTML = html; opatTableDataContent.innerHTML = html;
// Add event listeners for show all/show less buttons
const showAllBtns = opatTableDataContent.querySelectorAll('.show-all-btn');
const showLessBtns = opatTableDataContent.querySelectorAll('.show-less-btn');
showAllBtns.forEach(btn => {
btn.addEventListener('click', () => {
const tag = btn.dataset.tag;
console.log(`[OPAT_HANDLER] Show all rows clicked for tag: ${tag}`);
const currentIndexValue = opatIndexSelector.value;
if (currentIndexValue && stateManager.getOPATFile()) {
const tableData = stateManager.getOPATFile().cards.get(currentIndexValue).tableData.get(tag);
displayTableData(tableData, tag, true);
}
});
});
showLessBtns.forEach(btn => {
btn.addEventListener('click', () => {
const tag = btn.dataset.tag;
console.log(`[OPAT_HANDLER] Show less rows clicked for tag: ${tag}`);
const currentIndexValue = opatIndexSelector.value;
if (currentIndexValue && stateManager.getOPATFile()) {
const tableData = stateManager.getOPATFile().cards.get(currentIndexValue).tableData.get(tag);
displayTableData(tableData, tag, false);
}
});
});
// Auto-switch to Data Explorer tab when displaying data // Auto-switch to Data Explorer tab when displaying data
const explorerTab = document.querySelector('[data-tab="opat-explorer-tab"]'); const explorerTab = document.querySelector('[data-tab="opat-explorer-tab"]');
if (explorerTab) { if (explorerTab) {