Fix persistente Anzeige der Tabcontainer-Seite bei Interaktion

main.go

@@ -522,7 +522,7 @@ const htmlTemplate = `
 
 		<hr />
 
-		<h4 class="mt-5">Auswertungen</h4>
+		<h2 class="mb-3">Auswertungen</h2>
 
 		<ul class="nav nav-tabs" id="auswertungTabs" role="tablist">
 			<li class="nav-item" role="presentation">
@@ -637,6 +637,35 @@ const htmlTemplate = `
 		{{end}}
 	</div>
 	<script src="/static/js/bootstrap.bundle.min.js"></script>
+	<script>
+	document.addEventListener("DOMContentLoaded", function () {
+		const tabKey = "lastActiveTab";
+
+		// Tabs initialisieren - sicherstellen, dass Bootstrap geladen ist
+		const triggerElList = [].slice.call(document.querySelectorAll('#auswertungTabs button[data-bs-toggle="tab"]'));
+		const tabList = triggerElList.map(function (triggerEl) {
+			return new bootstrap.Tab(triggerEl);
+		});
+
+		// Falls gespeicherter Tab vorhanden ist, anzeigen
+		const lastTabId = localStorage.getItem(tabKey);
+		if (lastTabId) {
+			const selector = '#auswertungTabs button[data-bs-target="' + lastTabId + '"]';
+			const lastTabTrigger = document.querySelector(selector);
+			if (lastTabTrigger) {
+				new bootstrap.Tab(lastTabTrigger).show();
+			}
+		}
+
+		// Tab-Wechsel speichern
+		triggerElList.forEach(function (triggerEl) {
+			triggerEl.addEventListener("shown.bs.tab", function (event) {
+				const target = event.target.getAttribute("data-bs-target");
+				localStorage.setItem(tabKey, target);
+			});
+		});
+	});
+	</script>
 </body>
 </html>
 `