<%# --------------------------------------------------------------- # @docmd/template-summer — partials/menubar.ejs # # Sits in a sticky sub-nav bar BELOW the top header. Each item is # rendered as a tab. Supports dropdowns, icons, and a trailing # action slot (right side of the bar) used for tertiary controls. # --------------------------------------------------------------- %> <% const menubar = (typeof menubarConfig !== 'undefined' ? menubarConfig : (locals.menubarConfig || {})); const left = Array.isArray(menubar.left) ? menubar.left : []; const right = Array.isArray(menubar.right) ? menubar.right : []; // Detect the active item: prefer explicit `active` flag, else match by URL function isActive(item) { if (item.active) return true; if (!currentPagePath) return false; const itemUrl = (item.url || item.path || '').replace(/^\/+/, '').replace(/^index\.html$/, '').replace(/\/$/, ''); const cur = (currentPagePath || '').replace(/^\/+/, '').replace(/^index\.html$/, '').replace(/\/$/, ''); if (!itemUrl) return false; return cur === itemUrl || cur.startsWith(itemUrl + '/'); } function itemHref(item) { if (item.url) return buildRelativeUrl(item.url); if (item.path) return buildRelativeUrl(item.path); return '#'; } function renderTab(item) { const active = isActive(item); const href = itemHref(item); const external = !!item.external; const target = external ? ' target="_blank" rel="noopener noreferrer"' : ''; const cls = 'summer-subnav__tab' + (active ? ' active' : ''); const icon = item.icon ? `${renderIcon(item.icon)}` : ''; const text = item.text || item.title || ''; return `${icon}${text}${external ? '↗' : ''}`; } %>

<% left.forEach(item => { %> <% if (item.type === 'dropdown') { %>

<% } else { %> <%- renderTab(item) %> <% } %> <% }) %> <% if (left.length && right.length) { %>

<% } %>

<% right.forEach(item => { %> <% if (item.type === 'dropdown') { %>

<% } else { %> <%- renderTab(item) %> <% } %> <% }) %>