From 2bafd1f515129d782c904791f8d694bcebc8a61c Mon Sep 17 00:00:00 2001
From: Tom Teichler <tom.teichler@teckids.org>
Date: Tue, 28 May 2019 23:24:10 +0200
Subject: [PATCH] Add possibility to use bootstrap4.

---
 menu/templates/bootstrap4-navbar-submenu.html | 13 +++++++++++
 menu/templates/bootstrap4-navbar.html         | 22 +++++++++++++++++++
 2 files changed, 35 insertions(+)
 create mode 100644 menu/templates/bootstrap4-navbar-submenu.html
 create mode 100644 menu/templates/bootstrap4-navbar.html

diff --git a/menu/templates/bootstrap4-navbar-submenu.html b/menu/templates/bootstrap4-navbar-submenu.html
new file mode 100644
index 0000000..dace833
--- /dev/null
+++ b/menu/templates/bootstrap4-navbar-submenu.html
@@ -0,0 +1,13 @@
+<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+    {% for item in items %}
+        {% if item.visible %}
+            <a class="dropdown-item {% if item.selected %} active{% endif %}{% if item.children %} dropdown-submenu{% endif %}" href="{{ item.url }}">{{ item.title }}
+                {% if item.children %}
+                    {% with items=item.children template_name='bootstrap-navbar-submenu.html' %}
+                       {% include template_name %}
+                    {% endwith %}
+                {% endif %}
+            </a>
+        {% endif %}
+    {% endfor %}
+</div>
diff --git a/menu/templates/bootstrap4-navbar.html b/menu/templates/bootstrap4-navbar.html
new file mode 100644
index 0000000..a6cb713
--- /dev/null
+++ b/menu/templates/bootstrap4-navbar.html
@@ -0,0 +1,22 @@
+{% for item in menu %}
+    {% if item.visible %}
+        {% if item.separator %}
+            <li class="divider-vertical"></li>
+        {% endif %}
+
+        <li class="nav-item {% if item.selected %} active{% endif %}{% if item.children %} dropdown{% endif %}" id="top-menu-{{ item.slug }}">
+            <a href="{{ item.url }}" {% if not item.children %}class=nav-link {% endif%} {% if item.children %} class="nav-link dropdown-toggle" data-hover="dropdown" data-toggle="dropdown"{% endif %}>
+                {% if item.icon %}
+                    <i class="icon-{{ item.icon }} icon-white"></i>&nbsp;
+                {% endif %}
+                <span>{{ item.title }}</span>
+                {% if item.children %}
+                    &nbsp;<b class="caret"></b>
+                {% endif %}
+            </a>
+            {% if item.children %}
+                {% include 'bootstrap4-navbar-submenu.html' with items=item.children %}
+            {% endif %}
+        </li>
+    {% endif %}
+{% endfor %}