From 7a113ee72aa8f3272e675159b22db4f43c28ec86 Mon Sep 17 00:00:00 2001
From: slawkens <slawkens@gmail.com>
Date: Sat, 31 Jan 2026 19:26:35 +0100
Subject: [PATCH] Settings: Possibility to navigate tabs through link

---
 system/src/Settings.php                   |  7 ++++--
 system/templates/admin.settings.html.twig | 28 +++++++++++++++++++++++
 2 files changed, 33 insertions(+), 2 deletions(-)

diff --git a/system/src/Settings.php b/system/src/Settings.php
index 849c6f71..e24eaa25 100644
--- a/system/src/Settings.php
+++ b/system/src/Settings.php
@@ -152,9 +152,10 @@ class Settings implements \ArrayAccess
 				}
 
 				if ($setting['type'] === 'category') {
+					$title = strtolower(str_replace(' ', '', $setting['title']));
 					?>
 					<li class="nav-item">
-						<a class="nav-link<?= ($i === 0 ? ' active' : ''); ?>" id="home-tab-<?= $i++; ?>" data-toggle="tab" href="#tab-<?= str_replace(' ', '', $setting['title']); ?>" type="button"><?= $setting['title']; ?></a>
+						<a class="nav-link<?= ($i === 0 ? ' active' : ''); ?>" id="home-tab-<?= $i++; ?>" data-toggle="tab" href="#tab-<?= $title; ?>" type="button"><?= $setting['title']; ?></a>
 					</li>
 					<?php
 				}
@@ -175,8 +176,10 @@ class Settings implements \ArrayAccess
 					if ($j++ !== 0) { // close previous category
 						echo '</tbody></table></div>';
 					}
+
+					$title = strtolower(str_replace(' ', '', $setting['title']));
 				?>
-				<div class="tab-pane fade show<?= ($j === 1 ? ' active' : ''); ?>" id="tab-<?= str_replace(' ', '', $setting['title']); ?>">
+				<div class="tab-pane fade show<?= ($j === 1 ? ' active' : ''); ?>" id="tab-<?= $title; ?>">
 					<?php
 					continue;
 				}
diff --git a/system/templates/admin.settings.html.twig b/system/templates/admin.settings.html.twig
index 777b316a..15c1bf85 100644
--- a/system/templates/admin.settings.html.twig
+++ b/system/templates/admin.settings.html.twig
@@ -165,3 +165,31 @@
 	{% endif %}
 {% endfor %}
 </script>
+
+<script>
+	$(function () {
+		if ($('.tab-content').length) {
+
+			let url = window.location.href;
+			let activeTab = url.substring(url.indexOf("#") + 1);
+
+			let $selector = $('[href="#' + activeTab + '"]')
+			if ($selector.length) {
+				$selector.tab('show');
+			}
+		}
+
+		let url = location.href.replace(/\/$/, "");
+		$('a[data-toggle="tab"]').on("click", function() {
+			let newUrl;
+			const hash = $(this).attr("href");
+			if(hash === "#home") {
+				newUrl = url.split("#")[0];
+			} else {
+				newUrl = url.split("#")[0] + hash;
+			}
+
+			history.replaceState(null, null, newUrl);
+		});
+	});
+</script>