Changeset 0fa59c3 in Klonkt for src/views

Timestamp:

06/26/2026 03:56:42 PM (2 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

84903a1

Parents:

cb3d5fc

Message:

feat(fedi): rename Timeline tab/route to Newspaper (/timeline -> /newspaper)

Renamed the feed: tab label + page title -> 'Newspaper', route /timeline -> /newspaper
(+ all sub-routes, form actions, links, render path, view file timeline.ejs->newspaper.ejs,
RESERVED_SLUGS). The Following page now shows its own title instead of the feed's.

Location:

src/views

Files:

• pages/admin.ejs (modified) (1 diff)
• pages/following.ejs (modified) (3 diffs)
• pages/newspaper.ejs (moved) (moved from src/views/pages/timeline.ejs ) (1 diff)
• partials/fedi-tabs.ejs (modified) (1 diff)
• partials/profile-sheet.ejs (modified) (1 diff)
• partials/topnav.ejs (modified) (1 diff)

src/views/pages/admin.ejs

@@ -55 +55 @@
     <% } %>
     <% if (typeof apEnabled === 'undefined' || apEnabled) { %>
-      <a href="/timeline" class="btn">🌐 <%= t('tl.title') %></a>
+      <a href="/newspaper" class="btn">🌐 <%= t('tl.title') %></a>
       <a href="/notifications" class="btn">🔔 <%= t('notif.title') %></a>
       <a href="/fediverse" class="btn">🐘 <%= t('admin.b_fediverse') %></a>

src/views/pages/following.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>
+  <h1 class="tl-title"><%= t('tl.tab_following') %></h1>
   <% if (typeof success !== 'undefined' && success) { %><div class="alert alert-success"><%= success %></div><% } %>
   <% if (typeof error !== 'undefined' && error) { %><div class="alert alert-error"><%= error %></div><% } %>
@@ -10 +9 @@
   </div>
 
-  <form method="post" action="/timeline/follow" class="tl-follow">
+  <form method="post" action="/newspaper/follow" class="tl-follow">
     <input type="text" name="handle" placeholder="@naam@server.social of site.com" autocomplete="off" spellcheck="false" required>
     <button type="submit" class="btn btn-primary"><%= t('tl.follow_btn') %></button>
@@ -27 +26 @@
             <% if (f.status === 'pending') { %><span class="tl-pending"><%= t('tl.pending') %></span><% } %>
           </span>
-          <form method="post" action="/timeline/autoboost" class="tl-foll-ab" title="<%= t('tl.autoboost_hint') %>">
+          <form method="post" action="/newspaper/autoboost" class="tl-foll-ab" title="<%= t('tl.autoboost_hint') %>">
             <input type="hidden" name="actor_uri" value="<%= f.actor_uri %>">
             <label><input type="checkbox" name="auto_boost" value="1" <%= f.auto_boost ? 'checked' : '' %> onchange="this.form.submit()"> ✨ <%= t('tl.autoboost') %></label>
           </form>
-          <form method="post" action="/timeline/unfollow"><input type="hidden" name="actor_uri" value="<%= f.actor_uri %>"><button type="submit" class="tl-unfollow"><%= t('tl.unfollow') %></button></form>
+          <form method="post" action="/newspaper/unfollow"><input type="hidden" name="actor_uri" value="<%= f.actor_uri %>"><button type="submit" class="tl-unfollow"><%= t('tl.unfollow') %></button></form>
         </li>
       <% }); %>

src/views/pages/newspaper.ejs

@@ -47 +47 @@
 
           <div class="tl-actions">
-            <form method="post" action="/timeline/like" class="tl-act-form"><input type="hidden" name="note" value="<%= p.id %>"><input type="hidden" name="author" value="<%= p.author_uri %>"><button type="submit" class="tl-act tl-act-like" title="<%= t('fedi.likes') %>" aria-label="<%= t('fedi.likes') %>"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2.6l2.9 5.88 6.49.95-4.7 4.58 1.11 6.46L12 17.96l-5.8 3.06 1.1-6.46-4.69-4.58 6.49-.95z"/></svg></button></form>
+            <form method="post" action="/newspaper/like" class="tl-act-form"><input type="hidden" name="note" value="<%= p.id %>"><input type="hidden" name="author" value="<%= p.author_uri %>"><button type="submit" class="tl-act tl-act-like" title="<%= t('fedi.likes') %>" aria-label="<%= t('fedi.likes') %>"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2.6l2.9 5.88 6.49.95-4.7 4.58 1.11 6.46L12 17.96l-5.8 3.06 1.1-6.46-4.69-4.58 6.49-.95z"/></svg></button></form>
             <% if (p.boosted) { %>
-            <form method="post" action="/timeline/unboost" class="tl-act-form"><input type="hidden" name="note" value="<%= p.id %>"><input type="hidden" name="author" value="<%= p.author_uri %>"><button type="submit" class="tl-act tl-act-boost is-on" title="<%= t('tl.unboost') %>" aria-label="<%= t('tl.unboost') %>"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg></button></form>
+            <form method="post" action="/newspaper/unboost" class="tl-act-form"><input type="hidden" name="note" value="<%= p.id %>"><input type="hidden" name="author" value="<%= p.author_uri %>"><button type="submit" class="tl-act tl-act-boost is-on" title="<%= t('tl.unboost') %>" aria-label="<%= t('tl.unboost') %>"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg></button></form>
             <% } else { %>
-            <form method="post" action="/timeline/boost" class="tl-act-form"><input type="hidden" name="note" value="<%= p.id %>"><input type="hidden" name="author" value="<%= p.author_uri %>"><button type="submit" class="tl-act tl-act-boost" title="<%= t('fedi.boosts') %>" aria-label="<%= t('fedi.boosts') %>"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg></button></form>
+            <form method="post" action="/newspaper/boost" class="tl-act-form"><input type="hidden" name="note" value="<%= p.id %>"><input type="hidden" name="author" value="<%= p.author_uri %>"><button type="submit" class="tl-act tl-act-boost" title="<%= t('fedi.boosts') %>" aria-label="<%= t('fedi.boosts') %>"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg></button></form>
             <% } %>
             <button type="button" class="tl-act tl-act-reply fedi-remote-reply-btn" data-fedi-uri="<%= p.id %>" data-fedi-ph="<%= t('fedi.remote_ph') %>" title="<%= t('fedi.remote_reply') %>" aria-label="<%= t('fedi.remote_reply') %>"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="9 17 4 12 9 7"/><path d="M20 18v-2a4 4 0 0 0-4-4H4"/></svg></button>

src/views/partials/fedi-tabs.ejs

@@ -6 +6 @@
 <% var _nu = (typeof notifUnread !== 'undefined') ? notifUnread : 0; %>
 <nav class="fedi-tabs" aria-label="Fediverse">
-  <a href="/timeline" class="fedi-tab<%= _a === 'feed' ? ' is-active' : '' %>"
-     hx-get="/timeline?partial=1" hx-target="#pcms-main" hx-swap="innerHTML" hx-push-url="/timeline" hx-indicator="#pcms-loading"><%= t('tl.tab_feed') %></a>
+  <a href="/newspaper" class="fedi-tab<%= _a === 'feed' ? ' is-active' : '' %>"
+     hx-get="/newspaper?partial=1" hx-target="#pcms-main" hx-swap="innerHTML" hx-push-url="/newspaper" hx-indicator="#pcms-loading"><%= t('tl.tab_feed') %></a>
   <a href="/following" class="fedi-tab<%= _a === 'following' ? ' is-active' : '' %>"
      hx-get="/following?partial=1" hx-target="#pcms-main" hx-swap="innerHTML" hx-push-url="/following" hx-indicator="#pcms-loading"><%= t('tl.tab_following') %></a>

src/views/partials/profile-sheet.ejs

@@ -65 +65 @@
       <% if (typeof canManageFedi !== 'undefined' && canManageFedi) { %>
       <li role="none">
-        <a href="/timeline" class="profile-sheet-item" role="menuitem" data-close-sheet
-           hx-get="/timeline?partial=1" hx-target="#pcms-main" hx-swap="innerHTML" hx-push-url="/timeline" hx-indicator="#pcms-loading">
+        <a href="/newspaper" class="profile-sheet-item" role="menuitem" data-close-sheet
+           hx-get="/newspaper?partial=1" hx-target="#pcms-main" hx-swap="innerHTML" hx-push-url="/newspaper" hx-indicator="#pcms-loading">
           <svg class="psi-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"/><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"/></svg>
           <span class="psi-label"><%= t('nav.fediverse') %></span>

src/views/partials/topnav.ejs

@@ -158 +158 @@
               <% } %>
               <% if (typeof canManageFedi !== 'undefined' && canManageFedi) { %>
-                <a href="/timeline" role="menuitem" class="udi"
-                   hx-get="/timeline?partial=1" hx-target="#pcms-main" hx-swap="innerHTML"
-                   hx-push-url="/timeline" hx-indicator="#pcms-loading">
+                <a href="/newspaper" role="menuitem" class="udi"
+                   hx-get="/newspaper?partial=1" hx-target="#pcms-main" hx-swap="innerHTML"
+                   hx-push-url="/newspaper" hx-indicator="#pcms-loading">
                   <svg class="udi-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"/><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"/></svg>
                   <span><%= t('nav.fediverse') %></span>