Projets/ObsiGate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add TOC toggle button to file header with dynamic title and icon updates

Browse Source
This commit is contained in:
Bruno Charest 2026-03-24 20:55:03 -04:00
parent e06ae556ba
commit da9b1f136f
1 changed files with 30 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
frontend/app.js
View File

@ -872,6 +872,8 @@
applyState() { applyState() {
const sidebar = document.getElementById('right-sidebar'); const sidebar = document.getElementById('right-sidebar');
const handle = document.getElementById('right-sidebar-resize-handle'); const handle = document.getElementById('right-sidebar-resize-handle');
const tocBtn = document.getElementById('toc-toggle-btn');
const headerToggleBtn = document.getElementById('right-sidebar-toggle-btn');
if (!sidebar) return; if (!sidebar) return;
@ -879,10 +881,29 @@
sidebar.classList.remove('hidden'); sidebar.classList.remove('hidden');
sidebar.style.width = `${rightSidebarWidth}px`; sidebar.style.width = `${rightSidebarWidth}px`;
if (handle) handle.classList.remove('hidden'); if (handle) handle.classList.remove('hidden');
if (tocBtn) {
tocBtn.classList.add('active');
tocBtn.title = 'Masquer le sommaire';
}
if (headerToggleBtn) {
headerToggleBtn.title = 'Masquer le panneau';
headerToggleBtn.setAttribute('aria-label', 'Masquer le panneau');
}
} else { } else {
sidebar.classList.add('hidden'); sidebar.classList.add('hidden');
if (handle) handle.classList.add('hidden'); if (handle) handle.classList.add('hidden');
if (tocBtn) {
tocBtn.classList.remove('active');
tocBtn.title = 'Afficher le sommaire';
} }
if (headerToggleBtn) {
headerToggleBtn.title = 'Afficher le panneau';
headerToggleBtn.setAttribute('aria-label', 'Afficher le panneau');
}
}
// Update icons
safeCreateIcons();
}, },
toggle() { toggle() {
@ -2593,6 +2614,14 @@
window.open(popoutUrl, `popout_${data.vault}_${data.path.replace(/[^a-zA-Z0-9]/g, '_')}`, 'width=1000,height=700,menubar=no,toolbar=no,location=no,status=no,resizable=yes,scrollbars=no'); window.open(popoutUrl, `popout_${data.vault}_${data.path.replace(/[^a-zA-Z0-9]/g, '_')}`, 'width=1000,height=700,menubar=no,toolbar=no,location=no,status=no,resizable=yes,scrollbars=no');
}); });
const tocBtn = el("button", { class: "btn-action", id: "toc-toggle-btn", title: "Afficher/Masquer le sommaire" }, [
icon("list", 14),
document.createTextNode("TOC"),
]);
tocBtn.addEventListener("click", () => {
RightSidebarManager.toggle();
});
// Frontmatter — Accent Card // Frontmatter — Accent Card
let fmSection = null; let fmSection = null;
if (data.frontmatter && Object.keys(data.frontmatter).length > 0) { if (data.frontmatter && Object.keys(data.frontmatter).length > 0) {
@ -2636,7 +2665,7 @@
area.appendChild(el("div", { class: "file-header" }, [ area.appendChild(el("div", { class: "file-header" }, [
el("div", { class: "file-title" }, [document.createTextNode(data.title)]), el("div", { class: "file-title" }, [document.createTextNode(data.title)]),
tagsDiv, tagsDiv,
el("div", { class: "file-actions" }, [copyBtn, sourceBtn, downloadBtn, editBtn, openNewWindowBtn]), el("div", { class: "file-actions" }, [copyBtn, sourceBtn, downloadBtn, editBtn, openNewWindowBtn, tocBtn]),
])); ]));
if (fmSection) area.appendChild(fmSection); if (fmSection) area.appendChild(fmSection);
area.appendChild(mdDiv); area.appendChild(mdDiv);