recent comments!

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();
+});

diff --git a/theme/templates/article.html b/theme/templates/article.html
index fd28b3c..9829434 100644 (file)
--- a/theme/templates/article.html
+++ b/theme/templates/article.html
@@ -37,6 +37,7 @@
                 data-isso-reply-to-self="true"
                 data-isso-require-author="true"
                 data-isso-require-email="true"
+                data-isso-feed="true" {# TODO: why doesn't the feed link work?! #}
                 src="//unremediatedgender.space/isso/js/embed.min.js"></script>
         <section id="isso-thread"></section>
 

diff --git a/theme/templates/base.html b/theme/templates/base.html
index 1f607d3..2f1e761 100644 (file)
--- a/theme/templates/base.html
+++ b/theme/templates/base.html
@@ -11,6 +11,7 @@
        <link rel="top" href="#" /><link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,300italic,400italic,600italic|Source+Code+Pro' rel='stylesheet' type='text/css'></link>
        <link rel="stylesheet" href="{{ SITEURL }}/theme/css/{{ CSS_FILE }}" type="text/css" />
 
+        <script src="/theme/js/recent_comments.js"></script>
        {% block scripts %}
        {% endblock %}
 
@@ -98,6 +99,11 @@
                   {% endfor %}
                 </aside>
 
+                <aside class="recent-comments">
+                  <h2>Recent Comments</h2>
+                  <div id="recent-comments-container"></div>
+                </aside>
+
                  </div>
 
          </div>