Changeset d41f4be in Klonkt

Timestamp:

06/21/2026 06:24:46 PM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

c9c6a2d

Parents:

49f698b

Message:

fix(reacties): can now also reply to a reply (not just top-level comments)

The backend already supported this (resolvedParent flattens to the top-level
thread), but the view only showed a Reply button + form on top-level comments.
Replies now also get a Reply button + inline form (user && canMutate); the reply
lands in the same thread (1 level deep preserved). Existing toggle JS picks up
the new .comment-reply-btn automatically.

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

File:

• src/views/pages/post.ejs (modified) (2 diffs)

src/views/pages/post.ejs

@@ -154 +154 @@
                         <div class="comment-content"><%= r.content %></div>
                         <div class="comment-actions">
+                          <% if (user && canMutate) { %>
+                            <button type="button" class="comment-reply-btn" data-reply-to="<%= r.id %>"><%= t('comments.reply') %></button>
+                          <% } %>
                           <% if (user && permissions.canDeleteComment(user, r, site)) { %>
                             <form method="post" action="<%= _base %>/comments/<%= r.id %>/delete" style="display:inline" onsubmit="return confirm('<%= t('comments.delete_confirm') %>')">
@@ -160 +163 @@
                           <% } %>
                         </div>
+
+                        <%# Reageren op een antwoord — landt (via resolvedParent op de
+                            server) in dezelfde thread, dus 1 niveau diep blijft behouden. %>
+                        <% if (user && canMutate) { %>
+                          <form method="post" action="<%= _base %>/comments" class="comment-reply-form" hidden data-reply-form-for="<%= r.id %>">
+                            <input type="hidden" name="post_slug" value="<%= post.slug %>">
+                            <input type="hidden" name="parent_comment_id" value="<%= r.id %>">
+                            <textarea name="content" rows="3" maxlength="4000" placeholder="<%= t('comments.reply_to', { name: r.author_username }) %>" required></textarea>
+                            <div class="comment-reply-form-actions">
+                              <button type="submit" class="btn btn-primary"><%= t('comments.reply') %></button>
+                              <button type="button" class="btn comment-cancel-reply"><%= t('comments.cancel') %></button>
+                            </div>
+                          </form>
+                        <% } %>
                       </div>
                     </li>