AdminLTE/docs/_includes/sidebar.html
2021-03-20 18:28:32 +01:00

62 lines
2.7 KiB
HTML

<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">
<div class="form-inline mt-2">
<div class="input-group" data-widget="sidebar-search">
<input class="form-control form-control-sidebar" type="search" placeholder="Search" aria-label="Search">
<div class="input-group-append">
<button class="btn btn-sidebar">
<i class="fas fa-search fa-fw"></i>
</button>
</div>
</div>
</div>
<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 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: "/" | 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: "/" | 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>