mirror of
https://github.com/tabler/tabler.git
synced 2025-12-26 11:16:12 +04:00
52 lines
2.3 KiB
HTML
52 lines
2.3 KiB
HTML
{% assign current-page = page.menu | default: layout.menu | split: '.' %}
|
|
<ul class="navbar-nav flex-wrap{% if include.class %} {{ include.class }}{% endif %}">
|
|
{% for level-1 in site.data.menu %}
|
|
{% assign icon = level-1[1].icon %}
|
|
|
|
<li class="nav-item{% if level-1[0] == current-page[0] %} active{% endif %}{% if level-1[1].children %} dropdown{% endif %}">
|
|
<a class="nav-link{% if level-1[1].children %} dropdown-toggle{% endif %}" {% if level-1[1].children %}href="#navbar-{{ level-1[0] }}" data-toggle="dropdown" role="button"
|
|
aria-expanded="{% if level-1[0] == current-page[0] %}true{% else %}false{% endif %}" {% elsif level-1[1].toggle
|
|
%}href="{{ level-1[1].url }}" data-toggle="{{ level-1[1].toggle }}" {% else
|
|
%}href="{{ site.base }}/{{ level-1[1].url }}" {% endif %}>
|
|
<span class="nav-icon">
|
|
{% include ui/icon.html icon=icon %}
|
|
</span>
|
|
|
|
{{ level-1[1].title }}
|
|
|
|
{% 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 class="ml-2" %}
|
|
{% endif %}
|
|
</a>
|
|
|
|
{% if level-1[1].children %}
|
|
<ul class="dropdown-menu">
|
|
{% for level-2 in level-1[1].children %}
|
|
<li {% if level-2[1].children %}class="dropright"{% endif %}>
|
|
<a class="dropdown-item{% if level-2[1].children %} dropdown-toggle{% endif %}{% 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 %}href="#sidebar-{{ level-2[0] }}" data-toggle="dropdown" role="button" aria-expanded="false" {% else %}href="{{ site.base }}/{{ level-2[1].url }}" {% endif %}>
|
|
{{ level-2[1].title }}
|
|
|
|
{% if level-2[1].badge %}
|
|
{% assign badge = level-2[1].badge %}
|
|
{% assign badge-color = level-2[1].badge-color | default: "green" %}
|
|
{% include ui/badge.html text=badge color=badge-color class="ml-auto" %}
|
|
{% endif %}
|
|
</a>
|
|
|
|
{% if level-2[1].children %}
|
|
<div class="dropdown-menu">
|
|
{% for level-3 in level-2[1].children %}
|
|
<a href="{{ site.base }}/{{ level-3[1].url }}" class="dropdown-item">{{ level-3[1].title }}</a>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|