mirror of
https://github.com/tabler/tabler.git
synced 2025-12-25 11:29:57 +04:00
65 lines
2.9 KiB
HTML
65 lines
2.9 KiB
HTML
{% assign current-page = page.menu | default: layout.menu | split: '.' %}
|
|
|
|
<ul class="sidebar-nav">
|
|
<li class="sidebar-nav-title">Navigation</li>
|
|
{% for level-1 in site.data.menu %}
|
|
<li class="sidebar-nav-item">
|
|
|
|
<a {% unless level-1[1].children %}href="{{ site.base }}/{{ level-1[1].url }}"{% endunless %} class="sidebar-nav-link{% if level-1[0] == current-page[0] and current-page.size == 1 %} active{% endif %}" {% if level-1[1].children %}data-toggle="collapse" data-target="#sidebar-menu-{{ level-1[0] }}"{% if level-1[0] == current-page[0] %} aria-expanded="true"{% endif %}{% endif %}>
|
|
{% if level-1[1].icon %}
|
|
{% assign icon = level-1[1].icon %}
|
|
{% include ui/icon.html icon=icon class="nav-icon" %}
|
|
{% endif %}
|
|
|
|
<span class="nav-text">{{ level-1[1].title }}</span>
|
|
|
|
{% if level-1[1].badge %}
|
|
{% assign badge = level-1[1].badge %}
|
|
{% assign badge-color = level-1[1].badge-color | default: "green" %}
|
|
{% include ui/badge.html text=badge color=badge-color %}
|
|
{% endif %}
|
|
|
|
{% if level-1[1].children %}
|
|
<span class="sidebar-nav-arrow"></span>
|
|
{% endif %}
|
|
</a>
|
|
|
|
{% if level-1[1].children %}
|
|
<ul class="sidebar-subnav collapse{% if level-1[0] == current-page[0] %} show{% endif %}" id="sidebar-menu-{{ level-1[0] }}">
|
|
{% for level-2 in level-1[1].children %}
|
|
<li class="sidebar-nav-item">
|
|
<a {% unless level-2[1].children %} href="{{ site.base }}/{{ level-2[1].url }}"{% endunless %} class="sidebar-nav-link{% if level-1[0] == current-page[0] and level-2[0] == current-page[1] and current-page.size == 2 %} active{% endif %}" {% if level-2[1].children %}data-toggle="collapse" data-target="#sidebar-menu-{{ level-2[0] }}"{% if level-1[0] == current-page[0] and level-2[0] == current-page[1] %} aria-expanded="true"{% endif %}{% endif %}>
|
|
<span>{{ level-2[1].title }}</span>
|
|
{% if level-2[1].badge %}
|
|
{% assign badge = level-2[1].badge %}
|
|
{% include ui/badge.html text=badge color="green" %}
|
|
{% endif %}
|
|
|
|
{% if level-2[1].children %}
|
|
<span class="sidebar-nav-arrow"></span>
|
|
{% endif %}
|
|
</a>
|
|
|
|
{% if level-2[1].children %}
|
|
<ul class="sidebar-subnav collapse{% if level-1[0] == current-page[0] and level-2[0] == current-page[1] %} show{% endif %}" id="sidebar-menu-{{ level-2[0] }}">
|
|
{% for level-3 in level-2[1].children %}
|
|
<li class="sidebar-nav-item">
|
|
<a href="{{ site.base }}/{{ level-3[1].url }}" class="sidebar-nav-link{% if level-1[0] == current-page[0] and level-2[0] == current-page[1] and level-3[0] == current-page[2] and current-page.size == 3 %} active{% endif %}">
|
|
<span>{{ level-3[1].title }}</span>
|
|
{% if level-3[1].badge %}
|
|
{% assign badge = level-3[1].badge %}
|
|
{% include ui/badge.html text=badge color="green" %}
|
|
{% endif %}
|
|
</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|