Changeset b7d4458 in Klonkt for src/views

Timestamp:

06/27/2026 08:10:43 AM (2 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

c21197a

Parents:

92f6976

Message:

feat(nsfw): custom content-warning text + blur in the Cirkel

• Per-post content-warning text (like Mastodon): editor field; used as the on-site veil/banner label and the fediverse Note summary (falls back to 'Gevoelige inhoud').
• Cirkel feed now blurs remote sensitive posts: ap_timeline gets nsfw+cw (captured from the incoming Note's sensitive/summary), getCirkelPosts returns them, circle.js maps them so post-card/tile show the veil.

Location:

src/views

Files:

• pages/post-edit.ejs (modified) (1 diff)
• pages/post.ejs (modified) (1 diff)
• partials/post-card.ejs (modified) (1 diff)
• partials/post-tile.ejs (modified) (1 diff)

src/views/pages/post-edit.ejs

@@ -242 +242 @@
           <span>🔞 <%= t('pedit.nsfw_label') %></span>
         </label>
+        <input type="text" name="content_warning" value="<%= post.content_warning || '' %>" maxlength="200"
+               placeholder="<%= t('pedit.nsfw_cw_ph') %>"
+               style="width:100%;box-sizing:border-box;margin:6px 0 2px;font-size:13px;padding:7px 9px">
         <% if (typeof premiumUnlocked === 'undefined' || premiumUnlocked) { %>
           <label class="pe-checkbox">

src/views/pages/post.ejs

@@ -13 +13 @@
     <div class="nsfw-banner">
       <span class="nsfw-banner-icon">🔞</span>
-      <span class="nsfw-banner-text"><%= t('post.nsfw_warning') %></span>
+      <span class="nsfw-banner-text"><%= post.content_warning || t('post.nsfw_warning') %></span>
       <button type="button" class="nsfw-banner-btn nsfw-reveal"><%= t('post.nsfw_show') %></button>
     </div>

src/views/partials/post-card.ejs

@@ -50 +50 @@
        aria-label="<%= post.title || '(zonder titel)' %>" tabindex="-1">
       <img src="<%= post.cover_image_url %>" alt="" loading="lazy" decoding="async">
-      <% if (post.nsfw) { %><span class="nsfw-veil"><span class="nsfw-veil-label">🔞 <%= t('post.nsfw_warning') %></span><span class="nsfw-veil-btn"><%= t('post.nsfw_show') %></span></span><% } %>
+      <% 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>
   <% } %>

src/views/partials/post-tile.ejs

@@ -37 +37 @@
     <% if (_src) { %><span class="grid-tile-gradient-src">van <%= _src %></span><% } %>
   <% } %>
-  <% if (post.nsfw) { %><div class="nsfw-veil"><span class="nsfw-veil-label">🔞 <%= t('post.nsfw_warning') %></span><span class="nsfw-veil-btn"><%= t('post.nsfw_show') %></span></div><% } %>
+  <% if (post.nsfw) { %><div 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></div><% } %>
 </a>