Index: src/assets/js/mod/chrome.js
===================================================================
--- src/assets/js/mod/chrome.js (revision fb9a8adb168b27c6c9889fd210cf584eaabbc3a2)
+++ src/assets/js/mod/chrome.js (revision a29c8c80c88a8dc5fb77c5de84e44c7b69d84a2d)
@@ -41,244 +41,2 @@
});
})();
-
-// ── de profielkop ──────────────────────────────────────────────
-// Zat inline in partials/profile-header.ejs, en die partial zit IN de
-// OOB-chrome -- dus hij kwam bij elke navigatie opnieuw binnen.
-(function () {
- if (window.__pcmsFediFollowWired) return;
- window.__pcmsFediFollowWired = true;
- function modal() { return document.querySelector('.pf-follow'); }
- function closeM() { var m = modal(); if (m) m.classList.remove('is-open'); }
- function go() {
- var m = modal(); if (!m) return;
- var inp = m.querySelector('.pf-follow-input'), raw = inp ? inp.value : '';
- // Strip a full @user@host handle (and any scheme/path) down to the server host.
- var server = String(raw || '').trim().replace(/^@?[^@\s]*@/, '').replace(/^https?:\/\//i, '').replace(/\/.*$/, '').trim();
- if (!server) { if (inp) inp.focus(); return; }
- try { localStorage.setItem('pcmsFediServer', server); } catch (e) {}
- var actor = location.origin + '/ap/users/' + encodeURIComponent(m.getAttribute('data-actor-slug') || '');
- location.href = 'https://' + server + '/authorize_interaction?uri=' + encodeURIComponent(actor);
- }
- document.addEventListener('click', function (e) {
- var b = e.target.closest && e.target.closest('.profile-fedi-link');
- if (b) { e.preventDefault();
- var m = modal(); if (!m) return;
- m.setAttribute('data-actor-slug', b.getAttribute('data-fedi-actor-slug') || '');
- var inp = m.querySelector('.pf-follow-input');
- try { if (inp && !inp.value) inp.value = localStorage.getItem('pcmsFediServer') || ''; } catch (e2) {}
- m.classList.add('is-open');
- setTimeout(function () { if (inp) inp.focus(); }, 30);
- return;
- }
- if (e.target.closest && e.target.closest('.pf-follow-go')) { e.preventDefault(); go(); return; }
- if (e.target.closest && e.target.closest('.pf-follow-cancel')) { e.preventDefault(); closeM(); return; }
- var open = document.querySelector('.pf-follow.is-open');
- if (open && e.target === open) closeM(); /* click on backdrop */
- });
- document.addEventListener('keydown', function (e) {
- var m = document.querySelector('.pf-follow.is-open'); if (!m) return;
- if (e.key === 'Escape') { closeM(); }
- else if (e.key === 'Enter' && e.target.closest && e.target.closest('.pf-follow')) { e.preventDefault(); go(); }
- });
-})();
-
-/* Profile summary: click the avatar to open a modal with photo + details. */
-(function () {
- if (window.__pcmsLightboxWired) return; window.__pcmsLightboxWired = true;
- function close() { var m = document.querySelector('.pf-summary.is-open'); if (m) m.classList.remove('is-open'); }
- document.addEventListener('click', function (e) {
- if (e.target.closest && e.target.closest('.pf-summary-close')) { e.preventDefault(); close(); return; }
- var open = document.querySelector('.pf-summary.is-open');
- if (open && e.target === open) { close(); return; } /* click on backdrop */
- var t = e.target.closest && e.target.closest('.profile-photo[data-pf-summary]');
- if (!t) return;
- e.preventDefault();
- var root = (t.closest && t.closest('#pcms-chrome')) || document;
- var modal = root.querySelector('.pf-summary') || document.querySelector('.pf-summary');
- if (modal) modal.classList.add('is-open');
- });
- document.addEventListener('keydown', function (e) { if (e.key === 'Escape') close(); });
-})();
-
-// ── de topnav ──────────────────────────────────────────────────
-// Zat inline in partials/topnav.ejs. De zoekteksten komen nu van het
-// overlay-element (data-i18n) in plaats van uit interpolatie.
-(function() {
- // Wired ONCE. This chrome (topnav) is re-inserted out-of-band during htmx navigation
- // → without this guard the script would stack EXTRA listeners on every navigation,
- // causing the theme toggle to fire 2× (or more) = no net change ("toggle stops working").
- // Everything below uses event delegation on body/document, so it also works for
- // buttons that appear after this run (OOB).
- if (window.__pcmsChromeWired) return;
- window.__pcmsChromeWired = true;
-
- function toggleTheme() {
- var cur = document.documentElement.getAttribute('data-theme') || 'dark';
- var next = cur === 'dark' ? 'light' : 'dark';
- document.documentElement.setAttribute('data-theme', next);
- try { localStorage.setItem('pcms-theme', next); } catch (e) {}
- }
- function overlay() { return document.getElementById('search-overlay'); }
- function openSearch() { var o = overlay(); if (o) { o.hidden = false; var i = o.querySelector('input'); if (i) i.focus(); } }
- function closeSearch() { var o = overlay(); if (o) { o.hidden = true; var b = document.getElementById('search-suggest'); if (b) b.innerHTML = ''; } }
-
- document.body.addEventListener('click', function(e) {
- if (e.target.closest('#theme-toggle, #theme-toggle-mobile, #theme-toggle-footer')) { toggleTheme(); return; }
- if (e.target.closest('#search-toggle')) { openSearch(); return; }
- if (e.target.closest('#search-close')) { closeSearch(); return; }
- // Close open dropdowns (user menu + language picker) on click outside.
- document.querySelectorAll('.user-menu[open], .lang-menu[open]').forEach(function(d) {
- if (!d.contains(e.target)) d.removeAttribute('open');
- });
- });
-
- document.addEventListener('keydown', function(e) {
- if (e.key === 'Escape') { var o = overlay(); if (o && !o.hidden) closeSearch(); }
- });
-
- // ── Live results while typing ───────────────────────────────────
- // De teksten komen van de overlay zelf, elke keer opnieuw: bij een
- // htmx-navigatie wordt die vervangen en kan de taal gewisseld zijn.
- function _st() {
- var o = document.getElementById('search-overlay');
- try { return JSON.parse((o && o.getAttribute('data-i18n')) || '{}'); } catch (e) { return {}; }
- }
- function esc(s) { return String(s == null ? '' : s).replace(/[&<>"]/g, function(c){ return {'&':'&','<':'<','>':'>','"':'"'}[c]; }); }
- function renderSuggest(box, d, q, ov) {
- var html = '';
- function grp(title, items, fmt) {
- if (!items || !items.length) return;
- html += '