mirror of https://github.com/ColorlibHQ/AdminLTE
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
2.4 KiB
52 lines
2.4 KiB
<aside class="main-sidebar sidebar-dark-primary elevation-4">
|
|
<a href="{{'index.html' | prepend: site.baseurl}}" class="brand-link logo-switch">
|
|
<img src="{{'assets/img/logo-xs.png' | prepend: site.baseurl}}" alt="AdminLTE Docs Logo Small" class="brand-image-xl logo-xs">
|
|
<img src="{{'assets/img/logo-xl.png' | prepend: site.baseurl}}" alt="AdminLTE Docs Logo Large" class="brand-image-xs logo-xl" style="left: 12px">
|
|
</a>
|
|
<div class="sidebar">
|
|
<nav class="mt-2">
|
|
<ul class="nav nav-pills nav-sidebar nav-child-indent flex-column" data-widget="treeview" role="menu">
|
|
{% for item in site.navigation %}
|
|
{% assign subitem_active = 'false' %}
|
|
{% for subitem in item.subitems %}
|
|
{% assign subitem_url = '/' | append: subitem.url %}
|
|
{% if subitem_url == page.url %}
|
|
{% assign subitem_active = 'true' %}
|
|
{% endif %}
|
|
{% endfor %}
|
|
|
|
<li class="nav-item {% if item.subitems %}has-treeview{% endif %} {% if subitem_active == 'true' %}menu-open{% endif %}">
|
|
{% if item.url == 'index.html' %}
|
|
{% assign item_url = '/' %}
|
|
{% else %}
|
|
{% assign item_url = '/' | append: item.url %}
|
|
{% endif %}
|
|
|
|
<a href="{% if item.url %}{{item.url | prepend: site.baseurl}}{% else %}#{% endif %}" class="nav-link {% if item_url == page.url %}active{% endif %}{% if subitem_active == 'true'%}active{% endif %}">
|
|
<i class="nav-icon {{item.icon}}"></i>
|
|
<p>
|
|
{{item.title}}
|
|
{% if item.subitems %}<i class="right fas fa-angle-left"></i>{% endif %}
|
|
</p>
|
|
</a>
|
|
|
|
{% if item.subitems %}
|
|
<ul class="nav nav-treeview">
|
|
{% for subitem in item.subitems %}
|
|
{% assign subitem_url = '/' | append: subitem.url %}
|
|
<li class="nav-item">
|
|
<a href="{{subitem.url | prepend: site.baseurl}}" class="nav-link {% if subitem_url == page.url %}active{% endif %}">
|
|
<i class="far fa-circle nav-icon"></i>
|
|
<p>{{subitem.title}}</p>
|
|
</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</aside>
|