Changeset 9da8027 in Klonkt for src/views/shell.ejs

Timestamp:

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

Author:

Bart <bart@…>

Branches:

main

Children:

af2cc73

Parents:

7cf8144

git-author:

Bart <bart@…> (08/18/2026 07:11:27 AM)

git-committer:

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

Message:

Geen Lezen in de cirkel

De cirkel toont berichten van ANDEREN, opgehaald van hun servers; "het hele
stuk" is daar niet iets wat wij in handen hebben, en circle-feed.ejs heeft dan
ook geen leessectie. De knop stond er wel, en deed niets. Weg ermee: een knop
die niets doet is erger dan een knop die er niet is.

Daarbij hoort een terugval, anders ruil je één probleem voor een ander. Wie op
de eigen feed Lezen koos, houdt die voorkeur in localStorage; op de cirkel is er
dan geen knop die bij data-feed-view hoort en stond de hele pil grijs terwijl de
tijdlijn gewoon te zien was -- nergens meer te zien waar je bent. syncAria valt
nu terug op timeline zodra de gekozen weergave op deze pagina niet bestaat. De
VOORKEUR blijft staan: terug op de eigen feed is Lezen weer actief.

Nagelopen door de partial los te renderen (on-home en on-tag krijgen Lezen,
on-cirkel niet) en door in de browser aankomst op de cirkel na te spelen: knop
weg, timeline actief, opgeslagen voorkeur nog 'reader'.

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

File:

• src/views/shell.ejs (modified) (1 diff)

src/views/shell.ejs

@@ -561 +561 @@
     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 bestaat, kan ook niet actief zijn.
+    // Lezen ontbreekt in de cirkel (daar staan berichten van anderen), en wie
+    // op de eigen feed Lezen koos houdt die voorkeur in localStorage. Zonder
+    // terugval staat de hele pil dan grijs terwijl de tijdlijn gewoon te zien
+    // is -- de lezer ziet nergens meer waar hij is. De VOORKEUR blijft staan:
+    // terug op de eigen feed is Lezen weer actief.
+    var _view = String(body.dataset.feedView || 'timeline');
+    if (!/^[a-z]+$/.test(_view)) _view = 'timeline';
+    if (!document.querySelector('.view-switch-btn[data-view="' + _view + '"]')) _view = 'timeline';
     document.querySelectorAll('.view-switch-btn').forEach(function(b) {
-      b.setAttribute('aria-selected', (_onFeed && b.dataset.view === body.dataset.feedView) ? 'true' : 'false');
+      b.setAttribute('aria-selected', (_onFeed && b.dataset.view === _view) ? 'true' : 'false');
     });
     document.querySelectorAll('.grid-cols-btn').forEach(function(b) {