*
* CSS: .install-app-btn / .install-modal* / .install-choice* — defined in
@@ -30,4 +30,5 @@
const isIOS = /iPad|iPhone|iPod/.test(ua) && !window.MSStream;
const isAndroid = /Android/.test(ua);
+ const apkUrl = btn.dataset.apkUrl || '';
// Capture Chrome/Edge native install prompt so we can fire it from our modal.
@@ -99,14 +100,71 @@
: `Open deze site in Chrome en kies in het ⋮-menu → "App installeren" (of "Aan beginscherm toevoegen").
`;
+ const apkBlock = apkUrl ? `
+
+
🤖 Optie B — APK (native Android-app)
+
+
+
Voordelen
+
+ Echte app in app-lade, naast WhatsApp/Gmail
+ Beste achtergrond-audio ondersteuning
+ Lock-screen controls werken optimaal
+ Blijft geïnstalleerd ongeacht browser-cache
+
+
+
+
Nadelen
+
+ Moet eenmalig "onbekende bronnen" toestaan
+ Geen auto-updates — nieuwe versie = APK opnieuw downloaden
+ Browser toont beveiligings-waarschuwing bij install
+ Alleen Android (Android 5+ / API 21+)
+
+
+
+
+
+
+ Tik op de gedownloade APK
+ Sta eenmalig "installeren van onbekende bronnen" toe voor je browser
+ Tik Installeer in de popup
+ Open de app vanuit je app-lade
+
+
🤖 Installeer op Android
- Voeg deze site als app toe aan je beginscherm:
-
- Instant — geen download of toestemmingen
- Updatet automatisch bij elke wijziging
- Minder opslag dan een losse app
-
- ${nativeLine}
- ⚠️ Werkt het best in Chrome.
+ Twee manieren. Kies wat bij je past:
+
+
+
📱 Optie A — Home-screen shortcut (PWA)
+
+
+
Voordelen
+
+ Instant — geen download of toestemmingen
+ Updates automatisch bij elke site-wijziging
+ Geen beveiligings-waarschuwing
+ Minder opslagruimte op je telefoon
+
+
+
+
Nadelen
+
+ Vereist Chrome als browser
+ Audio-in-achtergrond iets minder robuust dan native
+ Kan verdwijnen als je browser-data wist
+
+
+
+ ${nativeLine}
+
💡 Weet je niet wat te kiezen? Begin met Optie A (shortcut) . Te beperkt? Ga dan voor de APK.
`);
}
Index: src/assets/js/mod/admin-audio.js
===================================================================
--- src/assets/js/mod/admin-audio.js (revision 2165b6d3d57ceaa8b5d1f70491868482149470cf)
+++ (revision )
@@ -1,454 +1,0 @@
-// Audio in beheer -- verplaatst uit inline script, shaer-bqr.
-//
-// Servergegevens komen uit pageData(); interpolatie kan niet in een statisch
-// bestand. Inline script wordt bovendien geweigerd zodra deze pagina via een
-// link BINNEN de site binnenkomt (shaer-0i6).
-
-import { pageData, makeSweeper } from './lib.js';
-
-// Zie post-edit.js: init() per paginawissel, de veger haalt de window-
-// listeners van de vorige lichting weg (shaer-5s1).
-const doc = makeSweeper();
-let T = {};
-
-export function init() {
- doc.sweep();
- T = pageData();
- run();
-}
-
-function run() {
-
-(function() {
-
- // ── Live filename display for custom file inputs ──────────────
- document.querySelectorAll('.ax-file-control input[type="file"]').forEach(input => {
- const nameEl = input.parentElement.querySelector('.ax-file-name');
- if (!nameEl) return;
- input.addEventListener('change', () => {
- if (input.files && input.files[0]) {
- nameEl.textContent = input.files[0].name;
- nameEl.removeAttribute('data-empty');
- } else {
- nameEl.textContent = (T.no_file || '');
- nameEl.setAttribute('data-empty', '');
- }
- });
- });
-
- // ── Inline track preview (routed through the global mini-player) ──
- // Each .ax-track-play button is a thin wrapper around the global
- // window.pcmsAudioPlayer.setQueue([...]) call. Visual state (▶ / ⏸ /
- // .is-playing) is synced from the player's own audio element so it
- // stays accurate even when the user uses the mini-player's controls.
- (function setupTrackPreview() {
- const buttons = document.querySelectorAll('.ax-track-play');
- if (!buttons.length) return;
-
- function setIcon(btn, playing) {
- const icon = btn.querySelector('.ax-track-play-icon');
- if (icon) icon.textContent = playing ? '⏸' : '▶';
- btn.classList.toggle('is-playing', playing);
- btn.setAttribute('aria-label', playing ? (T.pause || '') : (T.play || ''));
- }
-
- // Resync ALL preview buttons against the current audio element state.
- // Called on every play/pause/ended event so admins always see the right
- // icon — including the case where they hit pause on the mini-player
- // bar instead of the row's button.
- function resyncAll() {
- const audio = document.getElementById('audio-element');
- const player = window.pcmsAudioPlayer;
- const playing = audio && !audio.paused && !audio.ended;
- // audio.src is now a blob: URL (Spotify-style playback), so compare
- // against the player's logical track URL, not the element src.
- const cur = player && player.currentTrack();
- const curUrl = cur ? cur.url : '';
- buttons.forEach(b => {
- const isThisOne = playing && curUrl === b.dataset.streamUrl;
- setIcon(b, isThisOne);
- });
- }
-
- buttons.forEach(btn => {
- btn.addEventListener('click', e => {
- e.preventDefault();
- const player = window.pcmsAudioPlayer;
- if (!player) {
- console.warn('[admin-audio] miniplayer not available');
- return;
- }
- const url = btn.dataset.streamUrl;
- if (!url) return;
-
- // Build track metadata from the row's DOM so the mini-player shows
- // useful info (title/artist/album/cover) without an extra API call.
- const row = btn.closest('.ax-track');
- const titleEl = row && row.querySelector('[data-cell="title"]');
- const artistEl = row && row.querySelector('[data-cell="artist"]');
- const albumEl = row && row.querySelector('[data-cell="album"]');
- const coverImg = row && row.querySelector('img[data-cover-thumb]');
- const track = {
- url,
- title: titleEl ? titleEl.textContent.trim() : 'Track',
- artist: artistEl ? artistEl.textContent.trim() : '',
- album: albumEl ? albumEl.textContent.trim() : '',
- cover: coverImg ? coverImg.src : '',
- };
-
- // If this exact track is already current, toggle pause/play instead
- // of restarting from zero. Compare logical URLs (audio.src is a blob:).
- const cur = player.currentTrack();
- if (cur && cur.url === url) {
- if (player.isPlaying()) player.pause();
- else player.play();
- return;
- }
-
- player.setQueue([track], 0);
- });
- });
-
- // Hook the global audio element's events to keep the row buttons synced.
- // We attach lazily after the player has built its DOM. The script in
- // shell.ejs runs at page-load so #audio-element exists by the time
- // this IIFE fires (script tag is below the body content).
- const audio = document.getElementById('audio-element');
- if (audio) {
- ['play', 'pause', 'ended', 'loadstart', 'emptied'].forEach(ev => {
- audio.addEventListener(ev, resyncAll);
- });
- // Initial state on page load (e.g. user navigated back while a track
- // was already playing — buttons should reflect that).
- resyncAll();
- }
- })();
-
-
- // ── Bulk upload (drag-drop + sequential transcoding) ─────────
- // Files dropped or picked are queued (not uploaded immediately) so the
- // user can review the list, set shared metadata, then hit "Start upload".
- // The loop POSTs one file at a time to /admin/audio/upload with
- // Accept: application/json so the server returns structured per-file
- // results instead of redirecting.
- const dropzone = document.getElementById('audio-dropzone');
- const fileInput = document.getElementById('audio-files');
- const queueEl = document.getElementById('upload-queue');
- const actionsEl = document.getElementById('upload-actions');
- const startBtn = document.getElementById('start-upload-btn');
- const clearBtn = document.getElementById('clear-queue-btn');
- const artistInput= document.getElementById('batch-artist');
- const albumInput = document.getElementById('batch-album');
- const coverInput = document.getElementById('batch-cover');
-
- /** @type {Array<{file: File, el: HTMLElement, status: string}>} */
- const queue = [];
-
- function fmtBytes(n) {
- if (n < 1024) return n + ' B';
- if (n < 1024 * 1024) return (n / 1024).toFixed(0) + ' KB';
- return (n / 1024 / 1024).toFixed(1) + ' MB';
- }
-
- function setItemStatus(item, status, label) {
- const labels = {
- queued: (T.st_queued || ''),
- uploading: (T.st_uploading || ''),
- transcoding: (T.st_transcoding || ''),
- done: '✓ ' + (T.st_done || ''),
- error: '✗ ' + (T.st_error || ''),
- };
- item.status = status;
- const badge = item.el.querySelector('.ax-queue-status');
- badge.className = 'ax-queue-status ax-queue-status--' + status;
- badge.textContent = label || labels[status] || status;
- // Restyle the row
- item.el.classList.remove(
- 'ax-queue-item--active', 'ax-queue-item--done', 'ax-queue-item--error'
- );
- if (status === 'uploading' || status === 'transcoding') item.el.classList.add('ax-queue-item--active');
- else if (status === 'done') item.el.classList.add('ax-queue-item--done');
- else if (status === 'error') item.el.classList.add('ax-queue-item--error');
- }
-
- function addFiles(files) {
- let added = 0;
- for (const file of files) {
- if (!file.type.startsWith('audio/') &&
- !/\.(mp3|m4a|ogg|opus|flac|wav|webm|aac|oga|mp4)$/i.test(file.name)) {
- // Silently skip non-audio drops; keeps the UX uncluttered.
- continue;
- }
- const li = document.createElement('li');
- li.className = 'ax-queue-item';
- li.innerHTML =
- '
' +
- '' + (T.st_queued || '') + ' ';
- // Use textContent to avoid HTML-injection if a filename contains markup.
- li.querySelector('.ax-queue-name').textContent = file.name;
- // Append size hint inline
- const size = document.createElement('span');
- size.className = 'ax-queue-size';
- size.textContent = fmtBytes(file.size);
- li.querySelector('.ax-queue-name').appendChild(size);
- queueEl.appendChild(li);
- queue.push({ file, el: li, status: 'queued' });
- added++;
- }
- if (added) {
- queueEl.hidden = false;
- actionsEl.hidden = false;
- }
- }
-
- // ── Drop-zone events ─────────────────────────────────────────
- // Page-level guard: a dropped file outside the zone would otherwise
- // make the browser navigate to it (e.g. opening the audio inline), which
- // discards typed metadata. We swallow drops anywhere unless the dropzone
- // explicitly handles them.
- ['dragover', 'drop'].forEach(ev => {
- doc.on(window, ev, e => {
- // Allow drops INSIDE the dropzone — its own listener handles those.
- if (dropzone.contains(e.target)) return;
- e.preventDefault();
- });
- });
-
- ['dragenter', 'dragover'].forEach(ev => {
- dropzone.addEventListener(ev, e => {
- e.preventDefault();
- dropzone.classList.add('is-dragover');
- });
- });
- ['dragleave', 'drop'].forEach(ev => {
- dropzone.addEventListener(ev, e => {
- e.preventDefault();
- dropzone.classList.remove('is-dragover');
- });
- });
- dropzone.addEventListener('drop', e => {
- if (e.dataTransfer && e.dataTransfer.files) addFiles(e.dataTransfer.files);
- });
- fileInput.addEventListener('change', () => {
- addFiles(fileInput.files);
- // Reset so the same file can be picked again later if user wants
- fileInput.value = '';
- });
-
- // ── Clear queue button ───────────────────────────────────────
- clearBtn.addEventListener('click', () => {
- // Only remove items that aren't currently uploading (anything queued
- // or already finished). An in-progress upload finishes, then its row
- // would also disappear once we re-render — but we keep it simple and
- // just refuse to clear during an active run.
- if (startBtn.disabled) return;
- queue.length = 0;
- queueEl.innerHTML = '';
- queueEl.hidden = true;
- actionsEl.hidden = true;
- });
-
- // ── Sequential upload loop ───────────────────────────────────
- startBtn.addEventListener('click', async () => {
- if (startBtn.disabled) return;
- startBtn.disabled = true;
- clearBtn.disabled = true;
- dropzone.style.pointerEvents = 'none';
- dropzone.style.opacity = '0.5';
-
- const sharedArtist = artistInput.value.trim();
- const sharedAlbum = albumInput.value.trim();
- const sharedCover = coverInput.files && coverInput.files[0];
-
- // Process queued items one at a time. We iterate via index so that
- // if more files get dropped during the run they ALSO get processed
- // (queue.push above mutates the same array we're iterating).
- for (let i = 0; i < queue.length; i++) {
- const item = queue[i];
- if (item.status !== 'queued') continue;
- try {
- await uploadOne(item, sharedArtist, sharedAlbum, sharedCover);
- } catch (err) {
- console.error('upload failed for', item.file.name, err);
- setItemStatus(item, 'error', '✗ ' + (err.message || (T.failed || '')));
- }
- }
-
- startBtn.disabled = false;
- clearBtn.disabled = false;
- dropzone.style.pointerEvents = '';
- dropzone.style.opacity = '';
-
- // Reload the page so the new tracks appear in the list below.
- // Could also fetch them and inject, but a full reload is simpler and
- // ensures position indexes / album-grouping are correct.
- const anyDone = queue.some(q => q.status === 'done');
- if (anyDone) {
- setTimeout(() => location.reload(), 700);
- }
- });
-
- async function uploadOne(item, sharedArtist, sharedAlbum, sharedCover) {
- setItemStatus(item, 'uploading');
-
- const fd = new FormData();
- fd.append('audio', item.file);
- if (sharedArtist) fd.append('artist', sharedArtist);
- if (sharedAlbum) fd.append('album', sharedAlbum);
- if (sharedCover) fd.append('cover', sharedCover);
- // Title is intentionally omitted — server uses filename fallback.
-
- // We can't reliably distinguish "still uploading bytes" from
- // "uploading done, ffmpeg running" without progress events, but the
- // status flips to "Converteren…" once the request is past upload phase.
- // We approximate this by waiting until the response arrives — by then
- // both phases are complete on the server side. For a smoother feel we
- // briefly show "transcoding" near the end of the request lifecycle.
- const transcodeHint = setTimeout(() => {
- if (item.status === 'uploading') setItemStatus(item, 'transcoding');
- }, 1500);
-
- try {
- const res = await fetch('/admin/audio/upload', {
- method: 'POST',
- headers: { 'Accept': 'application/json' },
- body: fd,
- credentials: 'same-origin',
- });
- clearTimeout(transcodeHint);
-
- // Server responds with JSON for our Accept header. If it didn't
- // (e.g. session expired and got an HTML login page), surface that.
- let data;
- try { data = await res.json(); }
- catch (_) { throw new Error((T.err_unexpected || '') + ' (' + res.status + ')'); }
-
- if (!res.ok || !data.ok) {
- throw new Error(data.error || ('HTTP ' + res.status));
- }
-
- setItemStatus(item, 'done', '✓ ' + (data.title || (T.st_done || '')));
- } catch (err) {
- clearTimeout(transcodeHint);
- throw err;
- }
- }
-
- // ── Click-to-copy embed codes ─────────────────────────────────
- document.querySelectorAll('[data-copy]').forEach(el => {
- el.addEventListener('click', async () => {
- const text = el.dataset.copy;
- try {
- await navigator.clipboard.writeText(text);
- el.classList.add('is-copied');
- const original = el.textContent;
- el.textContent = '✓ ' + (T.copied || '');
- setTimeout(() => {
- el.classList.remove('is-copied');
- el.textContent = original;
- }, 1200);
- } catch (_) { /* fall through — selection still works */ }
- });
- });
-
- // ── "+ Track zonder audio": maak een link-only stub + open de editor ──
- const addLinkBtn = document.getElementById('add-link-track-btn');
- if (addLinkBtn) {
- addLinkBtn.addEventListener('click', async () => {
- addLinkBtn.disabled = true;
- try {
- const r = await fetch('/admin/audio/create-link', {
- method: 'POST', credentials: 'same-origin',
- headers: { 'Content-Type': 'application/json' },
- body: JSON.stringify({ title: (T.new_track || '') }),
- });
- const j = await r.json();
- if (!r.ok || !j.ok) throw new Error(j.error || (T.create_failed || ''));
- if (typeof window.openTrackEditor !== 'function') { location.reload(); return; }
- window.openTrackEditor({ id: j.id, onSaved: () => location.reload() });
- } catch (err) {
- alert((T.create_failed || '') + ': ' + err.message);
- } finally {
- addLinkBtn.disabled = false;
- }
- });
- }
-
- // ── Wire all "Edit" buttons to the track-editor modal ─────────
- // After save we patch the row in-place rather than reloading,
- // so the user keeps their scroll position on long lists.
- document.querySelectorAll('[data-track-edit]').forEach(btn => {
- btn.addEventListener('click', () => {
- if (typeof window.openTrackEditor !== 'function') {
- alert((T.editor_not_loaded || ''));
- return;
- }
- const id = btn.dataset.id;
- window.openTrackEditor({
- id,
- onSaved: (track) => {
- const row = document.querySelector('li[data-track-id="' + id + '"]');
- if (!row) return;
- // Update visible cells
- const titleEl = row.querySelector('[data-cell="title"]');
- const artistEl = row.querySelector('[data-cell="artist"]');
- const albumEl = row.querySelector('[data-cell="album"]');
- if (titleEl) titleEl.textContent = track.title || (T.untitled || '');
- if (artistEl) artistEl.textContent = track.artist || '—';
- if (albumEl) {
- albumEl.textContent = track.album || '';
- if (track.album) albumEl.removeAttribute('hidden');
- else albumEl.setAttribute('hidden', '');
- }
- // Update cover thumb (replace element if type changed)
- const oldThumb = row.querySelector('[data-cover-thumb]');
- if (oldThumb) {
- const parent = oldThumb.parentElement;
- if (track.cover_url) {
- const img = document.createElement('img');
- img.className = 'ax-track-cover';
- img.src = track.cover_url;
- img.alt = '';
- img.dataset.coverThumb = '';
- parent.replaceChild(img, oldThumb);
- } else {
- const sp = document.createElement('span');
- sp.className = 'ax-track-cover ax-track-cover-empty';
- sp.textContent = '♫';
- sp.dataset.coverThumb = '';
- parent.replaceChild(sp, oldThumb);
- }
- }
- },
- });
- });
- });
-
- // Download-voor-email toggle — AJAX (geen pagina-reload meer).
- document.querySelectorAll('[data-track-dl]').forEach(btn => {
- btn.addEventListener('click', async () => {
- if (btn.disabled) return;
- const want = btn.dataset.on === '1' ? 0 : 1;
- btn.disabled = true;
- try {
- const res = await fetch('/admin/audio/api/' + btn.dataset.id, {
- method: 'POST',
- headers: { 'Content-Type': 'application/json' },
- body: JSON.stringify({ downloadable: !!want }),
- });
- if (!res.ok) throw new Error('HTTP ' + res.status);
- btn.dataset.on = String(want);
- btn.style.color = want ? 'var(--accent,#6b8f71)' : '';
- btn.style.opacity = want ? '1' : '.5';
- btn.title = want
- ? (T.dl_on || '')
- : (T.dl_off || '');
- } catch (e) {
- alert((T.change_failed || '') + ': ' + (e.message || e));
- } finally {
- btn.disabled = false;
- }
- });
- });
-})();
-}
Index: src/assets/js/mod/admin-epk.js
===================================================================
--- src/assets/js/mod/admin-epk.js (revision 2165b6d3d57ceaa8b5d1f70491868482149470cf)
+++ (revision )
@@ -1,27 +1,0 @@
-// Het EPK-scherm in beheer (pages/admin-epk.ejs) -- verplaatst uit inline script, shaer-bqr.
-//
-// Inline script in een pagina wordt door de CSP geweigerd zodra je die pagina via
-// een link BINNEN de site opent: de nonce rouleert per verzoek (shaer-0i6). Dit
-// bestand wordt door de bootstrap in shell.ejs geladen en heeft dat probleem niet.
-//
-// Alles hier hoort GEDELEGEERD te luisteren (op document, niet op een element dat
-// er nu staat) en tegen een tweede aanroep te kunnen.
-
-// Element-bedrading leeft zo lang als de pagina; de bootstrap roept init()
-// aan bij elke paginawissel waarop deze module actief is (shaer-5s1).
-export function init() { run(); }
-
-function run() {
-(function () {
- var box = document.querySelector('.epk-track-pick');
- if (!box) return;
- var max = parseInt(box.dataset.max, 10) || 5;
- function sync() {
- var checks = box.querySelectorAll('input[type=checkbox]');
- var n = box.querySelectorAll('input[type=checkbox]:checked').length;
- checks.forEach(function (c) { c.disabled = (!c.checked && n >= max); });
- }
- box.addEventListener('change', sync);
- sync();
-})();
-}
Index: src/assets/js/mod/admin-help.js
===================================================================
--- src/assets/js/mod/admin-help.js (revision 2165b6d3d57ceaa8b5d1f70491868482149470cf)
+++ (revision )
@@ -1,36 +1,0 @@
-// Het hulpscherm in beheer (pages/admin-help.ejs) -- verplaatst uit inline script, shaer-bqr.
-//
-// Inline script in een pagina wordt door de CSP geweigerd zodra je die pagina via
-// een link BINNEN de site opent: de nonce rouleert per verzoek (shaer-0i6). Dit
-// bestand wordt door de bootstrap in shell.ejs geladen en heeft dat probleem niet.
-//
-// Alles hier hoort GEDELEGEERD te luisteren (op document, niet op een element dat
-// er nu staat) en tegen een tweede aanroep te kunnen.
-
-// Element-bedrading leeft zo lang als de pagina; de bootstrap roept init()
-// aan bij elke paginawissel waarop deze module actief is (shaer-5s1).
-export function init() { run(); }
-
-function run() {
-(function () {
- var q = document.getElementById('hb-q');
- var items = [].slice.call(document.querySelectorAll('.hb-item'));
- var empty = document.getElementById('hb-empty');
- var count = document.getElementById('hb-count');
- if (!q) return;
- // Bewaar de originele tekst per item (voor highlight-reset).
- items.forEach(function (it) { it._txt = it.textContent.toLowerCase(); });
- function run() {
- var term = q.value.trim().toLowerCase();
- var shown = 0;
- items.forEach(function (it) {
- var hit = !term || it._txt.indexOf(term) >= 0;
- it.classList.toggle('hb-hidden', !hit);
- if (hit) shown++;
- });
- empty.hidden = shown !== 0;
- count.textContent = term ? (shown + ' onderwerp' + (shown === 1 ? '' : 'en') + ' gevonden') : '';
- }
- q.addEventListener('input', run);
-})();
-}
Index: src/assets/js/mod/admin-media.js
===================================================================
--- src/assets/js/mod/admin-media.js (revision 2165b6d3d57ceaa8b5d1f70491868482149470cf)
+++ (revision )
@@ -1,45 +1,0 @@
-// Media in beheer -- verplaatst uit inline script, shaer-bqr.
-//
-// Inline script wordt door de CSP geweigerd zodra deze pagina via een link
-// BINNEN de site binnenkomt (shaer-0i6). Servergegevens komen uit pageData();
-// interpolatie kan niet in een statisch bestand.
-
-import { pageData } from './lib.js';
-
-(function () {
- if (window.__mediaWired) return; window.__mediaWired = true;
- // Gedelegeerd op document, dus dit overleeft elke paginawissel -- ook op
- // pagina's waar [data-copy] iets ANDERS betekent (audio en playlists: een
- // shortcode, geen pad). Zonder deze wacht kaapt dit daar de kopieerklik en
- // plakt er een origin voor (shaer-5s1). T per klik gelezen, want pageData
- // wisselt mee met de pagina.
- function active() { return (document.body.getAttribute('data-js') || '').split(/\s+/).indexOf('admin-media') !== -1; }
- document.addEventListener('click', function (e) {
- if (!active()) return;
- var T = pageData();
- var c = e.target.closest('[data-copy]');
- if (c) {
- var u = location.origin + c.getAttribute('data-copy');
- var done = function () { var o = c.textContent; c.textContent = '✓'; setTimeout(function () { c.textContent = o === '✓' ? T.copy : o; }, 1200); };
- if (navigator.clipboard) navigator.clipboard.writeText(u).then(done).catch(function () { window.prompt('URL', u); });
- else window.prompt('URL', u);
- return;
- }
- var d = e.target.closest('[data-del]');
- if (d) {
- if (!window.confirm(T.delC)) return;
- fetch('/admin/media/delete', { method: 'POST', credentials: 'same-origin', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ file: d.getAttribute('data-del') }) })
- .then(function (r) { return r.json(); })
- .then(function (j) { if (j && j.ok) { var card = d.closest('.media-card'); if (card) card.remove(); } else window.alert((j && j.error) || 'Error'); })
- .catch(function () { window.alert('Error'); });
- return;
- }
- if (e.target.closest('#media-cleanup')) {
- if (!window.confirm(T.cleanC)) return;
- fetch('/admin/media/cleanup', { method: 'POST', credentials: 'same-origin' })
- .then(function (r) { return r.json(); })
- .then(function (j) { location.href = '/admin/media?success=' + encodeURIComponent(((j && j.removed) || 0) + ' file(s) removed'); })
- .catch(function () { window.alert('Error'); });
- }
- });
-})();
Index: src/assets/js/mod/admin-paid.js
===================================================================
--- src/assets/js/mod/admin-paid.js (revision 2165b6d3d57ceaa8b5d1f70491868482149470cf)
+++ (revision )
@@ -1,27 +1,0 @@
-// Betaalde posts in beheer (pages/admin-paid.ejs) -- verplaatst uit inline script, shaer-bqr.
-//
-// Inline script in een pagina wordt door de CSP geweigerd zodra je die pagina via
-// een link BINNEN de site opent: de nonce rouleert per verzoek (shaer-0i6). Dit
-// bestand wordt door de bootstrap in shell.ejs geladen en heeft dat probleem niet.
-//
-// Alles hier hoort GEDELEGEERD te luisteren (op document, niet op een element dat
-// er nu staat) en tegen een tweede aanroep te kunnen.
-
-// Element-bedrading leeft zo lang als de pagina; de bootstrap roept init()
-// aan bij elke paginawissel waarop deze module actief is (shaer-5s1).
-export function init() { run(); }
-
-function run() {
-(function () {
- var field = document.getElementById('pd-redirect');
- var btn = document.getElementById('pd-copy');
- if (!field || !btn) return;
- field.addEventListener('focus', function () { field.select(); });
- btn.addEventListener('click', function () {
- field.select();
- var done = function () { var t = btn.textContent; btn.textContent = document.getElementById('pd-copy').getAttribute('data-copied'); setTimeout(function () { btn.textContent = t; }, 1400); };
- if (navigator.clipboard && navigator.clipboard.writeText) { navigator.clipboard.writeText(field.value).then(done, function () { try { document.execCommand('copy'); done(); } catch (e) {} }); }
- else { try { document.execCommand('copy'); done(); } catch (e) {} }
- });
-})();
-}
Index: src/assets/js/mod/admin-playlists.js
===================================================================
--- src/assets/js/mod/admin-playlists.js (revision 2165b6d3d57ceaa8b5d1f70491868482149470cf)
+++ (revision )
@@ -1,80 +1,0 @@
-// Afspeellijsten in beheer -- verplaatst uit inline script, shaer-bqr.
-//
-// Servergegevens (het csrf-token en drie teksten) komen uit pageData();
-// interpolatie kan niet in een statisch bestand.
-
-import { pageData } from './lib.js';
-
-// Element-bedrading per render, dus init() per paginawissel (shaer-5s1).
-export function init() { run(); }
-
-function run() {
-(function() {
- const _d = pageData();
- const csrf = _d.csrf || '';
-
- document.getElementById('pl-new-btn')?.addEventListener('click', () => {
- if (typeof window.openPlaylistEditor === 'function') {
- window.openPlaylistEditor({ mode: 'create', onSaved: () => location.reload() });
- }
- });
-
- // Click-to-copy on shortcodes
- document.querySelectorAll('[data-copy]').forEach(el => {
- el.addEventListener('click', async () => {
- try {
- await navigator.clipboard.writeText(el.dataset.copy);
- el.classList.add('is-copied');
- const original = el.textContent;
- el.textContent = '✓ ' + (_d.copied || '');
- setTimeout(() => { el.classList.remove('is-copied'); el.textContent = original; }, 1200);
- } catch (_) { /* fall back to selection */ }
- });
- });
-
- document.querySelectorAll('[data-pl-edit]').forEach(btn => {
- btn.addEventListener('click', () => {
- if (typeof window.openPlaylistEditor === 'function') {
- window.openPlaylistEditor({ mode: 'edit', id: btn.dataset.id, onSaved: () => location.reload() });
- }
- });
- });
-
- document.querySelectorAll('[data-pl-delete]').forEach(btn => {
- btn.addEventListener('click', async () => {
- const id = btn.dataset.id;
- const title = btn.dataset.title || id;
- if (!confirm((_d.delConfirm || '').replace('{title}', title))) return;
- try {
- const r = await fetch(`/admin/playlists/api/${encodeURIComponent(id)}/delete`, {
- method: 'POST',
- headers: { 'X-CSRF-Token': csrf },
- credentials: 'same-origin',
- });
- const j = await r.json();
- if (j.ok) location.reload();
- else alert((_d.delFailed || '') + ': ' + (j.error || ''));
- } catch (err) {
- alert((_d.delFailed || '') + ': ' + err.message);
- }
- });
- });
-
- // P52 — deep-link from playlist embed (?edit=) auto-opens the editor.
- // openPlaylistEditor is defined synchronously by the included partial, so
- // it's available by the time this IIFE runs.
- (function deepLinkEdit() {
- const params = new URLSearchParams(location.search);
- const editId = params.get('edit');
- if (!editId) return;
- if (typeof window.openPlaylistEditor !== 'function') return;
- // Strip the query param immediately so reload after save doesn't re-open.
- history.replaceState({}, '', location.pathname);
- window.openPlaylistEditor({
- mode: 'edit',
- id: editId,
- onSaved: () => location.reload(),
- });
- })();
-})();
-}
Index: src/assets/js/mod/admin-push.js
===================================================================
--- src/assets/js/mod/admin-push.js (revision 2165b6d3d57ceaa8b5d1f70491868482149470cf)
+++ (revision )
@@ -1,116 +1,0 @@
-// Pushmeldingen in beheer (pages/admin-push.ejs) -- verplaatst uit inline script, shaer-bqr.
-//
-// Inline script in een pagina wordt door de CSP geweigerd zodra je die pagina via
-// een link BINNEN de site opent: de nonce rouleert per verzoek (shaer-0i6). Dit
-// bestand wordt door de bootstrap in shell.ejs geladen en heeft dat probleem niet.
-//
-// Alles hier hoort GEDELEGEERD te luisteren (op document, niet op een element dat
-// er nu staat) en tegen een tweede aanroep te kunnen.
-
-// Element-bedrading leeft zo lang als de pagina; de bootstrap roept init()
-// aan bij elke paginawissel waarop deze module actief is (shaer-5s1).
-export function init() { run(); }
-
-function run() {
-(function () {
- var cfg = JSON.parse(document.getElementById('np-data').textContent);
- var elState = document.getElementById('np-state');
- var btnOn = document.getElementById('np-on'), btnOff = document.getElementById('np-off'), btnTest = document.getElementById('np-test');
- var alertsBox = document.getElementById('np-alerts'), savedMsg = document.getElementById('np-saved');
- var currentEndpoint = null;
-
- var isIos = /iPad|iPhone|iPod/.test(navigator.userAgent);
- var standalone = window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone === true;
- if (isIos && !standalone) document.getElementById('np-ios-hint').hidden = false;
-
- if (!('serviceWorker' in navigator) || !('PushManager' in window) || !('Notification' in window)) {
- document.getElementById('np-unsupported').hidden = false;
- elState.textContent = cfg.i18n.unsupported;
- return;
- }
-
- function b64ToU8(s) {
- var pad = '='.repeat((4 - (s.length % 4)) % 4);
- var raw = atob((s + pad).replace(/-/g, '+').replace(/_/g, '/'));
- var out = new Uint8Array(raw.length);
- for (var i = 0; i < raw.length; i++) out[i] = raw.charCodeAt(i);
- return out;
- }
- function post(url, body) {
- return fetch(url, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body || {}) });
- }
- function deviceLabel() {
- var ua = navigator.userAgent;
- var browser = /Firefox\//.test(ua) ? 'Firefox' : /Edg\//.test(ua) ? 'Edge' : /Chrome\//.test(ua) ? 'Chrome' : /Safari\//.test(ua) ? 'Safari' : 'Browser';
- var os = /Android/.test(ua) ? 'Android' : /iPad|iPhone|iPod/.test(ua) ? 'iOS' : /Mac/.test(ua) ? 'macOS' : /Win/.test(ua) ? 'Windows' : /Linux/.test(ua) ? 'Linux' : '';
- return (browser + (os ? ' op ' + os : ''));
- }
- function readAlertBoxes() {
- var out = {};
- alertsBox.querySelectorAll('input[data-alert]').forEach(function (cb) { out[cb.getAttribute('data-alert')] = cb.checked ? 1 : 0; });
- return out;
- }
- function setAlertBoxes(alerts) {
- alertsBox.querySelectorAll('input[data-alert]').forEach(function (cb) {
- cb.checked = !!alerts[cb.getAttribute('data-alert')];
- });
- }
-
- function render(sub) {
- currentEndpoint = sub ? sub.endpoint : null;
- elState.textContent = sub ? cfg.i18n.on : (Notification.permission === 'denied' ? cfg.i18n.denied : cfg.i18n.off);
- btnOn.hidden = !!sub || Notification.permission === 'denied';
- btnOff.hidden = !sub;
- btnTest.hidden = !sub;
- alertsBox.hidden = !sub;
- }
-
- navigator.serviceWorker.ready.then(function (reg) {
- return reg.pushManager.getSubscription();
- }).then(function (sub) {
- // Show this device's SAVED prefs when we know them, defaults otherwise.
- setAlertBoxes((sub && cfg.saved[sub.endpoint]) ? Object.assign({}, cfg.alerts, cfg.saved[sub.endpoint]) : cfg.alerts);
- render(sub);
- }).catch(function () { elState.textContent = cfg.i18n.unknown; });
-
- btnOn.addEventListener('click', function () {
- btnOn.disabled = true;
- Notification.requestPermission().then(function (perm) {
- if (perm !== 'granted') { btnOn.disabled = false; render(null); return; }
- navigator.serviceWorker.ready.then(function (reg) {
- return reg.pushManager.subscribe({ userVisibleOnly: true, applicationServerKey: b64ToU8(cfg.vapid) });
- }).then(function (sub) {
- return post('/push/subscribe', { subscription: sub.toJSON(), alerts: readAlertBoxes(), uaLabel: deviceLabel() })
- .then(function (r) { if (!r.ok) throw new Error('subscribe failed'); render(sub); location.reload(); });
- }).catch(function () { btnOn.disabled = false; elState.textContent = cfg.i18n.failed; });
- });
- });
-
- btnOff.addEventListener('click', function () {
- navigator.serviceWorker.ready.then(function (reg) { return reg.pushManager.getSubscription(); }).then(function (sub) {
- if (!sub) { render(null); return; }
- var ep = sub.endpoint;
- sub.unsubscribe().then(function () { return post('/push/unsubscribe', { endpoint: ep }); })
- .then(function () { location.reload(); });
- });
- });
-
- btnTest.addEventListener('click', function () {
- btnTest.disabled = true;
- post('/push/test').then(function () { setTimeout(function () { btnTest.disabled = false; }, 2000); });
- });
-
- alertsBox.addEventListener('change', function () {
- if (!currentEndpoint) return;
- post('/push/alerts', { endpoint: currentEndpoint, alerts: readAlertBoxes() }).then(function (r) {
- if (r.ok) { savedMsg.hidden = false; setTimeout(function () { savedMsg.hidden = true; }, 1500); }
- });
- });
-
- document.querySelectorAll('.np-remove').forEach(function (btn) {
- btn.addEventListener('click', function () {
- post('/push/unsubscribe', { endpoint: btn.getAttribute('data-endpoint') }).then(function () { location.reload(); });
- });
- });
-})();
-}
Index: src/assets/js/mod/admin-seo.js
===================================================================
--- src/assets/js/mod/admin-seo.js (revision 2165b6d3d57ceaa8b5d1f70491868482149470cf)
+++ (revision )
@@ -1,158 +1,0 @@
-// De SEO-pagina: op dit moment alleen het MusicBrainz-paneel (shaer-mbz).
-//
-// De rest van dit scherm is gewone formuliervelden en heeft geen JavaScript
-// nodig; deze module bestaat omdat opzoeken dat wel doet.
-
-import { pageData, makeSweeper } from './lib.js';
-
-const doc = makeSweeper();
-let T = {};
-
-export function init() {
- doc.sweep();
- T = pageData();
- run();
-}
-
-function run() {
- // Binnen run() en niet op moduleniveau: deze modules krijgen bij elke
- // paginawissel opnieuw init(), en een blok dat maar een keer per sessie
- // draait is precies wat shaer-5s1 opleverde.
- wireMusicBrainz();
-}
-
-/**
- * "Zoek jezelf op" in MusicBrainz.
- *
- * De kandidaten komen van de server, want MusicBrainz eist een verzoek per
- * seconde per APPLICATIE en een User-Agent met contact -- allebei niet vanuit
- * een browser af te dwingen.
- *
- * WIJ KIEZEN NIET. Ook niet als er precies een treffer is: een verkeerd geraden
- * MBID zet jouw naam onder andermans werk. De knop staat er, de klik is van de
- * artiest. En de keuze gaat mee met de Opslaan van de pagina -- een eigen
- * formulier kan hier niet, want deze pagina IS er een.
- */
-function wireMusicBrainz() {
- const knop = document.getElementById('mb-zoek-btn');
- const veld = document.getElementById('mb-q');
- const uit = document.getElementById('mb-uit');
- const idVeld = document.getElementById('mb-id');
- const naamVeld = document.getElementById('mb-naam');
- const huidig = document.getElementById('mb-huidig');
- if (!knop || !veld || !uit || !idVeld || knop.__wired) return;
- knop.__wired = true;
-
- const el = (tag, cls, tekst) => {
- const e = document.createElement(tag);
- if (cls) e.className = cls;
- // textContent en nooit innerHTML: dit is tekst uit een vreemd register.
- if (tekst != null) e.textContent = tekst;
- return e;
- };
-
- function zet(mbid, naam) {
- idVeld.value = mbid || '';
- if (naamVeld) naamVeld.value = naam || '';
- if (huidig) {
- huidig.hidden = !mbid;
- const n = document.getElementById('mb-huidig-naam');
- const a = document.getElementById('mb-huidig-link');
- if (n) n.textContent = naam || mbid || '';
- if (a) a.href = mbid ? `https://musicbrainz.org/artist/${mbid}` : '#';
- }
- uit.hidden = true;
- uit.replaceChildren();
- checkTerugweg(mbid);
- }
-
- const wis = document.getElementById('mb-wis');
- if (wis) wis.addEventListener('click', () => zet('', ''));
-
- // DE TERUG-WEG. Wij zetten hem niet -- dat kan niet via hun API en hoort ook
- // niet -- we kijken alleen of de artiestenpagina ons domein noemt. Zolang dat
- // niet zo is staat er "nog eenzijdig", want een halve koppeling die als
- // bevestigd leest is het soort stilte waar we vandaag al genoeg van zagen.
- const terugweg = document.getElementById('mb-terugweg');
- async function checkTerugweg(mbid) {
- if (!terugweg) return;
- if (!mbid) { terugweg.hidden = true; terugweg.textContent = ''; return; }
- terugweg.hidden = false;
- terugweg.className = 'mb-terugweg';
- terugweg.textContent = T.mb_checking || 'Terug-weg controleren…';
- try {
- const r = await fetch(`/admin/seo/api/musicbrainz/terugweg?mbid=${encodeURIComponent(mbid)}`, { credentials: 'same-origin' });
- const j = await r.json();
- terugweg.className = 'mb-terugweg ' + (j.verified ? 'is-ok' : 'is-eenzijdig');
- terugweg.textContent = j.verified
- ? (T.mb_verified || 'Wederzijds.')
- : (T.mb_unverified || 'Nog eenzijdig.');
- } catch {
- terugweg.hidden = true;
- }
- }
- // Meteen bij het openen, want de artiest kan hem intussen op MusicBrainz
- // hebben gezet en hoort dat hier te zien zonder opnieuw te koppelen.
- if (idVeld.value) checkTerugweg(idVeld.value);
-
- async function zoek() {
- const q = (veld.value || '').trim();
- if (!q) return;
- uit.hidden = false;
- uit.replaceChildren(el('p', 'form-hint', T.mb_busy || 'Zoeken…'));
- knop.disabled = true;
- try {
- const r = await fetch(`/admin/seo/api/musicbrainz?q=${encodeURIComponent(q)}`, { credentials: 'same-origin' });
- const j = await r.json();
- toon((j && j.kandidaten) || []);
- } catch {
- uit.replaceChildren(el('p', 'form-hint', T.mb_fail || 'MusicBrainz is even niet bereikbaar.'));
- } finally {
- knop.disabled = false;
- }
- }
-
- function toon(kandidaten) {
- if (!kandidaten.length) {
- uit.replaceChildren(el('p', 'form-hint', T.mb_none || 'Niets gevonden.'));
- return;
- }
- const lijst = el('ul', 'mb-lijst');
- for (const k of kandidaten) {
- const li = el('li', 'mb-kandidaat');
-
- // Regel voor regel, want dit is een KEUZE en geen opsomming. Alles op een
- // rij duwen maakt de toelichting -- juist het veld dat de bands uit
- // elkaar houdt -- tot bijzin achter de naam.
- li.appendChild(el('span', 'mb-naam', k.naam));
-
- // De toelichting is het hele punt: er zijn drie bands die Nirvana heten,
- // en zonder dit veld kiest iemand de verkeerde. Eigen regel dus.
- if (k.toelichting) li.appendChild(el('span', 'mb-toelichting', k.toelichting));
-
- // De feiten eronder, en alleen wat er IS. Een lege bullet tussen twee
- // punten leest als ontbrekende informatie in plaats van als afwezige.
- const feiten = [k.soort, k.land, k.jaren].filter(Boolean).join(' · ');
- if (feiten) li.appendChild(el('span', 'mb-feiten', feiten));
-
- const voet = el('div', 'mb-voet');
- const open = el('a', 'mb-open', T.mb_open || 'Bekijk op MusicBrainz');
- open.href = k.url; open.target = '_blank'; open.rel = 'noopener';
- voet.appendChild(open);
- // Hun eigen score. Alleen tonen als hij ZWAK is: bij een goede treffer is
- // een getal ruis, bij een zwakke is het een waarschuwing.
- if (k.score && k.score < 70) voet.appendChild(el('span', 'mb-zwak', `${k.score}%`));
- const b = el('button', 'btn mb-kies', T.mb_pick || 'Dit ben ik');
- b.type = 'button';
- b.addEventListener('click', () => zet(k.mbid, k.naam));
- voet.appendChild(b);
- li.appendChild(voet);
-
- lijst.appendChild(li);
- }
- uit.replaceChildren(lijst);
- }
-
- knop.addEventListener('click', zoek);
- veld.addEventListener('keydown', (e) => { if (e.key === 'Enter') { e.preventDefault(); zoek(); } });
-}
Index: src/assets/js/mod/admin-settings.js
===================================================================
--- src/assets/js/mod/admin-settings.js (revision 2165b6d3d57ceaa8b5d1f70491868482149470cf)
+++ (revision )
@@ -1,25 +1,0 @@
-// Instellingen in beheer (pages/admin-settings.ejs) -- verplaatst uit inline script, shaer-bqr.
-//
-// Inline script in een pagina wordt door de CSP geweigerd zodra je die pagina via
-// een link BINNEN de site opent: de nonce rouleert per verzoek (shaer-0i6). Dit
-// bestand wordt door de bootstrap in shell.ejs geladen en heeft dat probleem niet.
-//
-// Alles hier hoort GEDELEGEERD te luisteren (op document, niet op een element dat
-// er nu staat) en tegen een tweede aanroep te kunnen.
-
-// Element-bedrading leeft zo lang als de pagina; de bootstrap roept init()
-// aan bij elke paginawissel waarop deze module actief is (shaer-5s1).
-export function init() { run(); }
-
-function run() {
- (function () {
- var f = document.getElementById('mode-form');
- if (!f || f.__age18wired) return; f.__age18wired = true;
- f.addEventListener('submit', function (e) {
- var sel = f.querySelector('input[name=mode]:checked');
- if (sel && sel.value === 'cirkels' && f.getAttribute('data-was-cirkels') === '0') {
- if (!window.confirm(f.getAttribute('data-confirm'))) e.preventDefault();
- }
- });
- })();
-}
Index: src/assets/js/mod/admin-site-edit.js
===================================================================
--- src/assets/js/mod/admin-site-edit.js (revision 2165b6d3d57ceaa8b5d1f70491868482149470cf)
+++ (revision )
@@ -1,136 +1,0 @@
-// Site bewerken in beheer (pages/admin-site-edit.ejs) -- verplaatst uit inline script, shaer-bqr.
-//
-// Inline script in een pagina wordt door de CSP geweigerd zodra je die pagina via
-// een link BINNEN de site opent: de nonce rouleert per verzoek (shaer-0i6). Dit
-// bestand wordt door de bootstrap in shell.ejs geladen en heeft dat probleem niet.
-//
-// Alles hier hoort GEDELEGEERD te luisteren (op document, niet op een element dat
-// er nu staat) en tegen een tweede aanroep te kunnen.
-
-// Element-bedrading leeft zo lang als de pagina; de bootstrap roept init()
-// aan bij elke paginawissel waarop deze module actief is (shaer-5s1).
-export function init() { run(); }
-
-function run() {
- (function(){
- if (window.__themePreviewWired) return; window.__themePreviewWired = true;
- var html = document.documentElement;
- function applyAccent(hex){
- if(!/^#[0-9a-fA-F]{6}$/.test(hex)) return;
- var sa = document.getElementById('pcms-site-accent');
- if(!sa){ sa = document.createElement('style'); sa.id = 'pcms-site-accent'; document.head.appendChild(sa); }
- sa.textContent = ':root,[data-palette]{--accent:'+hex+';--accent-soft:color-mix(in srgb,'+hex+' 80%,white);--accent-tint:color-mix(in srgb,'+hex+' 12%,transparent);}';
- }
- document.addEventListener('change', function(e){
- var t = e.target; if(!t || !t.name) return;
- if(t.name === 'palette'){ html.setAttribute('data-palette', t.value); }
- else if(t.name === 'accent'){ applyAccent(t.value); }
- else if(t.name === 'theme_override'){
- if(t.value === 'light' || t.value === 'dark'){ html.setAttribute('data-theme', t.value); }
- else { var dk = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches; html.setAttribute('data-theme', dk ? 'dark' : 'light'); }
- }
- });
- })();
-
-
-// ── volgend blok ──
-
-(function() {
- // Slug URL field: show the real host as a dimmed prefix (the slug itself is
- // coloured via CSS). Hub → host/user/, otherwise host/.
- var sh = document.getElementById('slug-host');
- if (sh) sh.textContent = location.host + (sh.dataset.prefix || '/');
-})();
-(function() {
- // Profile-links repeater: add row from , remove on click.
- var rows = document.getElementById('profile-links-rows');
- var tpl = document.getElementById('profile-link-template');
- var add = document.getElementById('profile-link-add');
- if (!rows || !tpl || !add) return;
-
- add.addEventListener('click', function() {
- var clone = tpl.content.cloneNode(true);
- rows.appendChild(clone);
- });
- rows.addEventListener('click', function(e) {
- if (e.target && e.target.classList.contains('pl-remove')) {
- var row = e.target.closest('.profile-link-row');
- if (row) row.remove();
- }
- });
-})();
-
-// P63 — Profile photo picker: upload via /admin/sites/upload-photo,
-// then write the returned URL into the visible input. Live thumb preview.
-(function() {
- var picker = document.getElementById('photo-picker');
- if (!picker) return;
- var thumb = document.getElementById('photo-thumb');
- var preview = document.getElementById('photo-preview');
- var urlEl = document.getElementById('photo-url');
- var trigger = document.getElementById('photo-upload-trigger');
- var clear = document.getElementById('photo-clear');
- var field = document.getElementById('photo-upload-field');
- var status = document.getElementById('photo-status');
-
- function showPreview(url) {
- if (url) {
- preview.src = url;
- preview.hidden = false;
- thumb.removeAttribute('data-empty');
- clear.hidden = false;
- } else {
- preview.src = '';
- preview.hidden = true;
- thumb.setAttribute('data-empty', '');
- clear.hidden = true;
- }
- }
-
- if (urlEl) {
- urlEl.addEventListener('input', function() {
- showPreview(urlEl.value.trim());
- });
- }
-
- if (trigger && field) {
- trigger.addEventListener('click', function() { field.click(); });
- field.addEventListener('change', async function() {
- var file = field.files && field.files[0];
- if (!file) return;
- status.classList.remove('is-error');
- status.textContent = 'Uploaden…';
- try {
- var fd = new FormData();
- fd.append('photo', file);
- var r = await fetch('/admin/sites/upload-photo', {
- method: 'POST',
- body: fd,
- credentials: 'same-origin',
- });
- var j = await r.json();
- if (!r.ok || !j.ok) throw new Error(j.error || ('Upload mislukt (' + r.status + ')'));
- urlEl.value = j.url;
- showPreview(j.url);
- status.textContent = 'Geüpload ✓';
- setTimeout(function() { status.textContent = ''; }, 2000);
- } catch (e) {
- status.classList.add('is-error');
- status.textContent = 'Mislukt: ' + e.message;
- } finally {
- field.value = '';
- }
- });
- }
-
- if (clear) {
- clear.addEventListener('click', function() {
- urlEl.value = '';
- showPreview('');
- status.textContent = '';
- // Note: doesn't delete the file from disk — saving the form with empty
- // URL leaves the file orphaned on the server. Acceptable for now.
- });
- }
-})();
-}
Index: src/assets/js/mod/admin-videos.js
===================================================================
--- src/assets/js/mod/admin-videos.js (revision 2165b6d3d57ceaa8b5d1f70491868482149470cf)
+++ (revision )
@@ -1,37 +1,0 @@
-// Video's in beheer -- verplaatst uit inline script, shaer-bqr.
-//
-// Inline script wordt door de CSP geweigerd zodra deze pagina via een link
-// BINNEN de site binnenkomt (shaer-0i6). Servergegevens komen uit pageData();
-// interpolatie kan niet in een statisch bestand.
-
-import { pageData } from './lib.js';
-
-(function () {
- if (window.__videosWired) return; window.__videosWired = true;
- // Gedelegeerd op document, dus dit overleeft elke paginawissel -- ook op
- // pagina's waar [data-copy] iets ANDERS betekent (audio en playlists: een
- // shortcode, geen pad). Zonder deze wacht kaapt dit daar de kopieerklik en
- // plakt er een origin voor (shaer-5s1). T per klik gelezen, want pageData
- // wisselt mee met de pagina.
- function active() { return (document.body.getAttribute('data-js') || '').split(/\s+/).indexOf('admin-videos') !== -1; }
- document.addEventListener('click', function (e) {
- if (!active()) return;
- var T = pageData();
- var c = e.target.closest('[data-copy]');
- if (c) {
- var u = location.origin + c.getAttribute('data-copy');
- var done = function () { var o = c.textContent; c.textContent = '✓'; setTimeout(function () { c.textContent = o === '✓' ? T.copy : o; }, 1200); };
- if (navigator.clipboard) navigator.clipboard.writeText(u).then(done).catch(function () { window.prompt('URL', u); });
- else window.prompt('URL', u);
- return;
- }
- var d = e.target.closest('[data-del]');
- if (d) {
- if (!window.confirm(T.delC)) return;
- fetch('/admin/media/videos/delete', { method: 'POST', credentials: 'same-origin', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ file: d.getAttribute('data-del') }) })
- .then(function (r) { return r.json(); })
- .then(function (j) { if (j && j.ok) { var card = d.closest('.media-card'); if (card) card.remove(); } })
- .catch(function () {});
- }
- });
-})();
Index: src/assets/js/mod/auth-register.js
===================================================================
--- src/assets/js/mod/auth-register.js (revision 2165b6d3d57ceaa8b5d1f70491868482149470cf)
+++ (revision )
@@ -1,25 +1,0 @@
-// Het registratieformulier (pages/auth-register.ejs) -- verplaatst uit inline script, shaer-bqr.
-//
-// Inline script in een pagina wordt door de CSP geweigerd zodra je die pagina via
-// een link BINNEN de site opent: de nonce rouleert per verzoek (shaer-0i6). Dit
-// bestand wordt door de bootstrap in shell.ejs geladen en heeft dat probleem niet.
-//
-// Alles hier hoort GEDELEGEERD te luisteren (op document, niet op een element dat
-// er nu staat) en tegen een tweede aanroep te kunnen.
-
-// Element-bedrading leeft zo lang als de pagina; de bootstrap roept init()
-// aan bij elke paginawissel waarop deze module actief is (shaer-5s1).
-export function init() { run(); }
-
-function run() {
-(function () {
- var u = document.getElementById('setup-username'), out = document.getElementById('setup-handle');
- if (!u || !out) return;
- function upd() {
- var v = (u.value || '').toLowerCase().replace(/[^a-z0-9_-]/g, '') || 'username';
- out.textContent = '@' + v + '@' + location.host;
- }
- u.addEventListener('input', upd);
- upd();
-})();
-}
Index: src/assets/js/mod/authorize-interaction.js
===================================================================
--- src/assets/js/mod/authorize-interaction.js (revision 2165b6d3d57ceaa8b5d1f70491868482149470cf)
+++ (revision )
@@ -1,68 +1,0 @@
-// Interactie autoriseren (pages/authorize-interaction.ejs) -- verplaatst uit inline script, shaer-bqr.
-//
-// Inline script in een pagina wordt door de CSP geweigerd zodra je die pagina via
-// een link BINNEN de site opent: de nonce rouleert per verzoek (shaer-0i6). Dit
-// bestand wordt door de bootstrap in shell.ejs geladen en heeft dat probleem niet.
-//
-// Alles hier hoort GEDELEGEERD te luisteren (op document, niet op een element dat
-// er nu staat) en tegen een tweede aanroep te kunnen.
-
-// Element-bedrading leeft zo lang als de pagina; de bootstrap roept init()
-// aan bij elke paginawissel waarop deze module actief is (shaer-5s1).
-export function init() { run(); }
-
-function run() {
- (function () {
- // Element-vlag, geen window-vlag: na een swap is de knop een NIEUW element
- // en moet hij opnieuw bedraad; een window-vlag zou dat voorgoed blokkeren.
- var a = document.getElementById('fedi-bm-btn'); if (!a || a.__wired) return; a.__wired = true;
- a.setAttribute('href', "javascript:void(window.open('" + location.origin + "/authorize_interaction?uri='+encodeURIComponent(window.location.href)))");
- a.addEventListener('click', function (e) { e.preventDefault(); a.classList.add('nudge'); setTimeout(function(){ a.classList.remove('nudge'); }, 600); });
- })();
-
-
-// ── volgend blok ──
-
- (function () {
- if (window.__fediEditWired) return; window.__fediEditWired = true;
- document.addEventListener('click', function (e) {
- var b = e.target.closest && e.target.closest('.fedi-edit-btn');
- if (!b) return;
- var li = b.closest('.fedi-manage-item'); if (!li) return;
- var form = li.querySelector('.fedi-edit-form'); if (!form) return;
- var open = form.classList.toggle('is-open');
- b.classList.toggle('is-open', open);
- b.setAttribute('aria-expanded', open ? 'true' : 'false');
- if (open) { var ed = form.querySelector('.re-editor') || form.querySelector('textarea'); if (ed) ed.focus(); }
- });
- })();
-
-
-// ── volgend blok ──
-
-/* Like/Boost toggle in place — POST via fetch, flip the button, stay on the page. */
-(function(){
- if (window.__fediReactWired) return; window.__fediReactWired = true;
- document.addEventListener('submit', function(e){
- var f = e.target.closest && e.target.closest('.fedi-react-form');
- if (!f) return;
- e.preventDefault();
- var btn = f.querySelector('button'); if (!btn || btn.disabled) return;
- btn.disabled = true;
- var body = new URLSearchParams();
- new FormData(f).forEach(function(v, k){ body.append(k, v); });
- fetch(f.action, { method: 'POST', body: body, headers: { 'X-Requested-With': 'fetch' }, credentials: 'same-origin' })
- .then(function(r){ return r.ok ? r.json() : null; })
- .then(function(j){
- if (j) {
- var on = !!j.on;
- btn.classList.toggle('is-on', on);
- var lbl = btn.querySelector('.fedi-bigact-label');
- if (lbl) lbl.textContent = on ? (btn.getAttribute('data-on') || lbl.textContent) : (btn.getAttribute('data-off') || lbl.textContent);
- }
- })
- .catch(function(){})
- .then(function(){ btn.disabled = false; });
- });
-})();
-}
Index: src/assets/js/mod/chrome.js
===================================================================
--- src/assets/js/mod/chrome.js (revision 2165b6d3d57ceaa8b5d1f70491868482149470cf)
+++ (revision )
@@ -1,284 +1,0 @@
-// De chrome: alles wat om elke pagina heen staat (shaer-bqr).
-//
-// Dit stond als inline