From 9f56647cf7c28b994b0781f31184875cf7fb8382 Mon Sep 17 00:00:00 2001
From: Patrick Jentsch <p.jentsch@uni-bielefeld.de>
Date: Mon, 18 Nov 2024 12:35:53 +0100
Subject: [PATCH] highlight active items in top navbar

---
 app/templates/_base/navbar_primary_content.html.j2 | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/templates/_base/navbar_primary_content.html.j2 b/app/templates/_base/navbar_primary_content.html.j2
index c4f40ed1..3a3e6eca 100644
--- a/app/templates/_base/navbar_primary_content.html.j2
+++ b/app/templates/_base/navbar_primary_content.html.j2
@@ -13,7 +13,7 @@
 {# shown for large devices #}
 <ul class="hide-on-med-and-down" style="margin-left: calc(57px + 1.5rem);">
   {# dashboard #}
-  <li>
+  <li {% if request.path == url_for('main.dashboard') %}class="active"{% endif %}>
     <a href="{{ url_for('main.dashboard') }}">
       <i class="material-icons left">dashboard</i>
       Dashboard
@@ -29,7 +29,7 @@
   </li>
 
   {# contributions #}
-  <li>
+  <li {% if request.path == url_for('contributions.index') %}class="active"{% endif %}>
     <a href="{{ url_for('contributions.index') }}">
       <i class="material-icons left">new_label</i>
       Contributions
@@ -37,7 +37,7 @@
   </li>
 
   {# social #}
-  <li>
+  <li {% if request.path == url_for('main.social') %}class="active"{% endif %}>
     <a href="{{ url_for('main.social') }}">
       <i class="material-icons left">groups</i>
       Social
@@ -62,14 +62,14 @@
 {# large devices #}
 <ul class="right hide-on-med-and-down" style="height: 64px;">
   {# manual #}
-  <li class="tooltipped" data-position="bottom" data-tooltip="Manual">
+  <li class="tooltipped {% if request.path == url_for('main.manual') %}active{% endif %}" data-position="bottom" data-tooltip="Manual">
     <a href="{{ url_for('main.manual') }}">
       <i class="material-icons">help_outline</i>
     </a>
   </li>
 
   {# news #}
-  <li class="tooltipped" data-position="bottom" data-tooltip="News">
+  <li class="tooltipped {% if request.path == url_for('main.news') %}active{% endif %}" data-position="bottom" data-tooltip="News">
     <a href="{{ url_for('main.news') }}">
       <i class="material-icons">email</i>
     </a>