Skip to content
Snippets Groups Projects
Verified Commit 8a792807 authored by weeman's avatar weeman
Browse files

Dynamisches Seitenmenü

parent 7eda74bf
No related branches found
No related tags found
No related merge requests found
...@@ -2,12 +2,16 @@ ...@@ -2,12 +2,16 @@
{% import "plainui/components/title.html" as titleMacro with context %} {% import "plainui/components/title.html" as titleMacro with context %}
{% import "plainui/components/header_buttons.html" as hbtns with context %} {% import "plainui/components/header_buttons.html" as hbtns with context %}
{% macro menuitem(label, icon, active) -%} {% macro menuitem(item) -%}
{% set active = item.url and request.path.startswith(item.url) %}
<li class="nav-item"> <li class="nav-item">
<a href="#" class="nav-link {% if active %}active{% else %}text-white{% endif %} d-flex gap-2 align-items-center"> <a
<i class="bi bi-{{ icon }}"></i> href="{{ item.url }}"
class="nav-link {% if active %}active{% else %}text-white{% endif %} d-flex gap-2 align-items-center"
title="{{ item.title }}">
<i class="bi bi-{{ item.icon }}"></i>
<span> <span>
{{ label }} {{ item.label }}
</span> </span>
</a> </a>
</li> </li>
...@@ -158,49 +162,18 @@ ...@@ -158,49 +162,18 @@
<div class="overflow-y-scroll" style="height: calc(100vh - 172px);"> <div class="overflow-y-scroll" style="height: calc(100vh - 172px);">
<div class="p-3 pt-0"> <div class="p-3 pt-0">
{% for category in conf.get_navigation_tree() %}
<span class="navbar-text"> <span class="navbar-text">
Irgendwas Irgendwas
</span> </span>
<ul class="nav nav-pills flex-column mb-auto">
{{ menuitem("Home", 'house-fill') }}
{{ menuitem("Info", 'info-circle-fill', True) }}
{{ menuitem("Home", 'house-fill') }}
{{ menuitem("Info", 'info-circle-fill') }}
{{ menuitem("Home", 'house-fill') }}
{{ menuitem("Info", 'info-circle-fill') }}
</ul>
<hr>
<span class="navbar-text">
Besucherinformationen
</span>
<ul class="nav nav-pills flex-column mb-auto"> <ul class="nav nav-pills flex-column mb-auto">
{{ menuitem("Home", 'house-fill') }} {% for item in category.children %}
{{ menuitem("Info", 'info-circle-fill') }} {{ menuitem(item) }}
{{ menuitem("Home", 'house-fill') }} {% endfor %}
{{ menuitem("Info", 'info-circle-fill') }}
{{ menuitem("Home", 'house-fill') }}
{{ menuitem("Info", 'info-circle-fill') }}
{{ menuitem("Home", 'house-fill') }}
{{ menuitem("Info", 'info-circle-fill') }}
</ul> </ul>
<hr> <hr>
{% endfor %}
<span class="navbar-text">
Quicklinks
</span>
<ul class="nav nav-pills flex-column mb-auto">
{{ menuitem("Home", 'house-fill') }}
{{ menuitem("Info", 'info-circle-fill') }}
{{ menuitem("Home", 'house-fill') }}
{{ menuitem("Info", 'info-circle-fill') }}
{{ menuitem("Home", 'house-fill') }}
{{ menuitem("Info", 'info-circle-fill') }}
{{ menuitem("Home", 'house-fill') }}
{{ menuitem("Info", 'info-circle-fill') }}
</ul>
</div> </div>
</div> </div>
</div> </div>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment