Tabs for sections v1

2 files changed, 24 insertions, 2 deletions

diff --git a/core/src/main/resources/dokka/scripts/navigationLoader.js b/core/src/main/resources/dokka/scripts/navigationLoader.js
index b30a866d..cac46d2a 100644
--- a/core/src/main/resources/dokka/scripts/navigationLoader.js
+++ b/core/src/main/resources/dokka/scripts/navigationLoader.js
@@ -6,7 +6,6 @@ window.addEventListener('load', () => {
         }).then(() => {
         document.querySelectorAll(".overview > a").forEach(link => {
             link.setAttribute("href", pathToRoot + link.getAttribute("href"));
-            console.log(link.attributes["href"])
         })
     }).then(() => {
         document.querySelectorAll(".sideMenuPart").forEach(nav => {
diff --git a/core/src/main/resources/dokka/scripts/platformContentHandler.js b/core/src/main/resources/dokka/scripts/platformContentHandler.js
index b4a9e7c9..72c8daae 100644
--- a/core/src/main/resources/dokka/scripts/platformContentHandler.js
+++ b/core/src/main/resources/dokka/scripts/platformContentHandler.js
@@ -1,8 +1,31 @@
 window.addEventListener('load', () => {
     document.querySelectorAll("div[data-platform-hinted]")
         .forEach(elem => elem.addEventListener('click', (event) => togglePlatformDependent(event,elem)))
+    document.querySelectorAll("div[tabs-section]")
+    .forEach(elem => elem.addEventListener('click', (event) => toggleSections(event)))
+    document.querySelector(".tabs-section-body")
+        .querySelector("div[data-togglable]")
+        .setAttribute("data-active", "")
+})
+
+function toggleSections(evt){
+    if(!evt.target.getAttribute("data-togglable")) return
+
+    const activateTabs = (containerClass) => {
+        for(const element of document.getElementsByClassName(containerClass)){
+            for(const child of element.children){
+                if(child.getAttribute("data-togglable") === evt.target.getAttribute("data-togglable")){
+                    child.setAttribute("data-active", "")
+                } else {
+                    child.removeAttribute("data-active")
+                }
+            }
+        }
     }
-)
+
+    activateTabs("tabs-section")
+    activateTabs("tabs-section-body")
+}
 
 function togglePlatformDependent(e, container) {
     let target = e.target