Changeset 515cf1a in Klonkt

Timestamp:

06/28/2026 10:39:11 AM (2 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

73cffc3

Parents:

0596945

Message:

fix(nsfw): warn on cover-less NSFW posts everywhere (related, list, news)

A sensitive post with no cover image showed no warning in the related-posts grid, the list
view, or the News feed (text-only). Now they all get the click-to-reveal veil over a
placeholder (cards) or over the content (text-only News post), matching the grid tile.

• views/pages/post.ejs — veil on the empty related-cover placeholder
• views/partials/post-card.ejs — placeholder cover + veil when nsfw and no cover
• views/pages/news.ejs — blur the content for a text-only sensitive post

Location:

src/views

Files:

• pages/news.ejs (modified) (2 diffs)
• pages/post.ejs (modified) (1 diff)
• partials/post-card.ejs (modified) (2 diffs)

src/views/pages/news.ejs

@@ -101 +101 @@
           </div>
 
-          <div class="tl-content"><%- p.content %></div>
-
           <%
             var media = []; try { media = JSON.parse(p.media_json || '[]'); } catch (e) { media = []; }
@@ -109 +107 @@
             var auds = media.filter(function(m){ return m && m.url && m.type && /^audio\//.test(m.type); });
             var _nsfwVisual = !!p.nsfw && (imgs.length || vids.length || auds.length);
+            var _nsfwText = !!p.nsfw && !(imgs.length || vids.length || auds.length);
           %>
+          <% if (_nsfwText) { %>
+            <div class="tl-content nsfw-media"><span class="nsfw-veil"><span class="nsfw-veil-label">🔞 <%= p.cw || t('post.nsfw_warning') %></span><span class="nsfw-veil-btn"><%= t('post.nsfw_show') %></span></span><%- p.content %></div>
+          <% } else { %>
+            <div class="tl-content"><%- p.content %></div>
+          <% } %>
           <% if (_nsfwVisual) { %><div class="nsfw-media"><% } %>
           <% if (imgs.length) { %>

src/views/pages/post.ejs

@@ -181 +181 @@
                       aria-hidden="true"><% if (rp.nsfw) { %><span class="nsfw-veil"><span class="nsfw-veil-label">🔞 <%= rp.content_warning || t('post.nsfw_warning') %></span><span class="nsfw-veil-btn"><%= t('post.nsfw_show') %></span></span><% } %></span>
               <% } else { %>
-                <span class="post-related-cover post-related-cover--empty" aria-hidden="true"></span>
+                <span class="post-related-cover post-related-cover--empty<%= rp.nsfw ? ' nsfw-media' : '' %>" aria-hidden="true"><% if (rp.nsfw) { %><span class="nsfw-veil"><span class="nsfw-veil-label">🔞 <%= rp.content_warning || t('post.nsfw_warning') %></span><span class="nsfw-veil-btn"><%= t('post.nsfw_show') %></span></span><% } %></span>
               <% } %>
               <span class="post-related-meta">

src/views/partials/post-card.ejs

@@ -43 +43 @@
 }
 %>
-<li class="post-list-item<%= _hasCover ? ' has-cover' : '' %><%= (_isPinned || _isBoost) ? ' is-pinned' : '' %>">
+<li class="post-list-item<%= (_hasCover || post.nsfw) ? ' has-cover' : '' %><%= (_isPinned || _isBoost) ? ' is-pinned' : '' %>">
 
   <% if (_hasCover) { %>
@@ -51 +51 @@
       <img src="<%= post.cover_image_url %>" alt="" loading="lazy" decoding="async">
       <% if (post.nsfw) { %><span class="nsfw-veil"><span class="nsfw-veil-label">🔞 <%= post.content_warning || t('post.nsfw_warning') %></span><span class="nsfw-veil-btn"><%= t('post.nsfw_show') %></span></span><% } %>
+    </a>
+  <% } else if (post.nsfw) { %>
+    <a class="post-list-cover nsfw-media" href="<%= _href %>"
+       <% 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">
+      <span class="nsfw-veil"><span class="nsfw-veil-label">🔞 <%= post.content_warning || t('post.nsfw_warning') %></span><span class="nsfw-veil-btn"><%= t('post.nsfw_show') %></span></span>
     </a>
   <% } %>