Sidebar: color inactive nav icons by section meaning via data-nav attribute

2026-09-12 01:18:57 +03:00
parent 809b978c4b
commit 192de5e690
2 changed files with 17 additions and 2 deletions
@@ -73,10 +73,10 @@ function buildSidebar(active) {
      <div class="user-role">${roleLabel}</div>
    </div>
    <nav>
-      ${nav.map(n => `<a href="${n.page}.html" class="${n.page === active ? 'active' : ''}"><i data-lucide="${n.icon}"></i>${n.label}</a>`).join('')}
+      ${nav.map(n => `<a href="${n.page}.html" data-nav="${n.page}" class="${n.page === active ? 'active' : ''}"><i data-lucide="${n.icon}"></i>${n.label}</a>`).join('')}
    </nav>
    <div class="bottom">
-      <a href="/"><i data-lucide="home"></i>На главную</a>
+      <a href="/" data-nav="home"><i data-lucide="home"></i>На главную</a>
      <a class="logout" href="#" data-action="logout"><i data-lucide="log-out"></i>Выйти</a>
    </div>`;
  renderIcons();