Changeset 70e9147 in Klonkt for src/views/partials/view-switcher.ejs

Timestamp:

08/19/2026 06:15:33 PM (3 weeks ago)

Author:

Bart <bart@…>

Branches:

main

Children:

70dbef4

Parents:

8501ee8

git-author:

Bart <bart@…> (08/19/2026 05:39:25 PM)

git-committer:

Bart <bart@…> (08/19/2026 06:15:33 PM)

Message:

Lezen vervangt Tijdlijn: twee keuzes solo, één in de cirkel

De chronologische lijst was de standaardweergave en Lezen de nieuwkomer; nu
andersom, en Tijdlijn verdwijnt als KEUZE. De opmaak zelf blijft bestaan
(.feed-timeline draagt nog het archief, de cirkel en de postpagina) -- alleen
kies je er niet meer voor, want voor hele berichten was Lezen de betere vorm.

Solo: Lezen | Grid. Cirkel: alleen Grid, want Lezen bestaat daar niet (dat zijn
berichten van anderen, van hun servers).

TWEE DINGEN DIE STIL KAPOT WAREN GEGAAN als ik alleen de knop had weggehaald:

• Wie hier eerder was heeft 'timeline' in zijn localStorage staan. Zonder vertaling houdt die bezoeker een weergave waar geen knop meer bij hoort: de pil helemaal grijs en een feed die niet is wat hij ooit koos. 'timeline' leest nu als 'reader'. Hetzelfde geldt voor sites met feed_view_default='timeline' in de database -- die worden bij het lezen naar reader vertaald, zonder migratie: alles wat geen 'grid' is, is lezen.

• Op de cirkel is Grid nu de ENIGE knop, en een knop die al actief is doet normaal niets. Dan zit je in Grid zonder weg terug. Is er één knop en staat hij aan, dan brengt hij je nu terug naar de standaard -- daar is dat de gewone lijst.

Nagelopen in de browser: solo toont Lezen|Grid met Lezen actief, een site die
nog 'timeline' opgeslagen heeft rendert als reader, en de cirkelknop gaat aan,
uit, aan.

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

File:

• src/views/partials/view-switcher.ejs (modified) (2 diffs)

src/views/partials/view-switcher.ejs

@@ -40 +40 @@
     <% } %>
     <div class="view-switcher" role="tablist" aria-label="Weergave">
-      <button type="button" class="view-switch-btn" data-view="timeline" role="tab"
+      <% if (_leesbaar) { %>
+      <%# Lezen is de standaardweergave sinds Tijdlijn weg is: hele berichten,
+          één per scherm. De chronologische lijst bestaat nog wel als opmaak
+          (.feed-timeline, ook op de cirkel en het archief), maar is geen KEUZE
+          meer -- daar was Lezen de betere vorm van. %>
+      <button type="button" class="view-switch-btn" data-view="reader" role="tab"
               aria-selected="<%= (!_neutral && !(typeof site !== 'undefined' && site && site.feed_view_default === 'grid')) ? 'true' : 'false' %>">
-        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="8" y1="6" x2="21" y2="6"/><line x1="8" y1="12" x2="21" y2="12"/><line x1="8" y1="18" x2="21" y2="18"/><line x1="3" y1="6" x2="3.01" y2="6"/><line x1="3" y1="12" x2="3.01" y2="12"/><line x1="3" y1="18" x2="3.01" y2="18"/></svg>
-        <span><%= t('switch.timeline') %></span>
+        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/></svg>
+        <span><%= t('switch.reader') %></span>
       </button>
+      <% } %>
       <button type="button" class="view-switch-btn" data-view="grid" role="tab"
               aria-selected="<%= (!_neutral && (typeof site !== 'undefined' && site && site.feed_view_default === 'grid')) ? 'true' : 'false' %>">
@@ -50 +56 @@
         <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
-          gedelegeerde klik, localStorage en syncAria in shell.ejs hun werk al. %>
-      <button type="button" class="view-switch-btn" data-view="reader" role="tab"
-              aria-selected="false">
-        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/></svg>
-        <span><%= t('switch.reader') %></span>
-      </button>
-      <% } %>
     </div>
     <% if (!_neutral) { %>