X-Git-Url: https://git.pterodactylus.net/?a=blobdiff_plain;f=src%2Fmain%2Fresources%2Fstatic%2Fjavascript%2Fsone.js;h=be7deaa074a21800c90274564c5609039fca55e8;hb=c80d8668e387886c7fbda86e4196f65ba2e3a49c;hp=3c5e6a75d2f3bcae1bb0a6337264dded2dfd45ae;hpb=f03fd6ea01ac4ac1657b276ccaa5ea00bbe79976;p=Sone.git diff --git a/src/main/resources/static/javascript/sone.js b/src/main/resources/static/javascript/sone.js index 3c5e6a7..be7deaa 100644 --- a/src/main/resources/static/javascript/sone.js +++ b/src/main/resources/static/javascript/sone.js @@ -1,5 +1,9 @@ /* Sone JavaScript functions. */ +function isOnline() { + return $("#sone").hasClass("online"); +} + function registerInputTextareaSwap(inputSelector, defaultText, inputFieldName, optional) { $(inputSelector).each(function() { textarea = $("").blur(function() { @@ -42,6 +46,9 @@ function registerInputTextareaSwap(inputSelector, defaultText, inputFieldName, o /* hide all the “create reply” forms until a link is clicked. */ function addCommentLinks() { + if (!isOnline()) { + return; + } $("#sone .post").each(function() { postId = $(this).attr("id"); commentElement = (function(postId) { @@ -146,3 +153,141 @@ function watchSone(soneId) { }, 5000); })(soneId); } + +/** + * Enhances a “delete” button so that the confirmation is done on the same page. + * + * @param buttonId + * The selector of the button + * @param translationKey + * The translation key of the text to show on the button + * @param deleteCallback + * The callback that actually deletes something + */ +function enhanceDeleteButton(buttonId, translationKey, deleteCallback) { + button = $(buttonId); + (function(button) { + getTranslation(translationKey, function(translation) { + newButton = $("").addClass("confirm").hide().text(translation).click(function() { + $(this).fadeOut("slow"); + deleteCallback(); + return false; + }).insertAfter(button); + (function(button, newButton) { + button.click(function() { + button.fadeOut("slow", function() { + newButton.fadeIn("slow"); + $(document).one("click", function() { + if (this != newButton.get(0)) { + newButton.fadeOut(function() { + button.fadeIn(); + }); + } + }); + }); + return false; + }); + })(button, newButton); + }); + })(button); +} + +/** + * Enhances a post’s “delete” button. + * + * @param buttonId + * The selector of the button + * @param postId + * The ID of the post to delete + */ +function enhanceDeletePostButton(buttonId, postId) { + enhanceDeleteButton(buttonId, "WebInterface.Confirmation.DeletePostButton", function() { + $.getJSON("ajax/deletePost.ajax", { "post": postId, "formPassword": $("#sone #formPassword").text() }, function(data, textStatus) { + if (data.success) { + $("#sone .post#" + postId).slideUp(); + } else if (data.error == "invalid-post-id") { + alert("Invalid post ID given!"); + } else if (data.error == "auth-required") { + alert("You need to be logged in."); + } else if (data.error == "not-authorized") { + alert("You are not allowed to delete this post."); + } + }); + }); +} + +/** + * Enhances a reply’s “delete” button. + * + * @param buttonId + * The selector of the button + * @param replyId + * The ID of the reply to delete + */ +function enhanceDeleteReplyButton(buttonId, replyId) { + enhanceDeleteButton(buttonId, "WebInterface.Confirmation.DeleteReplyButton", function() { + $.getJSON("ajax/deleteReply.ajax", { "reply": replyId, "formPassword": $("#sone #formPassword").text() }, function(data, textStatus) { + if (data.success) { + $("#sone .reply#" + replyId).slideUp(); + } else if (data.error == "invalid-reply-id") { + alert("Invalid reply ID given!"); + } else if (data.error == "auth-required") { + alert("You need to be logged in."); + } else if (data.error == "not-authorized") { + alert("You are not allowed to delete this reply."); + } + }); + }); +} + +function getFormPassword() { + return $("#sone #formPassword").text(); +} + +function getSoneElement(element) { + return $(element).parents(".sone"); +} + +/** + * Returns the ID of the Sone that this element belongs to. + * + * @param element + * The element to locate the matching Sone ID for + * @returns The ID of the Sone, or undefined + */ +function getSoneId(element) { + return getSoneElement(element).find(".id").text(); +} + +function getPostElement(element) { + return $(element).parents(".post"); +} + +function getPostId(element) { + return getPostElement(element).attr("id"); +} + +function likePost(postId) { + $.getJSON("ajax/likePost.ajax", { "post" : postId, "formPassword": getFormPassword() }, function() { + $("#sone .post#" + postId + " > .status-line .like").addClass("hidden"); + $("#sone .post#" + postId + " > .status-line .unlike").removeClass("hidden"); + updatePostLikes(postId); + }); +} + +function unlikePost(postId) { + $.getJSON("ajax/unlikePost.ajax", { "post" : postId, "formPassword": getFormPassword() }, function() { + $("#sone .post#" + postId + " > .status-line .unlike").addClass("hidden"); + $("#sone .post#" + postId + " > .status-line .like").removeClass("hidden"); + updatePostLikes(postId); + }); +} + +function updatePostLikes(postId) { + $.getJSON("ajax/getPostLikes.ajax", { "post": postId }, function(data, textStatus) { + if (data.success) { + $("#sone .post#" + postId + " > .status-line .likes").toggleClass("hidden", data.likes == 0) + $("#sone .post#" + postId + " > .status-line .likes span.like-count").text(data.likes); + } + }); +}