Changeset 8cdb377 in Klonkt for src

Timestamp:

06/19/2026 09:40:04 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

535f955

Parents:

1e2e9e7

Message:

ui(post-nav): show 📌 when the Newer/Older post is pinned

postNeighbors() now also selects pinned; the partial shows a 📌 next to
the label of a pinned neighbour (solo + hub).

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

Location:

src

Files:

• routes/posts.js (modified) (2 diffs)
• views/partials/post-nav.ejs (modified) (3 diffs)

src/routes/posts.js

@@ -401 +401 @@
   const ordered = isHub
     ? db.prepare(`
-        SELECT p.id, p.slug, p.title, s.slug AS site_slug
+        SELECT p.id, p.slug, p.title, p.pinned, s.slug AS site_slug
         FROM posts p JOIN sites s ON s.id = p.site_id
         WHERE p.status = 'published'
@@ -407 +407 @@
       `).all()
     : db.prepare(`
-        SELECT id, slug, title FROM posts
+        SELECT id, slug, title, pinned FROM posts
         WHERE site_id = ? AND status = 'published'
         ORDER BY (pinned = 0) ASC, pinned ASC, published_at DESC

src/views/partials/post-nav.ejs

@@ -8 +8 @@
          hx-get="/<%= newerPost.slug %>?partial=1" hx-target="#pcms-main"
          hx-push-url="/<%= newerPost.slug %>" hx-indicator="#pcms-loading"<% } %>>
-        <span class="post-nav-label">← Newer</span>
+        <span class="post-nav-label"><% if (newerPost.pinned) { %><span class="post-nav-pin" title="Vastgepind">📌</span> <% } %>← Newer</span>
         <span class="post-nav-title"><%= newerPost.title %></span>
       </a>
@@ -21 +21 @@
          hx-get="/<%= olderPost.slug %>?partial=1" hx-target="#pcms-main"
          hx-push-url="/<%= olderPost.slug %>" hx-indicator="#pcms-loading"<% } %>>
-        <span class="post-nav-label">Older →</span>
+        <span class="post-nav-label">Older →<% if (olderPost.pinned) { %> <span class="post-nav-pin" title="Vastgepind">📌</span><% } %></span>
         <span class="post-nav-title"><%= olderPost.title %></span>
       </a>
@@ -45 +45 @@
 .post-nav-label { font-size: 0.8rem; color: var(--ink-muted); margin-bottom: 0.25rem; }
 .post-nav-title { font-weight: 500; }
+.post-nav-pin { font-size: 0.85em; }
 @media (max-width: 600px) { .post-nav { grid-template-columns: 1fr; } }
 </style>