mirror of
https://github.com/thangisme/notes.git
synced 2025-02-21 06:57:46 -05:00
6660f442b0
When `nav_order` is omitted, the order of nodes at each menu level (and in the auto-generated TOC) is alphabetical by `title`, instead of random. Any nodes with a specified `nav_order` precede all nodes at that level where it is omitted. Note that `nav_order` fields must have a uniform site-ide type: integers and strings cannot be mixed, otherwise Jekyll reports errors. The implementation filters the ordered and unordered pages from `site.html_pages`, sorts them separately, and concatenates the resulting arrays.
43 lines
2.6 KiB
HTML
43 lines
2.6 KiB
HTML
<nav role="navigation" aria-label="Main navigation">
|
|
<ul class="navigation-list">
|
|
{%- assign ordered_pages_list = site.html_pages | where_exp:"item", "item.nav_order != nil" | sort:"nav_order" -%}
|
|
{%- assign unordered_pages_list = site.html_pages | where_exp:"item", "item.nav_order == nil" | sort:"title" -%}
|
|
{%- assign pages_list = ordered_pages_list | concat: unordered_pages_list -%}
|
|
{%- for node in pages_list -%}
|
|
{%- unless node.nav_exclude -%}
|
|
{%- if node.parent == nil -%}
|
|
<li class="navigation-list-item{% if page.url == node.url or page.parent == node.title or page.grand_parent == node.title %} active{% endif %}">
|
|
{%- if page.parent == node.title or page.grand_parent == node.title -%}
|
|
{%- assign first_level_url = node.url | absolute_url -%}
|
|
{%- endif -%}
|
|
<a href="{{ node.url | absolute_url }}" class="navigation-list-link{% if page.url == node.url %} active{% endif %}">{{ node.title }}</a>
|
|
{%- if node.has_children -%}
|
|
{%- assign children_list = pages_list | where: "parent", node.title -%}
|
|
<ul class="navigation-list-child-list ">
|
|
{%- for child in children_list -%}
|
|
<li class="navigation-list-item {% if page.url == child.url or page.parent == child.title %} active{% endif %}">
|
|
{%- if page.url == child.url or page.parent == child.title -%}
|
|
{%- assign second_level_url = child.url | absolute_url -%}
|
|
{%- endif -%}
|
|
<a href="{{ child.url | absolute_url }}" class="navigation-list-link{% if page.url == child.url %} active{% endif %}">{{ child.title }}</a>
|
|
{%- if child.has_children -%}
|
|
{%- assign grand_children_list = pages_list | where: "parent", child.title -%}
|
|
<ul class="navigation-list-child-list">
|
|
{%- for grand_child in grand_children_list -%}
|
|
<li class="navigation-list-item {% if page.url == grand_child.url %} active{% endif %}">
|
|
<a href="{{ grand_child.url | absolute_url }}" class="navigation-list-link{% if page.url == grand_child.url %} active{% endif %}">{{ grand_child.title }}</a>
|
|
</li>
|
|
{%- endfor -%}
|
|
</ul>
|
|
{%- endif -%}
|
|
</li>
|
|
{%- endfor -%}
|
|
</ul>
|
|
{%- endif -%}
|
|
</li>
|
|
{%- endif -%}
|
|
{%- endunless -%}
|
|
{%- endfor -%}
|
|
</ul>
|
|
</nav>
|