Auf Tabs umgestellt

backend/public/js/main.js

@@ -1,5 +1,6 @@
 document.addEventListener("DOMContentLoaded", async () => {
 
+    initTabs()
     clearDNSCache()
     await refreshAll()
 
@@ -10,6 +11,29 @@ document.addEventListener("DOMContentLoaded", async () => {
 
 let refreshing = false
 
+const DEFAULT_TAB = "resources"
+
+window.setActiveTab = function(tab){
+    const selectedTab = tab || DEFAULT_TAB
+
+    document.querySelectorAll(".tab-button").forEach(button => {
+        button.classList.toggle("active", button.dataset.tabTarget === selectedTab)
+    })
+
+    document.querySelectorAll(".tab-panel").forEach(panel => {
+        panel.classList.toggle("active", panel.dataset.tab === selectedTab)
+    })
+
+    localStorage.setItem("activeTab", selectedTab)
+}
+
+function initTabs(){
+    const storedTab = localStorage.getItem("activeTab")
+    const hasStoredTab = storedTab && document.querySelector(`[data-tab="${storedTab}"]`)
+
+    setActiveTab(hasStoredTab ? storedTab : DEFAULT_TAB)
+}
+
 async function refreshAll(){
 
     if(refreshing) return
@@ -98,4 +122,4 @@ function showError(msg) {
   setTimeout(() => {
     div.remove()
   }, 3000)
-}
+}