From 368e28bdfd38df8d33573f6bd81f44b541e47ea7 Mon Sep 17 00:00:00 2001
From: Stephan <spamonia@gmail.com>
Date: Wed, 23 Dec 2020 13:34:10 +0100
Subject: [PATCH] =?UTF-8?q?Navigation=20mit=202=20Ebenen=20generiert=20aus?=
 =?UTF-8?q?=20Databag=20hinzugef=C3=BCgt.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 databags/navigation.json | 26 ++++++++++++++++++++++++++
 templates/layout.html    | 33 ++++++++++++++++++++++-----------
 2 files changed, 48 insertions(+), 11 deletions(-)
 create mode 100644 databags/navigation.json

diff --git a/databags/navigation.json b/databags/navigation.json
new file mode 100644
index 00000000..80d63ae3
--- /dev/null
+++ b/databags/navigation.json
@@ -0,0 +1,26 @@
+{
+  "home": {
+    "href": "/",
+    "items": {}
+  },
+  "about": {
+    "href": "/about",
+    "items": {}
+  },
+  "specs": {
+    "href": "/specs",
+    "list_childs": true,
+    "items": {
+      "members": "/members",
+      "lines of code": "/lines_of_code"
+    }
+  },
+  "mission": {
+    "href": "/faq",
+    "items": {}
+  },
+  "legal": {
+    "href": "/member",
+    "items": {}
+  }
+}
diff --git a/templates/layout.html b/templates/layout.html
index 6435eafc..a5d4173a 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -42,17 +42,28 @@
         </div>
 
         <ul class="nav__navlist">
-            <li class="nav__navitem {% if this._path == '/' %}-active{% endif %}">
-                <a class="nav__navlink {% if this._path == '/' %}-active{% endif %}" href="{{ '/'|url }}">home</a>
-            </li>
-            {% for href, title in [
-                    ['/about', 'about'],
-                    ['/specs', 'specs'],
-                    ['/legal', 'legal']
-                ]
-            %}
-                <li class="nav__navitem {% if this.is_child_of(href) %}-active{% endif %}">
-                <a class="nav__navlink {% if this.is_child_of(href) %}-active{% endif %}" href="{{ href|url }}">{{ title }}</a></li>
+            {% for title, mapping in bag("navigation").items() %}
+                <li class="nav__navitem
+                    {%- if this._path == mapping.href or mapping.href != '/' and this.is_child_of(mapping.href) %}
+                        -active
+                    {%- endif -%}
+                ">
+                    <a class="nav__navlink {% if this._path == mapping.href %}-active{% endif %}" href="{{ mapping.href|url }}">
+                        {{ title }}
+                    </a>
+                    {% if mapping.list_childs %}
+                        <ul class="nav__sub_navlist">
+                            {% set sub_menu = mapping['items'].items() %}
+                            {% for sub_title, href in sub_menu %}
+                                <li class="nav__sub_navitem {%- if this._path == href %} -active{%- endif %}">
+                                    <a class="nav__navlink {% if this._path == href %}-active{% endif %}" href="{{ href|url }}">
+                                        {{ sub_title }}
+                                    </a>
+                                </li>
+                            {% endfor %}
+                        </ul>
+                    {% endif %}
+                </li>
             {% endfor %}
         </ul>
     </nav>