nav-item.html 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. {#-
  2. This file was automatically generated - do not edit
  3. -#}
  4. {% set class = "md-nav__item" %}
  5. {% if nav_item.active %}
  6. {% set class = "md-nav__item md-nav__item--active" %}
  7. {% endif %}
  8. {% if nav_item.children %}
  9. <li class="{{ class }} md-nav__item--nested">
  10. {% if nav_item.active %}
  11. <input class="md-nav__toggle md-toggle" data-md-toggle="{{ path }}" type="checkbox" id="{{ path }}" checked>
  12. {% else %}
  13. <input class="md-nav__toggle md-toggle" data-md-toggle="{{ path }}" type="checkbox" id="{{ path }}">
  14. {% endif %}
  15. <label class="md-nav__link" for="{{ path }}">
  16. {{ nav_item.title }}
  17. <span class="md-nav__icon md-icon">
  18. {% include ".icons/material/chevron-right.svg" %}
  19. </span>
  20. </label>
  21. <nav class="md-nav" aria-label="{{ nav_item.title }}" data-md-level="{{ level }}">
  22. <label class="md-nav__title" for="{{ path }}">
  23. <span class="md-nav__icon md-icon">
  24. {% include ".icons/material/arrow-left.svg" %}
  25. </span>
  26. {{ nav_item.title }}
  27. </label>
  28. <ul class="md-nav__list" data-md-scrollfix>
  29. {% set base = path %}
  30. {% for nav_item in nav_item.children %}
  31. {% set path = base + "-" + loop.index | string %}
  32. {% set level = level + 1 %}
  33. {% include "partials/nav-item.html" %}
  34. {% endfor %}
  35. </ul>
  36. </nav>
  37. </li>
  38. {% elif nav_item == page %}
  39. <li class="{{ class }}">
  40. {% set toc = page.toc %}
  41. <input class="md-nav__toggle md-toggle" data-md-toggle="toc" type="checkbox" id="__toc">
  42. {% if toc | first is defined and "\x3ch1 id=" in page.content %}
  43. {% set toc = (toc | first).children %}
  44. {% endif %}
  45. {% if toc | first is defined %}
  46. <label class="md-nav__link md-nav__link--active" for="__toc">
  47. {{ nav_item.title }}
  48. <span class="md-nav__icon md-icon">
  49. {% include ".icons/material/table-of-contents.svg" %}
  50. </span>
  51. </label>
  52. {% endif %}
  53. <a href="{{ nav_item.url | url }}" title="{{ nav_item.title | striptags }}" class="md-nav__link md-nav__link--active">
  54. {{ nav_item.title }}
  55. </a>
  56. {% if toc | first is defined %}
  57. {% include "partials/toc.html" %}
  58. {% endif %}
  59. </li>
  60. {% else %}
  61. <li class="{{ class }}">
  62. <a href="{{ nav_item.url | url }}" title="{{ nav_item.title | striptags }}" class="md-nav__link">
  63. {{ nav_item.title }}
  64. </a>
  65. </li>
  66. {% endif %}