Create topic_template.html

kRxZykRxZy · web-flow · commit dc29cebe8e8b · 2025-04-04T16:09:01.000+01:00
diff --git a/src/Wiki/topic_template.html b/src/Wiki/topic_template.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Topic - Topic Name</title>
+</head>
+<body>
+    <h1 id="topic-title">Topic Title</h1>
+
+    <div id="comments-container">
+        <!-- Comments will be dynamically injected here -->
+    </div>
+
+    <h2>Add a Comment</h2>
+    <form id="comment-form">
+        <label for="comment-content">Comment:</label>
+        <textarea id="comment-content" required></textarea>
+        <button type="submit">Post Comment</button>
+    </form>
+
+    <script>
+        const topicName = window.location.pathname.split('/').pop().replace('.html', ''); // Get topic name from URL
+
+        async function loadTopic() {
+            const response = await fetch(`http://localhost:3000/forum/${topicName}`);
+            const topic = await response.json();
+
+            document.getElementById('topic-title').textContent = topic.title;
+
+            const commentsContainer = document.getElementById('comments-container');
+            commentsContainer.innerHTML = '';
+            topic.posts.forEach((post, index) => {
+                const commentElement = document.createElement('div');
+                commentElement.innerHTML = `
+                    <p>${post.content}</p>
+                    <small>Posted on: ${new Date(post.createdAt).toLocaleString()}</small>
+                    <hr>
+                    <button onclick="deleteComment(${index})">Delete Comment</button>
+                `;
+                commentsContainer.appendChild(commentElement);
+            });
+        }
+
+        async function deleteComment(replyIndex) {
+            const response = await fetch(`http://localhost:3000/forum/${topicName}/reply/${replyIndex}`, {
+                method: 'DELETE',
+                headers: {
+                    'Authorization': `Bearer admin` // Only admin can delete comments
+                }
+            });
+
+            if (response.ok) {
+                alert('Comment deleted!');
+                loadTopic();  // Reload the topic to reflect the change
+            } else {
+                alert('Failed to delete comment');
+            }
+        }
+
+        loadTopic(); // Load the topic initially
+    </script>
+</body>
+</html>
