X-Git-Url: https://git.pterodactylus.net/?a=blobdiff_plain;f=src%2Fmain%2Fresources%2Fstatic%2Fjavascript%2Fsone.js;h=695503cb3bb8f94b4e86556f0212c2f61699a45c;hb=ad54030fb89a0b74a7096e350c5428f884d28ffe;hp=9bb379c149706ba5dba6cb696f593c77cbca927b;hpb=4e34c48253d399f44af1adac3b71207ec50101fe;p=Sone.git diff --git a/src/main/resources/static/javascript/sone.js b/src/main/resources/static/javascript/sone.js index 9bb379c..695503c 100644 --- a/src/main/resources/static/javascript/sone.js +++ b/src/main/resources/static/javascript/sone.js @@ -4,9 +4,9 @@ function isOnline() { return $("#sone").hasClass("online"); } -function registerInputTextareaSwap(inputSelector, defaultText, inputFieldName, optional) { +function registerInputTextareaSwap(inputSelector, defaultText, inputFieldName, optional, dontUseTextarea) { $(inputSelector).each(function() { - textarea = $("").blur(function() { + textarea = $(dontUseTextarea ? "" : "").blur(function() { if ($(this).val() == "") { $(this).hide(); inputField = $(this).data("inputField"); @@ -99,7 +99,7 @@ function getTranslation(key, callback) { */ function getSoneStatus(soneId) { $.getJSON("ajax/getSoneStatus.ajax", {"sone": soneId}, function(data, textStatus) { - updateSoneStatus(soneId, data.status, data.modified, data.lastUpdated); + updateSoneStatus(soneId, data.name, data.status, data.modified, data.lastUpdated); /* seconds! */ updateInterval = 60; if (data.modified || (data.status == "downloading") || (data.status == "inserting")) { @@ -124,7 +124,7 @@ function getSoneStatus(soneId) { * @param lastUpdated * The date and time of the last update (formatted for display) */ -function updateSoneStatus(soneId, status, modified, lastUpdated) { +function updateSoneStatus(soneId, name, status, modified, lastUpdated) { $("#sone .sone." + soneId). toggleClass("unknown", status == "unknown"). toggleClass("idle", status == "idle"). @@ -132,6 +132,7 @@ function updateSoneStatus(soneId, status, modified, lastUpdated) { toggleClass("downloading", status == "downloading"). toggleClass("modified", modified); $("#sone .sone." + soneId + " .last-update span.time").text(lastUpdated); + $("#sone .sone." + soneId + " .profile-link a").text(name); } var watchedSones = {}; @@ -249,6 +250,25 @@ function getSoneElement(element) { } /** + * Generates a list of Sones by concatening the names of the given sones with a + * new line character (“\n”). + * + * @param sones + * The sones to format + * @returns {String} The created string + */ +function generateSoneList(sones) { + var soneList = ""; + $.each(sones, function() { + if (soneList != "") { + soneList += "\n"; + } + soneList += this.name; + }); + return soneList; +} + +/** * Returns the ID of the Sone that this element belongs to. * * @param element @@ -267,8 +287,16 @@ function getPostId(element) { return getPostElement(element).attr("id"); } +function getReplyElement(element) { + return $(element).parents(".reply"); +} + +function getReplyId(element) { + return getReplyElement(element).attr("id"); +} + function likePost(postId) { - $.getJSON("ajax/likePost.ajax", { "post" : postId, "formPassword": getFormPassword() }, function() { + $.getJSON("ajax/like.ajax", { "type": "post", "post" : postId, "formPassword": getFormPassword() }, function() { $("#sone .post#" + postId + " > .status-line .like").addClass("hidden"); $("#sone .post#" + postId + " > .status-line .unlike").removeClass("hidden"); updatePostLikes(postId); @@ -276,7 +304,7 @@ function likePost(postId) { } function unlikePost(postId) { - $.getJSON("ajax/unlikePost.ajax", { "post" : postId, "formPassword": getFormPassword() }, function() { + $.getJSON("ajax/unlike.ajax", { "type": "post", "post" : postId, "formPassword": getFormPassword() }, function() { $("#sone .post#" + postId + " > .status-line .unlike").addClass("hidden"); $("#sone .post#" + postId + " > .status-line .like").removeClass("hidden"); updatePostLikes(postId); @@ -284,9 +312,37 @@ function unlikePost(postId) { } function updatePostLikes(postId) { - $.getJSON("ajax/getPostLikes.ajax", { "post": postId }, function(data, textStatus) { + $.getJSON("ajax/getLikes.ajax", { "type": "post", "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); + $("#sone .post#" + postId + " > .status-line .likes > span").attr("title", generateSoneList(data.sones)); + } + }); +} + +function likeReply(replyId) { + $.getJSON("ajax/like.ajax", { "type": "reply", "reply" : replyId, "formPassword": getFormPassword() }, function() { + $("#sone .reply#" + replyId + " .status-line .like").addClass("hidden"); + $("#sone .reply#" + replyId + " .status-line .unlike").removeClass("hidden"); + updateReplyLikes(replyId); + }); +} + +function unlikeReply(replyId) { + $.getJSON("ajax/unlike.ajax", { "type": "reply", "reply" : replyId, "formPassword": getFormPassword() }, function() { + $("#sone .reply#" + replyId + " .status-line .unlike").addClass("hidden"); + $("#sone .reply#" + replyId + " .status-line .like").removeClass("hidden"); + updateReplyLikes(replyId); + }); +} + +function updateReplyLikes(replyId) { + $.getJSON("ajax/getLikes.ajax", { "type": "reply", "reply": replyId }, function(data, textStatus) { + if (data.success) { + $("#sone .reply#" + replyId + " .status-line .likes").toggleClass("hidden", data.likes == 0) + $("#sone .reply#" + replyId + " .status-line .likes span.like-count").text(data.likes); + $("#sone .reply#" + replyId + " .status-line .likes > span").attr("title", generateSoneList(data.sones)); } }); }