71 lines
1.8 KiB
JavaScript
71 lines
1.8 KiB
JavaScript
"use strict";
|
|
|
|
let tabToFind = location.hash.length > 1 ? location.hash.substring(1) : null;
|
|
for (let tabber of document.body.querySelectorAll(".wds-tabber")) {
|
|
let [tabs, contents] = getTabs(tabber);
|
|
|
|
for (let i in tabs) {
|
|
let tab = tabs[i];
|
|
let content = contents[i];
|
|
|
|
tab.addEventListener("click", function(e) {
|
|
setCurrentTab(tabber, tab, content);
|
|
e.preventDefault();
|
|
});
|
|
if (tab.dataset.hash === tabToFind) {
|
|
setCurrentTab(tabber, tab, content);
|
|
tabToFind = null;
|
|
}
|
|
}
|
|
}
|
|
document.body.classList.remove("bw-tabs-nojs");
|
|
|
|
|
|
|
|
function getTabs(tabber) {
|
|
let tabs = [];
|
|
let contents = [];
|
|
|
|
for (let i of tabber.querySelector(".wds-tabs__wrapper").querySelectorAll(".wds-tabs__tab")) {
|
|
tabs.push(i);
|
|
}
|
|
for (let i of tabber.children) {
|
|
if (!i.matches(".wds-tab__content")) {
|
|
continue;
|
|
}
|
|
contents.push(i);
|
|
}
|
|
|
|
return [tabs, contents];
|
|
}
|
|
|
|
function getCurrentTab(tabber) {
|
|
let tab = null;
|
|
let content = null;
|
|
|
|
tab = tabber.querySelector(".wds-tabs__wrapper").querySelector(".wds-tabs__tab.wds-is-current");
|
|
for (let i of tabber.children) {
|
|
if (!i.matches(".wds-tab__content.wds-is-current")) {
|
|
continue;
|
|
}
|
|
content = i;
|
|
break;
|
|
}
|
|
|
|
return [tab, content];
|
|
}
|
|
|
|
function setCurrentTab(tabber, tab, content) {
|
|
let [currentTab, currentContent] = getCurrentTab(tabber);
|
|
if (currentTab) {
|
|
currentTab.classList.remove("wds-is-current");
|
|
}
|
|
if (currentContent) {
|
|
currentContent.classList.remove("wds-is-current");
|
|
}
|
|
|
|
tab.classList.add("wds-is-current");
|
|
content.classList.add("wds-is-current");
|
|
location.hash = "#" + tab.dataset.hash;
|
|
history.pushState(null, "", "#" + tab.dataset.hash);
|
|
}
|