recent comments!

[Ultimately_Untrue_Thought.git] / theme / static / js / recent_comments.js

diff --git a/theme/static/js/recent_comments.js b/theme/static/js/recent_comments.js
new file mode 100644 (file)
index 0000000..18ee006
--- /dev/null
+++ b/theme/static/js/recent_comments.js
@@ -0,0 +1,36 @@
+
+function getRecentComments() {
+    let container = document.querySelector("#recent-comments-container");
+    console.log(container);
+
+    let request = new XMLHttpRequest();
+    request.open('GET', 'http://unremediatedgender.space/isso/latest?limit=5', true);
+
+    request.onload = function() {
+        if (this.status >= 200 && this.status < 400) {
+            let comments = JSON.parse(this.response);
+            console.log(comments);
+            for (let comment of comments.reverse()) {
+                let p = document.createElement('p');
+                let a = document.createElement('a');
+                let text = document.createTextNode(`${comment.author} on ${comment.uri}`);
+                a.appendChild(text);
+                a.href = `${comment.uri}#isso-${comment.id}`;
+                p.appendChild(a);
+                container.appendChild(p);
+            }
+        } else {
+            container.textContent = "(could not load recent comments)"
+        }
+    };
+
+    request.onerror = function() {
+        "(could not load recent comments)"
+    };
+
+    request.send();
+}
+
+document.addEventListener("DOMContentLoaded", function() {
+    getRecentComments();
+});