11 lines
708 B
JavaScript
11 lines
708 B
JavaScript
export function initTabs(){
|
|
const tabs=document.querySelectorAll('nav [data-tab]'); if(!tabs.length) return;
|
|
const views={ templates:document.getElementById('view-templates'), sections:document.getElementById('view-sections'), blocks:document.getElementById('view-blocks'), snippets:document.getElementById('view-snippets') };
|
|
tabs.forEach(btn=>btn.addEventListener('click',()=>{
|
|
tabs.forEach(b=>b.classList.remove('bg-sky-50','text-sky-700'));
|
|
btn.classList.add('bg-sky-50','text-sky-700');
|
|
document.querySelectorAll('.view').forEach(v=>v.classList.add('hidden'));
|
|
const tab=btn.dataset.tab; views[tab]?.classList.remove('hidden');
|
|
window.loadList && window.loadList(tab);
|
|
}));
|
|
} |