Changeset 9e5438e in Klonkt for src/views/pages

Timestamp:

06/26/2026 01:50:51 PM (2 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

5e3be97

Parents:

8334d27

Message:

feat(fedi): unify Timeline/Following/Replies/Notifications/Blocking under one tabbed Fediverse section

Shared responsive fedi-tabs bar (5 tabs + back-to-site) on all fediverse pages, with
htmx nav so switching tabs swaps #pcms-main (feels like one page; URL stays bookmarkable
per tab; tab bar scrolls horizontally on narrow screens). Added a 'Fediverse' entry to
the user dropdown + mobile sheet (-> /tijdlijn), removed the separate Timeline nav icon
(kept the notification bell). Replaced the old 2-tab tl-tabs (removed). i18n nav.fediverse
+ tl.tab_replies (nl/en/de).

Co-Authored-By: Claude <noreply@…>

Location:

src/views/pages

Files:

• authorize-interaction.ejs (modified) (1 diff)
• blocks.ejs (modified) (1 diff)
• fedi-notifications.ejs (modified) (1 diff)
• timeline.ejs (modified) (1 diff)
• volgend.ejs (modified) (1 diff)

src/views/pages/authorize-interaction.ejs

@@ -1 +1 @@
 <div class="auth-interact">
   <% if (typeof manage !== 'undefined' && manage) { %>
+    <%- include('../partials/fedi-tabs', { active: 'reacties' }) %>
     <h1 class="auth-interact-title"><%= t('fedi.manage_title') %></h1>
     <% if (!manage.length) { %>

src/views/pages/blocks.ejs

@@ -1 +1 @@
 <div class="bl-wrap">
+  <%- include('../partials/fedi-tabs', { active: 'blokkeren' }) %>
   <h1 class="bl-title"><%= t('blk.title') %></h1>
   <p class="bl-lead"><%= t('blk.lead') %></p>

src/views/pages/fedi-notifications.ejs

@@ -1 +1 @@
 <div class="nt-wrap">
-  <p class="fedi-back"><a class="btn btn-primary" href="/"><%= t('nav.back_to_site') %></a></p>
+  <%- include('../partials/fedi-tabs', { active: 'meldingen' }) %>
   <h1 class="nt-title"><%= t('notif.title') %></h1>
   <% if (!items || !items.length) { %>

src/views/pages/timeline.ejs

@@ -1 +1 @@
 <div class="tl-wrap">
-  <p class="fedi-back"><a class="btn btn-primary" href="/"><%= t('nav.back_to_site') %></a></p>
+  <%- include('../partials/fedi-tabs', { active: 'feed' }) %>
   <h1 class="tl-title"><%= t('tl.title') %></h1>
   <p class="tl-lead"><%= t('tl.lead') %></p>
-  <%- include('../partials/tl-tabs', { active: 'feed' }) %>
   <% if (typeof success !== 'undefined' && success) { %><div class="alert alert-success"><%= success %></div><% } %>
   <% if (typeof error !== 'undefined' && error) { %><div class="alert alert-error"><%= error %></div><% } %>

src/views/pages/volgend.ejs

@@ -1 +1 @@
 <div class="tl-wrap">
+  <%- include('../partials/fedi-tabs', { active: 'following' }) %>
   <h1 class="tl-title"><%= t('tl.title') %></h1>
   <p class="tl-lead"><%= t('tl.lead') %></p>
-  <%- include('../partials/tl-tabs', { active: 'following' }) %>
   <% if (typeof success !== 'undefined' && success) { %><div class="alert alert-success"><%= success %></div><% } %>
   <% if (typeof error !== 'undefined' && error) { %><div class="alert alert-error"><%= error %></div><% } %>