Fehlerbehebung

js/comments.js

@@ -16,15 +16,24 @@ document.addEventListener("DOMContentLoaded", function () {
     }
 
     /**
-     * Registriert alle Antwort-Buttons.
+     * Aktiviert einen einzelnen Antworten-Button.
+     *
+     * @param {HTMLButtonElement} button Antworten-Button
      */
-    document.querySelectorAll(".reply-button").forEach(function (button) {
+    function registerReplyButton(button) {
         button.addEventListener("click", function () {
             parentCommentInput.value = button.dataset.commentId;
             replyInfo.textContent = "Antwort auf " + button.dataset.author;
             replyInfo.style.display = "block";
             commentContent.focus();
         });
+    }
+
+    /**
+     * Registriert alle bereits vorhandenen Antwort-Buttons.
+     */
+    document.querySelectorAll(".reply-button").forEach(function (button) {
+        registerReplyButton(button);
     });
 
     /**
@@ -58,7 +67,6 @@ document.addEventListener("DOMContentLoaded", function () {
 
                 if (parentCommentId) {
                     commentElement.classList.add("comment-reply");
-                }
 
                     commentElement.innerHTML = `
                         <p>
@@ -68,7 +76,6 @@ document.addEventListener("DOMContentLoaded", function () {
                         <p>${escapeHtml(data.content).replace(/\n/g, "<br>")}</p>
                     `;
 
-                if (parentCommentId) {
                     const parentReplies = document.querySelector(
                         `.comment-item[data-comment-id="${parentCommentId}"] .comment-replies`
                     );
@@ -76,8 +83,34 @@ document.addEventListener("DOMContentLoaded", function () {
                     if (parentReplies) {
                         parentReplies.appendChild(commentElement);
                     }
+
                 } else {
+                    commentElement.dataset.commentId = data.commentId;
+
+                    commentElement.innerHTML = `
+                        <p>
+                            <strong>${escapeHtml(data.author)}</strong>
+                            <span>${escapeHtml(data.created)}</span>
+                        </p>
+                        <p>${escapeHtml(data.content).replace(/\n/g, "<br>")}</p>
+
+                        <button type="button"
+                                class="reply-button"
+                                data-comment-id="${escapeHtml(data.commentId)}"
+                                data-author="${escapeHtml(data.author)}">
+                            Antworten
+                        </button>
+
+                        <div class="comment-replies"></div>
+                    `;
+
                     commentsList.prepend(commentElement);
+
+                    const newReplyButton = commentElement.querySelector(".reply-button");
+
+                    if (newReplyButton) {
+                        registerReplyButton(newReplyButton);
+                    }
                 }
 
                 commentContent.value = "";

php/ajax/add-comment.php

@@ -32,7 +32,7 @@ if (empty($articleId) || empty($content)) {
 try {
     $commentManager = CommentManager::getInstance();
 
-    $commentManager->addComment(
+    $commentId = $commentManager->addComment(
         $articleId,
         $_SESSION["user_email"],
         $content,
@@ -41,6 +41,7 @@ try {
 
     echo json_encode([
         "success" => true,
+        "commentId" => $commentId,
         "author" => $_SESSION["user_email"],
         "content" => $content,
         "created" => date("Y-m-d H:i:s"),

php/model/CommentManagerDAO.php

@@ -23,7 +23,7 @@ interface CommentManagerDAO
      * @param string $content Inhalt des Kommentars
      * @param int|null $parentCommentId ID des Eltern-Kommentars oder null
      *
-     * @return void
+     * @return int ID des neu gespeicherten Kommentars
      */
     public function addComment(
         $articleId,

php/model/DatabaseCommentManager.php

@@ -102,7 +102,7 @@ class DatabaseCommentManager implements CommentManagerDAO
      * @param string $content Inhalt des Kommentars
      * @param int|null $parentCommentId ID des Eltern-Kommentars oder null
      *
-     * @return void
+     * @return int ID des neu gespeicherten Kommentars
      */
     public function addComment(
         $articleId,
@@ -141,6 +141,8 @@ class DatabaseCommentManager implements CommentManagerDAO
                 ":content" => $content
             ]);
 
+            return intval($db->lastInsertId());
+
         } catch (PDOException $e) {
             throw new RuntimeException(
                 "Kommentar konnte nicht gespeichert werden."