initial commit

2019-10-20 22:43:46 +02:00
commit b9090e3455
9 changed files with 1182 additions and 0 deletions
--- a/static/comments/getcomments.js
+++ b/static/comments/getcomments.js
@@ -0,0 +1,57 @@
+/*
+  SPDX-License-Identifier: AGPL-3.0-or-later
+  SPDX-FileCopyrightText: 2019 Max Mehl <mail@mehl.mx>
+  SPDX-v: 2019 Björn Schießle
+*/
+
+$(document).ready(function() {
+
+    // check if we show a blog post or not. Regex is defined in site-wide config
+    var patt = new RegExp(BlogRegex);
+    var isArticle = patt.test(RelPermalink);
+    if (isArticle === false) {
+        console.log("Not a blog post, no need to search for comments");
+        return;
+    }
+
+    $.ajax({
+        url: "/comments/getcomments.php",
+        type: "get",
+        data: {
+            search : RelPermalink
+        },
+        success: function(data) {
+            var stats = data.stats;
+            var root = data.stats.root;
+            $("#like-count-container").append('<div id="mastodon-like-count"><a href="' + stats.url + '"><span title="Likes"><i class="fa fa-star"></i>' + stats.favs + '</span></a></div></div>');
+            $("#reblog-count-container").append('<div id="mastodon-reblog-count"><a href="' + stats.url + '"><span title="Reblogs"><i class="fa fa-retweet"></i>' + stats.reblogs + '</span></a></div></div>');
+            $("#reply-count-container").append('<div id="mastodon-reply-count"><a href="' + stats.url + '"><span title="Comments"><i class="fa fa-comments"></i>' + stats.replies + '</span></a></div></div>');
+            var comments = data.comments;
+            $.each(comments, function(key, value) {
+                var timestamp = Date.parse(value.date);
+                var date = new Date(timestamp);
+                var comment = "<div class='comment' id='" + key + "'>";
+                comment += "<img class='avatar' src='" + value.author.avatar + "' />";
+                comment += "<div class='author'><a class='displayName' href='" + value.author.url + "'>" + value.author.display_name + "</a> wrote at ";
+                comment += "<a class='date' href='" + value.url + "'>" + date.toDateString() + ', ' + date.toLocaleTimeString() + "</a></div>";
+                comment += "<div class='toot'>" + value.toot + "</div>";
+                comment += "</div>";
+                var parentComment = document.getElementById(value.reply_to);
+                if (value.reply_to === root || parentComment === null) {
+                    $("#comments").append(comment);
+                } else {
+                    var selector = '#'+value.reply_to;
+                    $(selector).append(comment);
+                }
+            });
+            if (parseInt(root) > 0) {
+                $("#reference").append("<a href='" + MastodonUser + "/statuses/" + root + "'>Join the discussion on Mastodon!</a>");
+            } else {
+                $("#comments").empty();
+                $("#statistics").empty();
+                $("#reference").append("Comments are handled by my <a href='" + MastodonUser + "'>Mastodon account</a>. Sadly this article wasn't published at Mastodon. Feel free to <a href='" + CommentsContact + "'>send me a mail</a> if you want to share your thoughts regarding this topic.");
+            }
+
+        }
+    });
+});