Merge pull request #25 from lociii/infinite_submenus

Refactor templates to support an infinite number of submenus

Author: Evan Borgstrom

menu/templates/bootstrap-navbar-submenu.html

@@ -0,0 +1,14 @@
+<ul class="dropdown-menu">
+    {% for item in items %}
+        {% if item.visible %}
+            <li class="{% if item.selected %} active{% endif %}{% if item.children %} dropdown-submenu{% endif %}">
+                <a href="{{ item.url }}">{{ item.title }}</a>
+                {% if item.children %}
+                    {% with items=item.children template_name='bootstrap-navbar-submenu.html' %}
+                       {% include template_name %}
+                    {% endwith %}
+                {% endif %}
+            </li>
+        {% endif %}
+    {% endfor %}
+</ul>

menu/templates/bootstrap-navbar.html

@@ -1,13 +1,22 @@
 {% for item in menu %}
-{% if item.separator %}<li class="divider-vertical"></li>{% endif %}
-<li class="{% if item.selected %} active{% endif %}{% if item.children %} dropdown{% endif %}" id="top-menu-{{ item.slug }}">
-    {% if item.children %}
-    <a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">{% if item.icon %}<i class="icon-{{ item.icon }} icon-white"></i>&nbsp;{% endif %}{{ item.title }}&nbsp;<b class="caret"></b></a>
-    <ul class="dropdown-menu">
-        {% for child in item.children %}<li{% if child.selected %} class="active"{% endif %}><a href="{{ child.url }}">{{ child.title }}</a></li>{% endfor %}
-    </ul>
-    {% else %}
-    <a href="{{ item.url }}">{% if item.icon %}<i class="icon-{{ item.icon }} icon-white"></i>&nbsp;{% endif %}{{ item.title }}</a>
+    {% if item.visible %}
+        {% if item.separator %}
+            <li class="divider-vertical"></li>
+        {% endif %}
+
+        <li class="{% if item.selected %} active{% endif %}{% if item.children %} dropdown{% endif %}" id="top-menu-{{ item.slug }}">
+            <a href="{{ item.url }}"{% if item.children %} class="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 'bootstrap-navbar-submenu.html' with items=item.children %}
+            {% endif %}
+        </li>
     {% endif %}
-</li>
 {% endfor %}