Changeset 7421147 in Klonkt for src/assets/js/mod/read.js

Timestamp:

08/18/2026 06:47:58 PM (3 weeks ago)

Author:

Bart <bart@…>

Branches:

main

Children:

100aad8

Parents:

b67edbd

git-author:

Bart <bart@…> (08/18/2026 04:10:41 AM)

git-committer:

Bart <bart@…> (08/18/2026 06:47:58 PM)

Message:

Leesweergave: de twee zinnen die het script plaatst, zijn nu vertaalbaar

'Je bent bij het begin van het archief.' en de laadfout stonden hard in
mod/read.js -- terwijl read.exit in dezelfde commit wél in drie talen ging. Een
Engelse of Duitse lezer kreeg Nederlands aan het eind van het archief. Ze komen
nu van data-i18n op de stroom, dezelfde afspraak als de zoekteksten van de
topnav (mod/chrome.js).

En drie klassenamen die in het Nederlands waren blijven steken naast negen
Engelse: read-chrome-weg, read-laden en read-eind heten nu read-chrome-hidden,
read-loading en read-end.

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

File:

• src/assets/js/mod/read.js (modified) (6 diffs)

src/assets/js/mod/read.js

@@ -18 +18 @@
 const MARGE = '1px 0px 100% 0px';
 
+// De teksten die dit script plaatst. Ze staan in data-i18n op de stroom, want
+// een zin die hier staat, staat in één taal -- en dat is nooit de taal van de
+// lezer. Zelfde afspraak als de topnav (mod/chrome.js).
+let woorden = {};
+function woord(sleutel) { return woorden[sleutel] || ''; }
+
 const stroom = () => document.getElementById('read-stream');
 const geladen = new Set();      // slugs die al in de stroom staan
@@ -26 +32 @@
 
 function chrome(verbergen) {
-  document.body.classList.toggle('read-chrome-weg', !!verbergen);
+  document.body.classList.toggle('read-chrome-hidden', !!verbergen);
 }
 
@@ -72 +78 @@
   if (geladen.has(slug)) return;
   bezigOnder = true;
-  const wacht = melding(s, 'read-laden', '…');
+  const wacht = melding(s, 'read-loading', '…');
   try {
     const art = await haal(slug, laatste.dataset.base || '');
@@ -80 +86 @@
     kijk();
   } catch (e) {
-    wacht.textContent = 'Kon het volgende bericht niet laden.';
+    wacht.textContent = woord('load_error');
     console.warn('[read] onderaan:', e && e.message);
   } finally { bezigOnder = false; }
@@ -120 +126 @@
 
 function klaar(s) {
-  if (s.querySelector('.read-eind')) return;
-  melding(s, 'read-eind', 'Je bent bij het begin van het archief.');
+  if (s.querySelector('.read-end')) return;
+  melding(s, 'read-end', woord('end'));
 }
 
@@ -152 +158 @@
   const s = stroom();
   if (!s) return;
+  try { woorden = JSON.parse(s.getAttribute('data-i18n') || '{}'); } catch (e) { woorden = {}; }
   s.querySelectorAll('.read-post').forEach((p) => geladen.add(p.dataset.slug));
   laatsteY = window.scrollY || 0;