source: Klonkt/src/assets/js/mod/admin-help.js@ a8364ee

main
Last change on this file since a8364ee was a8364ee, checked in by Robin <roboburr@…>, 5 weeks ago

Alle element-bedrade modules herstarten per paginawissel (shaer-5s1, vervolg)

Het recept van 4b5db37, toegepast op de rest van de familie. Twaalf modules
exporteren nu init(): download (de auto-start liep alleen bij import, dus na
een htmx-bezoek startte er niets), auth-register, admin-settings, admin-epk,
admin-paid, admin-help, admin-push, admin-site-edit, authorize-interaction,
paid-gate, paid-passkey en news.

Twee verdienen een woord:

authorize-interaction blok 1 bedraadde een element achter een WINDOW-vlag:

na een swap is de knop een nieuw element en
blokkeerde de vlag het herbedraden voorgoed. De vlag
zit nu op het element zelf.

news de gif- en lees-meer-scanners claimden in hun

commentaar per render te draaien, maar deden dat als
module niet meer. Ze zijn nu benoemde functies:
init() draait ze per navigatie, en een gedelegeerde
htmx:afterSettle draait ze ook na feed-paginering --
binnengehaalde items kregen anders geen lees-meer en
geen gif-gedrag.

Bewust ONaangeraakt, met reden: chrome (gedelegeerd, en de profile-sheet
staat BUITEN de geswapte #pcms-chrome dus zijn element-referenties blijven
geldig), post en messages (gedelegeerd; messages herstart zichzelf al via
pcmsNav), track-editor en playlist-editor (gedelegeerd / globale functie).

Co-Authored-By: Claude Opus 5 <noreply@…>

  • Property mode set to 100644
File size: 1.5 KB
Line 
1// Het hulpscherm in beheer (pages/admin-help.ejs) -- verplaatst uit inline script, shaer-bqr.
2//
3// Inline script in een pagina wordt door de CSP geweigerd zodra je die pagina via
4// een link BINNEN de site opent: de nonce rouleert per verzoek (shaer-0i6). Dit
5// bestand wordt door de bootstrap in shell.ejs geladen en heeft dat probleem niet.
6//
7// Alles hier hoort GEDELEGEERD te luisteren (op document, niet op een element dat
8// er nu staat) en tegen een tweede aanroep te kunnen.
9
10// Element-bedrading leeft zo lang als de pagina; de bootstrap roept init()
11// aan bij elke paginawissel waarop deze module actief is (shaer-5s1).
12export function init() { run(); }
13
14function run() {
15(function () {
16 var q = document.getElementById('hb-q');
17 var items = [].slice.call(document.querySelectorAll('.hb-item'));
18 var empty = document.getElementById('hb-empty');
19 var count = document.getElementById('hb-count');
20 if (!q) return;
21 // Bewaar de originele tekst per item (voor highlight-reset).
22 items.forEach(function (it) { it._txt = it.textContent.toLowerCase(); });
23 function run() {
24 var term = q.value.trim().toLowerCase();
25 var shown = 0;
26 items.forEach(function (it) {
27 var hit = !term || it._txt.indexOf(term) >= 0;
28 it.classList.toggle('hb-hidden', !hit);
29 if (hit) shown++;
30 });
31 empty.hidden = shown !== 0;
32 count.textContent = term ? (shown + ' onderwerp' + (shown === 1 ? '' : 'en') + ' gevonden') : '';
33 }
34 q.addEventListener('input', run);
35})();
36}
Note: See TracBrowser for help on using the repository browser.