docs-sidebar.html 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <form class="bd-search d-flex align-items-center">
  2. <input type="search" class="form-control"
  3. id="search-input" placeholder="Search..."
  4. aria-label="Search for..." autocomplete="off">
  5. <button class="btn btn-link bd-search-docs-toggle d-md-none p-0 ml-3"
  6. type="button" data-toggle="collapse" data-target="#bd-docs-nav"
  7. aria-controls="bd-docs-nav" aria-expanded="false"
  8. aria-label="Toggle docs navigation">
  9. {%- include icons/menu.svg width="30" height="30" -%}
  10. </button>
  11. </form>
  12. <nav class="collapse bd-links" id="bd-docs-nav">
  13. {%- assign page_slug = page.url | split: '/' | last -%}
  14. {%- for group in site.data.nav -%}
  15. {%- assign link = group.pages | first -%}
  16. {%- assign link_slug = link.title | slugify -%}
  17. {%- assign group_slug = group.title | slugify -%}
  18. {%- assign active = nil -%}
  19. {%- if page.group == group_slug -%}
  20. {%- assign active = 'active' -%}
  21. {%- endif -%}
  22. <div class="bd-toc-item{% unless active == nil %} {{ active }}{% endunless %}">
  23. <a class="bd-toc-link" href="{{ site.baseurl }}/docs/{{ group_slug }}/{{ link_slug }}{% if link_slug %}/{% endif %}">
  24. {{ group.title }}
  25. </a>
  26. <ul class="nav bd-sidenav">
  27. {%- for doc in group.pages -%}
  28. {%- assign doc_slug = doc.title | slugify -%}
  29. {%- assign active = nil -%}
  30. {%- if page.group == group_slug and page_slug == doc_slug -%}
  31. {%- assign active = 'active bd-sidenav-active' -%}
  32. {%- endif -%}
  33. <li{% unless active == nil %} class="{{ active }}"{% endunless %}>
  34. <a href="{{ site.baseurl }}/docs/{{ group_slug }}/{{ doc_slug }}/">
  35. {{ doc.title }}
  36. </a>
  37. </li>
  38. {%- endfor -%}
  39. </ul>
  40. </div>
  41. {%- endfor -%}
  42. </nav>