Changeset 43dbf9c in Klonkt for src/views/partials/post-card.ejs

Timestamp:

06/16/2026 01:52:09 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

9f81a09

Parents:

aa7f548

Message:

Circles: /cirkel uses the home view (timeline + grid + switcher)

• post-card/post-tile external-aware: post.external_url -> external link (target=_blank, no htmx) instead of local /slug. Additive; normal posts unchanged. post-card shows 'via <source>' when external.
• circle.js maps remote_posts to the local post shape + bodyClass on-cirkel.
• circle-feed.ejs: feed-timeline (.post-list) + feed-grid (.grid-tiles), same classes as home -> the view-switcher works. shell: on-cirkel = feed-page.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@…>

File:

• src/views/partials/post-card.ejs (modified) (4 diffs)

src/views/partials/post-card.ejs

@@ -12 +12 @@
 
 const _base      = (typeof siteUrlBase !== 'undefined' && siteUrlBase) ? siteUrlBase : '';
-const _href      = _base + '/' + post.slug;
+const _external  = post.external_url || null;
+const _href      = _external || (_base + '/' + post.slug);
+const _ext       = !!_external;
+const _src       = post.source_name || '';
 const _hasCover  = !!post.cover_image_url;
 const _typeLabel = (post.type && post.type !== 'overig' && post.type !== 'post') ? post.type : '';
@@ -43 +46 @@
   <% if (_hasCover) { %>
     <a class="post-list-cover" href="<%= _href %>"
-       hx-get="<%= _href %>?partial=1" hx-target="#pcms-main" hx-swap="innerHTML"
-       hx-push-url="<%= _href %>" hx-indicator="#pcms-loading"
+       <% if (_ext) { %>target="_blank" rel="noopener"<% } else { %>hx-get="<%= _href %>?partial=1" hx-target="#pcms-main" hx-swap="innerHTML" hx-push-url="<%= _href %>" hx-indicator="#pcms-loading"<% } %>
        aria-label="<%= post.title || '(zonder titel)' %>" tabindex="-1">
       <img src="<%= post.cover_image_url %>" alt="" loading="lazy" decoding="async">
@@ -54 +56 @@
       <% if (_isPinned) { %><span class="post-list-pin" aria-label="Vastgepind">★</span><% } %>
       <time datetime="<%= post.published_at || post.created_at %>"><%= _ddmmyyyy(post.published_at || post.created_at) %></time>
+      <% if (_src) { %><span class="post-list-type">&middot; via <%= _src %></span><% } %>
       <% if (_typeLabel) { %>
         <span class="post-list-type">· <%= _typeLabel.charAt(0).toUpperCase() + _typeLabel.slice(1) %></span>
@@ -64 +67 @@
     <h3 class="post-list-title">
       <a href="<%= _href %>"
-         hx-get="<%= _href %>?partial=1" hx-target="#pcms-main" hx-swap="innerHTML"
-         hx-push-url="<%= _href %>" hx-indicator="#pcms-loading">
+         <% if (_ext) { %>target="_blank" rel="noopener"<% } else { %>hx-get="<%= _href %>?partial=1" hx-target="#pcms-main" hx-swap="innerHTML" hx-push-url="<%= _href %>" hx-indicator="#pcms-loading"<% } %>>
         <%= post.title || '(zonder titel)' %>
       </a>