sidebar.html 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <aside class="main-sidebar sidebar-dark-primary elevation-4">
  2. <a href="{{ '/index.html' | prepend: site.baseurl }}" class="brand-link logo-switch">
  3. <img src="{{ '/assets/img/logo-xs.png' | prepend: site.baseurl }}" alt="AdminLTE Docs Logo Small" class="brand-image-xl logo-xs">
  4. <img src="{{ '/assets/img/logo-xl.png' | prepend: site.baseurl }}" alt="AdminLTE Docs Logo Large" class="brand-image-xs logo-xl" style="left: 12px">
  5. </a>
  6. <div class="sidebar">
  7. <nav class="mt-2">
  8. <ul class="nav nav-pills nav-sidebar nav-child-indent flex-column" data-widget="treeview" role="menu">
  9. {% for item in site.navigation -%}
  10. {%- assign subitem_active = 'false' -%}
  11. {%- for subitem in item.subitems -%}
  12. {%- assign subitem_url = '/' | append: subitem.url -%}
  13. {%- if subitem_url == page.url -%}
  14. {%- assign subitem_active = 'true' -%}
  15. {%- endif -%}
  16. {%- endfor %}
  17. <li class="nav-item{% if item.subitems %} has-treeview{% endif %}{% if subitem_active == 'true' %} menu-open{% endif %}">
  18. {% if item.url == 'index.html' -%}
  19. {%- assign item_url = '/' -%}
  20. {%- else -%}
  21. {%- assign item_url = '/' | append: item.url -%}
  22. {%- endif %}
  23. <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 %}">
  24. <i class="nav-icon {{ item.icon }}"></i>
  25. <p>
  26. {{ item.title }}
  27. {% if item.subitems %}<i class="right fas fa-angle-left"></i>{% endif %}
  28. </p>
  29. </a>
  30. {% if item.subitems -%}
  31. <ul class="nav nav-treeview">
  32. {% for subitem in item.subitems -%}
  33. {%- assign subitem_url = '/' | append: subitem.url -%}
  34. <li class="nav-item">
  35. <a href="{{ subitem.url | prepend: "/" | prepend: site.baseurl }}" class="nav-link{% if subitem_url == page.url %} active{% endif %}">
  36. <i class="far fa-circle nav-icon"></i>
  37. <p>{{ subitem.title }}</p>
  38. </a>
  39. </li>
  40. {%- endfor %}
  41. </ul>
  42. {%- endif %}
  43. </li>
  44. {% endfor %}
  45. </ul>
  46. </nav>
  47. </div>
  48. </aside>