<%= _finalTitle %>

+ + +<%- include('partials/topnav') %> + +<%- include('partials/profile-header') %> + +<%# View switcher — visible on every non-admin page. On feed pages + (home, archive, tag, type, user) it toggles the visual layout; + on non-feed pages (post, account, search, auth) it navigates to / + in the chosen view. Click logic is in shell.ejs at the bottom. %> +<% if (!isAdminPage) { %> + <%- include('partials/view-switcher') %> +<% } %> + +<%# hx-history-elt scopes HTMX history snapshots to #pcms-main only, so + when the user navigates back the switcher (which lives in the shell + OUTSIDE this element) keeps its place rather than being replaced + along with the rest of the body. %> +

<%- pageContent %> @@ -417,10 +262,6 @@ <%- include('partials/footer') %> - -<% if (!(typeof bodyClass === 'string' && bodyClass.indexOf('on-auth') >= 0)) { %> + <%- include('partials/bottom-tab') %> -<% } %> @@ -432,12 +273,6 @@ is always available. The PCMS_SITE_TRACKS bootstrap is still gated on enable_audio_player since it's a public-page concept (auto-discovered - tracks from rendered post embeds). - - ?v=N — cache-buster: bump bij elke audio-player.js wijziging zodat - Cloudflare (max-age=1y) niet de oude versie blijft serveren. --> - - - + tracks from rendered post embeds). --> + <% if (site && site.enable_audio_player && audioTracks && audioTracks.length > 0) { %> @@ -445,5 +280,5 @@ - + @@ -461,112 +296,20 @@ - - - @@ -577,61 +320,8 @@ (function() { var body = document.body; - - // DE CIRKEL HEEFT MAAR EEN WEERGAVE: Grid. - // - // Lezen is daar geen optie -- dat zijn berichten van ANDEREN, van hun servers, - // en "het hele stuk" hebben wij daar niet in handen. De knop staat er wel, - // maar dood (zie view-switcher.ejs). Er valt dus niets te kiezen en dus ook - // niets te onthouden: de eigen cirkel-voorkeur die hier stond - // ('pcms-cirkel-view') is vervallen, want hij kon nog maar een waarde hebben. - // - // Wat WEL blijft: de cirkel raakt je solo-keuze niet aan. Die staat in - // 'pcms-feed-view' en wordt hier nergens geschreven, zodat je thuiskomt in de - // weergave die je achterliet. - var CIRKEL_SLEUTEL = 'pcms-cirkel-view'; - function opCirkel() { return body.classList.contains('on-cirkel'); } - - /** Zet de weergave die bij DEZE pagina hoort. Draait bij init en bij elke nav. */ - function pasWeergaveToe() { - try { - if (opCirkel()) { - // Lezen kan hier niet -- dat zijn berichten van ANDEREN, van hun servers, - // en "het hele stuk" hebben wij niet in handen. De knop staat er wel maar - // dood. Een TIJDLIJN kan hier juist bij uitstek: dat is de natuurlijke - // vorm van een cirkel. - // - // Beschikbaar, niet verplicht. Dit dwong eerst 'timeline' af zodra de - // site geen Lezen-site was, en dan kon je in de cirkel geen Grid meer - // kiezen. Nu is Grid de landing en is Tijdlijn een keuze ernaast. - var altC = body.dataset.feedAlt || 'reader'; - var tijdlijnHier = altC === 'timeline' - || (altC === 'auto' && window.matchMedia('(min-width: 768px)').matches); - var magC = tijdlijnHier ? ['grid', 'timeline'] : ['grid']; - // Een EIGEN geheugen, en niet dat van solo. Twee redenen: hier kun je - // alleen uit Grid en Tijdlijn kiezen, dus een solo-keuze 'reader' zegt - // hier niets; en andersom mag een tuimeling hier je thuisweergave niet - // veranderen -- dan kom je thuis in iets anders dan je achterliet. - // (Dit geheugen stond er eerder al, verdween toen de cirkel nog maar een - // mogelijkheid had, en is nu weer nodig omdat Tijdlijn een echte keuze is.) - var vC = null; - try { vC = localStorage.getItem(CIRKEL_SLEUTEL); } catch (e) { /* geen opslag */ } - body.dataset.feedView = magC.indexOf(vC) >= 0 ? vC : 'grid'; - return; - } - var v = localStorage.getItem('pcms-feed-view'); - // 'timeline' is sinds 20-8 weer een geldige keuze, maar alleen op een site - // die hem AANBIEDT. Wie de tijdlijn koos op de ene site en daarna een - // Lezen-site bezoekt, moet daar niet op een weergave landen die er geen - // knop heeft: dan staat de pil grijs en is de feed niet wat hij koos. - // Vandaar de toets tegen wat deze site biedt, in plaats van een vaste - // vertaling naar 'reader'. - var alt = body.dataset.feedAlt || 'reader'; - var mag = alt === 'auto' ? ['grid', 'reader', 'timeline'] : ['grid', alt]; - if (mag.indexOf(v) >= 0) body.dataset.feedView = v; - } catch (e) { /* geen opslag: de server-standaard blijft staan */ } - } - pasWeergaveToe(); - + // Restore feed view + grid cols from localStorage (overrides server default) try { + var v = localStorage.getItem('pcms-feed-view'); + if (v === 'timeline' || v === 'grid') body.dataset.feedView = v; var c = parseInt(localStorage.getItem('pcms-grid-cols'), 10); if (c === 2 || c === 3 || c === 4) body.dataset.gridCols = String(c); @@ -639,20 +329,6 @@ function syncAria() { - // Alleen op een feed-pagina hoort Tijdlijn/Grid 'actief' (wit) te zijn; op - // agenda/downloads/post/etc. beide grijs. Inline feed-check (FEED_PAGE_CLASSES - // staat verderop, maar deze functie draait al bij init). - var _feedC = ['on-home','on-tag','on-type','on-user','on-cirkel']; - var _onFeed = _feedC.some(function(c){ return body.classList.contains(c); }); - // Een weergave die op DEZE pagina niet KAN, kan ook niet actief zijn. In de - // cirkel staat Lezen er wel maar uitgeschakeld; pasWeergaveToe() heeft - // feedView daar al op 'grid' gezet, dus de terugval hieronder vuurt er niet. - // Hij blijft staan voor het geval een pagina een knop mist: zonder terugval - // staat de hele pil grijs terwijl er wel degelijk iets te zien is, en dan - // ziet de lezer nergens meer waar hij is. De solo-VOORKEUR blijft intact. - var _view = String(body.dataset.feedView || 'reader'); - if (!/^[a-z]+$/.test(_view)) _view = 'reader'; - if (!document.querySelector('.view-switch-btn[data-view="' + _view + '"]')) _view = 'reader'; document.querySelectorAll('.view-switch-btn').forEach(function(b) { - b.setAttribute('aria-selected', (_onFeed && !b.disabled && b.dataset.view === _view) ? 'true' : 'false'); + b.setAttribute('aria-selected', b.dataset.view === body.dataset.feedView ? 'true' : 'false'); }); document.querySelectorAll('.grid-cols-btn').forEach(function(b) { @@ -661,13 +337,6 @@ } syncAria(); - // Re-sync after HTMX brings in new content (e.g. navigating back to home). - // pcmsNav vuurt ná de body-class-update (zie de pcmsNav-listener hierboven), dus - // dáár weet syncAria de juiste pagina-class — los van de afterSettle-timing. - // Een vertraagde herhaling wint eventuele resterende races (OOB-chrome-swap). - // Eerst de weergave die bij de NIEUWE pagina hoort, dan pas de pil bijwerken: - // van de cirkel naar huis en terug wisselt niet alleen de knop maar ook welke - // onthouden keuze telt. - document.body.addEventListener('htmx:afterSettle', function(){ pasWeergaveToe(); syncAria(); setTimeout(syncAria, 60); }); - document.body.addEventListener('pcmsNav', function(){ pasWeergaveToe(); syncAria(); setTimeout(syncAria, 60); }); + // Re-sync after HTMX brings in new content (e.g. navigating back to home) + document.body.addEventListener('htmx:afterSettle', syncAria); // Pages where the body actually has a feed to toggle. On these the @@ -676,8 +345,5 @@ // navigate to home in the chosen view, so the switcher is never // a dead control. - // NB: 'on-archive' staat hier bewust NIET tussen — op het archief is er geen - // in-place timeline/grid-toggle; een klik op de switcher springt terug naar de - // feed in de gekozen weergave (zie de !isFeedPage()-tak hieronder). - var FEED_PAGE_CLASSES = ['on-home', 'on-tag', 'on-type', 'on-user', 'on-cirkel']; + var FEED_PAGE_CLASSES = ['on-home', 'on-archive', 'on-tag', 'on-type', 'on-user']; function isFeedPage() { for (var i = 0; i < FEED_PAGE_CLASSES.length; i++) { @@ -691,19 +357,7 @@ var sw = e.target.closest('.view-switch-btn'); if (sw) { - // Een dode knop doet niets. Een