-
Notifications
You must be signed in to change notification settings - Fork 0
/
collection-nav.html
40 lines (36 loc) · 2.34 KB
/
collection-nav.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<nav class="navbar navbar-expand-lg {{ site.data.theme.navbar-color | default: 'navbar-dark' }} {{ site.data.theme.navbar-background | default: 'bg-dark' }}">
<div class="container">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#page-nav" aria-controls="page-nav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
{% if site.organization-logo-nav %}<span class="d-lg-none text-end">
<a href="{{ site.organization-link }}" target="_blank" rel="noopener">
<img class="img-fluid" id="mobile-nav-image" src="{{ site.organization-logo-nav | relative_url }}" title="{{ site.organization-name }}" alt="{{ site.organization-name }} home" >
</a>
</span>{% endif %}
<div class="collapse navbar-collapse" id="page-nav">
<ul class="navbar-nav me-auto">
{%- assign navItems = site.data.config-nav | where_exp: 'item', 'item.dropdown_parent == nil' -%}
{% for nav in navItems %}
{% if nav.stub %}
<li class="nav-item">
<a class="nav-link{% if page.url == nav.stub %} active{% endif %}" href="{{ nav.stub | relative_url }}">{{ nav.display_name }}</a>
</li>
{%- else -%}
<li class="nav-item dropdown">
{% assign navChildren = site.data.config-nav | where_exp: 'item', 'item.dropdown_parent == nav.display_name' %}
{%- assign childStubs = navChildren | map: 'stub' -%}
<a class="nav-link dropdown-toggle{% if childStubs contains page.url %} active{% endif %}" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">{{ nav.display_name }}</a>
<div class="dropdown-menu">
{% for c in navChildren %}
<a class="dropdown-item {% if page.url == c.stub %}active{% endif %}" href="{{ c.stub | relative_url }}">{{ c.display_name }}</a>
{% endfor %}
</div>
</li>
{% endif %}
{%- endfor -%}
</ul>
{% include nav-search-lunr.html %}
</div>
</div>
</nav>