voussoir/etiquette
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Set tabbed_container data-active-tab-id on tab change.

Browse source
This commit is contained in:
voussoir 2020-10-02 16:53:00 -07:00
parent d8276b763d
commit d15d5f9856
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
frontends/etiquette_flask/static/js/common.js
View file

@ -439,6 +439,7 @@ function init_tabbed_container(tabbed_container)
button_container.append(button); button_container.append(button);
} }
tabs[0].classList.remove("hidden"); tabs[0].classList.remove("hidden");
tabbed_container.dataset.activeTabId = tabs[0].dataset.tabId;
button_container.firstElementChild.classList.remove("tab_button_inactive"); button_container.firstElementChild.classList.remove("tab_button_inactive");
button_container.firstElementChild.classList.add("tab_button_active"); button_container.firstElementChild.classList.add("tab_button_active");
} }
@ -474,7 +475,6 @@ function tabbed_container_switcher(event)
const tab_id = tab_button.dataset.tabId; const tab_id = tab_button.dataset.tabId;
const tab_buttons = tab_button.parentElement.getElementsByClassName("tab_button"); const tab_buttons = tab_button.parentElement.getElementsByClassName("tab_button");
const tabs = tab_button.parentElement.parentElement.getElementsByClassName("tab");
for (const tab_button of tab_buttons) for (const tab_button of tab_buttons)
{ {
if (tab_button.dataset.tabId === tab_id) if (tab_button.dataset.tabId === tab_id)
@ -488,6 +488,9 @@ function tabbed_container_switcher(event)
tab_button.classList.add("tab_button_inactive"); tab_button.classList.add("tab_button_inactive");
} }
} }
const tabbed_container = tab_button.closest(".tabbed_container");
tabbed_container.dataset.activeTabId = tab_id;
const tabs = tabbed_container.getElementsByClassName("tab");
for (const tab of tabs) for (const tab of tabs)
{ {
if (tab.dataset.tabId === tab_id) if (tab.dataset.tabId === tab_id)