From c019924763a9e458c316bf15a82df5d2fe66b669 Mon Sep 17 00:00:00 2001
From: Sergey Krashevich <svk@svk.su>
Date: Tue, 3 Feb 2026 13:20:09 +0300
Subject: [PATCH] webui: navigation bar improve

---
 www/index.html |  5 +++--
 www/main.js    | 11 ++++++++++-
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/www/index.html b/www/index.html
index 7dd1cb0c..f4fa310d 100644
--- a/www/index.html
+++ b/www/index.html
@@ -183,7 +183,8 @@
             left: 100%;
         }
 
-        .nav-link:hover {
+        .nav-link:hover,
+        .nav-link.active {
             color: var(--accent-cyan);
             border-color: var(--accent-cyan);
             box-shadow: var(--glow-cyan);
@@ -613,7 +614,7 @@
         <nav>
             <span class="logo">GO2RTC</span>
             <div class="nav-links">
-                <a href="index.html" class="nav-link">Streams</a>
+                <a href="index.html" class="nav-link active">Streams</a>
                 <a href="add.html" class="nav-link">Add Stream</a>
                 <a href="config.html" class="nav-link">Config</a>
                 <a href="log.html" class="nav-link">Logs</a>
diff --git a/www/main.js b/www/main.js
index a76a42ef..b67aba2f 100644
--- a/www/main.js
+++ b/www/main.js
@@ -182,7 +182,8 @@ if (!document.querySelector('.logo')) {
         left: 100%;
     }
 
-    .nav-link:hover {
+    .nav-link:hover,
+    .nav-link.active {
         color: var(--accent-cyan);
         border-color: var(--accent-cyan);
         box-shadow: var(--glow-cyan);
@@ -427,6 +428,14 @@ if (!document.querySelector('.logo')) {
 </header>
 ` + document.body.innerHTML;
 
+    // Mark active nav link
+    const currentPage = location.pathname.split('/').pop() || 'index.html';
+    document.querySelectorAll('.nav-links .nav-link').forEach(link => {
+        if (link.getAttribute('href') === currentPage) {
+            link.classList.add('active');
+        }
+    });
+
     // Theme management functions
     function initTheme() {
         const savedTheme = localStorage.getItem('theme');