gator/autotq-modern-ejs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update header partial with grouped navigation dropdowns

Browse source
This commit is contained in:
gator 2026-03-11 01:12:40 +00:00
parent a3dacb94b8
commit 5e046d4d55
1 changed files with 69 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

69
views/partials/header.ejs
View file

@ -15,14 +15,81 @@
<span></span><span></span><span></span>
</button>
<%
const navItems = (config?.nav || []);
const mainItems = [];
const productItems = [];
const resourceItems = [];
navItems.forEach((item) => {
const key = `${item.label || ''} ${item.href || ''}`.toLowerCase();
if ((item.href || '') === '/') {
mainItems.push(item);
return;
}
if (/about/.test(key)) {
mainItems.push(item);
return;
}
if (/shop|training|report/.test(key)) {
productItems.push(item);
return;
}
if (/literature|testimonial|first|occlusion|news|update|video|media/.test(key)) {
resourceItems.push(item);
return;
}
mainItems.push(item);
});
const uniqueByHref = (arr) => arr.filter((it, idx, src) => src.findIndex(x => x.href === it.href) === idx);
const main = uniqueByHref(mainItems);
const products = uniqueByHref(productItems);
const resources = uniqueByHref(resourceItems);
%>
<nav class="site-nav" id="siteNav" aria-label="Primary navigation">
<div class="nav-links">
<% (config?.nav || []).forEach(item => {
<% main.forEach(item => {
const itemPage = item.href === '/' ? 'home' : item.href.replace(/^\//, '').toLowerCase();
const active = pageName === itemPage;
%>
<a href="<%= item.href %>" class="<%= active ? 'active' : '' %>" <%= active ? 'aria-current="page"' : '' %>><%= item.label %></a>
<% }) %>
<% if (products.length) { %>
<details class="nav-dropdown">
<summary>Solutions</summary>
<div class="dropdown-menu" role="menu" aria-label="Solutions">
<% products.forEach(item => {
const itemPage = item.href === '/' ? 'home' : item.href.replace(/^\//, '').toLowerCase();
const active = pageName === itemPage;
%>
<a href="<%= item.href %>" class="<%= active ? 'active' : '' %>" <%= active ? 'aria-current="page"' : '' %>><%= item.label %></a>
<% }) %>
</div>
</details>
<% } %>
<% if (resources.length) { %>
<details class="nav-dropdown">
<summary>Resources</summary>
<div class="dropdown-menu" role="menu" aria-label="Resources">
<% resources.forEach(item => {
const itemPage = item.href === '/' ? 'home' : item.href.replace(/^\//, '').toLowerCase();
const active = pageName === itemPage;
%>
<a href="<%= item.href %>" class="<%= active ? 'active' : '' %>" <%= active ? 'aria-current="page"' : '' %>><%= item.label %></a>
<% }) %>
</div>
</details>
<% } %>
<a href="/contact" class="nav-cta nav-cta-link <%= pageName === 'contact' ? 'active' : '' %>" aria-label="Contact AutoTQ" <%= pageName === 'contact' ? 'aria-current="page"' : '' %>>Contact</a>
</div>
</nav>