forked from xziino/ff14-mitigator
ea00268227
Steps 1+2 of the planner roadmap: data model, create/rename/copy/delete plans, read-only mechanic timeline, two-column layout mirroring the analysis tab style. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
21 lines
817 B
JavaScript
21 lines
817 B
JavaScript
document.addEventListener('DOMContentLoaded', () => {
|
|
const tabs = document.querySelectorAll('.tabs .tab');
|
|
const contents = document.querySelectorAll('.tab-content');
|
|
|
|
function showTab(name) {
|
|
contents.forEach(el => el.style.display = 'none');
|
|
tabs.forEach(btn => btn.classList.remove('active'));
|
|
|
|
const content = document.getElementById('tab-' + name);
|
|
const btn = document.querySelector(`.tabs .tab[data-tab="${name}"]`);
|
|
|
|
if (content) content.style.display = 'block';
|
|
if (btn) btn.classList.add('active');
|
|
|
|
if (name === 'analysis') window.analysisTab?.onTabOpen?.();
|
|
if (name === 'planner') window.plannerTab?.onTabOpen?.();
|
|
}
|
|
|
|
tabs.forEach(btn => btn.addEventListener('click', () => showTab(btn.dataset.tab)));
|
|
});
|