reply button

Author: raynecloudy

public/topic.js

@@ -8,6 +8,7 @@ document.addEventListener("DOMContentLoaded", () => {
             element.querySelector(".post-user-role").innerText = data.hatchTeam === true ? "Hatch Team" : "Hatchling";
         });
     });
+
     Array.from(document.getElementsByClassName("post-content")).forEach(element => {
         element.innerHTML = marked.parse(element.innerText
             .replace(/&/g, "&")
@@ -40,6 +41,13 @@ document.addEventListener("DOMContentLoaded", () => {
         });
     });
 
+    Array.from(document.getElementsByClassName("post-reply-button")).forEach(element => {
+        element.addEventListener("click", () => {
+            document.querySelector("#new_post_content").value = `${document.querySelector("#new_post_content").value}[quote=${element.parentElement.parentElement.dataset.author}]\n${element.dataset.postcontent}\n[/quote]`;
+            document.querySelector("#new_post_content").focus();
+        });
+    });
+
     const mod_actions_bar = document.querySelector("#mod-actions");
     const post_deletion_buttons = document.querySelectorAll(".post-deletion-button");
 

views/topic.ejs

@@ -32,6 +32,7 @@
                         #<%= i+1 %> <span class="post-date"><%= ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"][date.getMonth()] %> <%= date.getDate() %> <%= date.getFullYear() %> <%= date.getHours() %>:<%= date.getMinutes().toString().length === 1 ? "0" : "" %><%= date.getMinutes() %>:<%= date.getSeconds().toString().length === 1 ? "0" : "" %><%= date.getSeconds() %></span>
                         <a class="post-action-button" title="Report" href="/report/<%= posts[i].id %>">🚩</a>
                         <a class="post-action-button post-deletion-button" title="Delete" href="/admin/delete/post/<%= posts[i].id %>">Delete</a>
+                        <a class="post-action-button post-reply-button" title="Reply" data-postcontent="<%= posts[i].content %>">Reply</a>
                     </div>
                     <div class="post-stuff">
                         <section>