From aeb63cd482962d76f89b65d6f33877aa1b0c9e16 Mon Sep 17 00:00:00 2001
From: eclipse <eclipse@unterdemradar.de>
Date: Fri, 9 May 2025 09:16:55 +0200
Subject: [PATCH] reworked main menu for easier modification; added
 "aria-current" attribute

---
 the_works/static/the_works.css |  7 +++++-
 the_works/templates/_nav.html  | 41 ++++++++++++++++++++++++----------
 2 files changed, 35 insertions(+), 13 deletions(-)

diff --git a/the_works/static/the_works.css b/the_works/static/the_works.css
index 4a126ce..c0cb44e 100644
--- a/the_works/static/the_works.css
+++ b/the_works/static/the_works.css
@@ -83,4 +83,9 @@ svg {
 
 label:has([type="checkbox"]) {
   width: 100%;
-}
\ No newline at end of file
+}
+
+#navbar li[aria-current=page]>a,
+#navbar li[aria-current=page]>details>summary>a {
+  text-decoration: underline;
+}
diff --git a/the_works/templates/_nav.html b/the_works/templates/_nav.html
index fc08e09..e7ff65c 100644
--- a/the_works/templates/_nav.html
+++ b/the_works/templates/_nav.html
@@ -1,3 +1,17 @@
+{% set menu = (
+  ("Texte", url_for("text.all")),
+  ("Werke", url_for("werk.all")),
+  ("Basisdaten", (
+    ("Genres", url_for("genre.all")),
+    ("Herausgeber:innen", url_for("herausgeber.all")),
+    ("Pseudonyme", url_for("pseudonym.all")),
+    ("Reihen", url_for("reihe.all")),
+    ("Sprachen", url_for("sprache.all")),
+    ("Textformen", url_for("textform.all")),
+    ("Verlage", url_for("verlag.all")),
+    ("Werksformen", url_for("werksform.all"))
+  ))
+) %}
 <nav role="navigation">
   <ul>
     <li>
@@ -13,24 +27,27 @@
   <label id="hamburger-label" for="hamburger" aria-label="Menu" aria-controls="main-menu-items">
     &equiv;
   </label>
-  <ul role="list">
-    <li role="listitem"><a href="{{ url_for('text.all') }}">Texte</a></li>
-    <li role="listitem"><a href="{{ url_for('werk.all') }}">Werke</a></li>
+  <ul role="list" id="navbar">
+    {% for item in menu %} 
+    {% if item[1] is string %}
+    <li role="listitem"{% if request.path == item[1] %} aria-current="page"{% endif %}>
+      <a href="{{ item[1] }}">{{ item[0] }}</a>
+    </li>
+    {% else %}
     <li aria-haspopup="menu" role="listitem">
       <details class="dropdown">
-        <summary><a>Basisdaten</a></summary>
+        <summary><a>{{ item[0] }}</a></summary>
         <ul>
-          <li role="listitem"><a href="{{ url_for('genre.all') }}">Genres</a></li>
-          <li role="listitem"><a href="{{ url_for('herausgeber.all') }}">Herausgeber:innen</a></li>
-          <li role="listitem"><a href="{{ url_for('pseudonym.all') }}">Pseudonyme</a></li>
-          <li role="listitem"><a href="{{ url_for('reihe.all') }}">Reihen</a></li>
-          <li role="listitem"><a href="{{ url_for('sprache.all') }}">Sprachen</a></li>
-          <li role="listitem"><a href="{{ url_for('textform.all') }}">Textformen</a></li>
-          <li role="listitem"><a href="{{ url_for('verlag.all') }}">Verlage</a></li>
-          <li role="listitem"><a href="{{ url_for('werksform.all') }}">Werksformen</a></li>
+          {% for subitem in item[1] %}
+          <li role="listitem"{% if request.path == subitem[1] %} aria-current="page"{% endif %}>
+            <a href="{{ subitem[1] }}">{{ subitem[0] }}</a>
+          </li>
+          {% endfor %}
         </ul>
       </details>
     </li>
+    {% endif %}
+    {% endfor %}
     <li role="listitem" class="sun-moon-li">
       <label id="sun-moon-label">
         <input id="sun-moon" name="color-mode-toggle" role="switch" type="checkbox" value="1" aria-label="Toggle Light or Dark Mode" />