source: Klonkt/src/views/partials/chrome.ejs@ ca507ef

<%
// Site-chrome (topnav + profielkop + view-switcher) in één vaste slot #pcms-chrome.
//
// Waarom een slot: bij htmx-navigatie verversen we deze hele chrome out-of-band
// (oob=true), zodat de kop ALTIJD bij de nieuwe pagina/artiest hoort — terwijl de
// audioplayer (los in document.body, buiten dit slot) blijft leven → geen
// verspringen. Op de hub-landing (bareChrome) is het slot leeg: hero = de header.
//
// Wordt zowel door shell.ejs (oob niet gezet) als door render.js bij partials
// (oob=true) gerenderd. De logica staat hier zodat beide identiek zijn.
//
//   _isAuth     → focus-scherm (in/uitloggen): helemaal geen chrome.
//   _headerless → hub-homepagina én de Prutter-chat: WÉL de mini topnav-balk,
//                 GEEN profielkop (hub: hero = header; chat: full-height view).
//   anders      → topnav + profielkop (+ view-switcher buiten admin).
var _isAdmin   = typeof bodyClass === 'string' && bodyClass.indexOf('on-admin') >= 0;
var _isAuth    = typeof bodyClass === 'string' && bodyClass.indexOf('on-auth') >= 0;
var _isChat    = typeof bodyClass === 'string' && bodyClass.indexOf('on-chat') >= 0;
var hubLanding = (typeof bodyClass === 'string' && bodyClass.indexOf('on-hub') >= 0)
   || ((typeof tenancy !== 'undefined' && tenancy === 'hub') && !siteUrlBase && !_isAdmin);
// Zelfstandige premium-feature-pagina's hebben hun eigen kop → geen profielkop/
// switcher, wél de topnav (Robin 2026-06-18: "bovenste weg, behoud de nav").
var _featurePage = typeof bodyClass === 'string' &&
  ['on-epk', 'on-download', 'on-linkbio', 'on-shows', 'on-newsletter'].some(function (c) { return bodyClass.indexOf(c) >= 0; });
var _headerless = hubLanding || _isChat || _featurePage;
%>
<div id="pcms-chrome"<% if (typeof oob !== 'undefined' && oob) { %> hx-swap-oob="true"<% } %>>
<% if (!_isAuth) { %>
  <%- include('topnav') %>
  <% if (!_headerless) { %>
    <%- include('profile-header') %>
    <% if (!_isAdmin) { %><%- include('view-switcher') %><% } %>
  <% } %>
<% } %>
</div>