Changeset 9da8027 in Klonkt for src

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@…>

Location:

src/views

Files:

• partials/view-switcher.ejs (modified) (3 diffs)
• shell.ejs (modified) (1 diff)

src/views/partials/view-switcher.ejs

@@ -10 +10 @@
   var _neutral = ['on-shows','on-downloads','on-post','on-epk','on-linkbio','on-newsletter','on-archive']
                    .some(function(c){ return _bc.indexOf(c) >= 0; });
+  // Lezen bestaat alleen waar een leessectie is, en dat is de eigen feed. De
+  // cirkel toont berichten van ANDEREN, opgehaald van hun servers -- daar is
+  // "het hele stuk" niet iets wat wij in handen hebben. Dus daar geen knop:
+  // een knop die niets doet is erger dan een knop die er niet is.
+  var _leesbaar = _bc.indexOf('on-cirkel') < 0;
 %>
 <div class="view-switcher-wrap">
@@ -45 +50 @@
         <span><%= t('switch.grid') %></span>
       </button>
+      <% if (_leesbaar) { %>
       <%# Lezen is een gewone derde weergave: dezelfde berichten, andere vorm.
           Dus een <button> met data-view, net als de andere twee -- dan doen de
@@ -53 +59 @@
         <span><%= t('switch.reader') %></span>
       </button>
+      <% } %>
     </div>
     <% if (!_neutral) { %>

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) {