Replace sidebar menu with collapsible category tree showing items
This commit is contained in:
@@ -1,13 +1,27 @@
|
||||
{% autoescape %}
|
||||
<ul class="nav flex-column nav-pills">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link {% if active_page == 'overview' %}active{% endif %}" href="#" data-route="/">{{ trans('Overview') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link {% if active_page == 'categories' %}active{% endif %}" href="#" data-route="/categories">{{ trans('Categories') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link {% if active_page == 'parts' %}active{% endif %}" href="#" data-route="/parts">{{ trans('Parts') }}</a>
|
||||
</li>
|
||||
{% macro render_node(node) %}
|
||||
<li>
|
||||
<span class="category" onclick="toggleCategory(this)">{{ node.name }}</span>
|
||||
{% if node.children %}
|
||||
<ul style="display: none;">
|
||||
{% for child in node.children %}
|
||||
{{ _self.render_node(child) }}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
{% if node.items %}
|
||||
<ul class="items">
|
||||
{% for item in node.items %}
|
||||
<li><a href="#" onclick="editItem({{ item.id }})" class="item-link">{{ item.name }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endmacro %}
|
||||
|
||||
<ul class="category-tree">
|
||||
{% for node in category_tree %}
|
||||
{{ _self.render_node(node) }}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endautoescape %}
|
||||
Reference in New Issue
Block a user