Hide all removed notifications.
[Sone.git] / src / main / resources / static / javascript / sone.js
index 7b971bb..20386f7 100644 (file)
@@ -11,11 +11,7 @@ function registerInputTextareaSwap(inputSelector, defaultText, inputFieldName, o
                                $(this).hide();
                                inputField = $(this).data("inputField");
                                inputField.show().removeAttr("disabled").addClass("default");
-                               (function(inputField) {
-                                       getTranslation(defaultText, function(translation) {
-                                               inputField.val(translation);
-                                       });
-                               })(inputField);
+                               inputField.val(defaultText);
                        }
                }).hide().data("inputField", $(this)).val($(this).val());
                $(this).after(textarea);
@@ -26,11 +22,7 @@ function registerInputTextareaSwap(inputSelector, defaultText, inputFieldName, o
                        });
                        if (inputField.val() == "") {
                                inputField.addClass("default");
-                               (function(inputField) {
-                                       getTranslation(defaultText, function(translation) {
-                                               inputField.val(translation);
-                                       });
-                               })(inputField);
+                               inputField.val(defaultText);
                        } else {
                                inputField.hide().attr("disabled", "disabled");
                                textarea.show();
@@ -51,28 +43,40 @@ function addCommentLinks() {
        }
        $("#sone .post").each(function() {
                postId = $(this).attr("id");
-               commentElement = (function(postId) {
-                       var commentElement = $("<div><span>Comment</span></div>").addClass("show-reply-form").click(function() {
-                               replyElement = $("#sone .post#" + postId + " .create-reply");
-                               replyElement.removeClass("hidden");
-                               replyElement.removeClass("light");
-                               (function(replyElement) {
-                                       replyElement.find("input.reply-input").blur(function() {
-                                               if ($(this).hasClass("default")) {
-                                                       replyElement.addClass("light");
-                                               }
-                                       }).focus(function() {
-                                               replyElement.removeClass("light");
-                                       });
-                               })(replyElement);
-                               replyElement.find("input.reply-input").focus();
-                       });
-                       return commentElement;
-               })(postId);
-               $(this).find(".create-reply").addClass("hidden");
-               $(this).find(".status-line .time").each(function() {
-                       $(this).after(commentElement.clone(true));
+               addCommentLink(postId, $(this));
+       });
+}
+
+/**
+ * Adds a “comment” link to all status lines contained in the given element.
+ *
+ * @param postId
+ *            The ID of the post
+ * @param element
+ *            The element to add a “comment” link to
+ */
+function addCommentLink(postId, element) {
+       commentElement = (function(postId) {
+               var commentElement = $("<div><span>Comment</span></div>").addClass("show-reply-form").click(function() {
+                       replyElement = $("#sone .post#" + postId + " .create-reply");
+                       replyElement.removeClass("hidden");
+                       replyElement.removeClass("light");
+                       (function(replyElement) {
+                               replyElement.find("input.reply-input").blur(function() {
+                                       if ($(this).hasClass("default")) {
+                                               replyElement.addClass("light");
+                                       }
+                               }).focus(function() {
+                                       replyElement.removeClass("light");
+                               });
+                       })(replyElement);
+                       replyElement.find("input.reply-input").focus();
                });
+               return commentElement;
+       })(postId);
+       element.find(".create-reply").addClass("hidden");
+       element.find(".status-line .time").each(function() {
+               $(this).after(commentElement.clone(true));
        });
 }
 
@@ -96,17 +100,20 @@ function getTranslation(key, callback) {
  *
  * @param soneId
  *            The ID of the Sone
+ * @param local
+ *            <code>true</code> if the Sone is local, <code>false</code>
+ *            otherwise
  */
-function getSoneStatus(soneId) {
+function getSoneStatus(soneId, local) {
        $.getJSON("ajax/getSoneStatus.ajax", {"sone": soneId}, function(data, textStatus) {
                updateSoneStatus(soneId, data.name, data.status, data.modified, data.lastUpdated);
                /* seconds! */
                updateInterval = 60;
-               if (data.modified || (data.status == "downloading") || (data.status == "inserting")) {
+               if (local || data.modified || (data.status == "downloading") || (data.status == "inserting")) {
                        updateInterval = 5;
                }
                setTimeout(function() {
-                       getSoneStatus(soneId);
+                       getSoneStatus(soneId, local);
                }, updateInterval * 1000);
        });
 }
@@ -153,15 +160,18 @@ var watchedSones = {};
  *
  * @param soneId
  *            The ID of the Sone to watch
+ * @param local
+ *            <code>true</code> if the Sone is local, <code>false</code>
+ *            otherwise
  */
-function watchSone(soneId) {
+function watchSone(soneId, local) {
        if (watchedSones[soneId]) {
                return;
        }
        watchedSones[soneId] = true;
        (function(soneId) {
                setTimeout(function() {
-                       getSoneStatus(soneId);
+                       getSoneStatus(soneId, local);
                }, 5000);
        })(soneId);
 }
@@ -359,3 +369,106 @@ function updateReplyLikes(replyId) {
                }
        });
 }
+
+/**
+ * Posts a reply and calls the given callback when the request finishes.
+ *
+ * @param postId
+ *            The ID of the post the reply refers to
+ * @param text
+ *            The text to post
+ * @param callbackFunction
+ *            The callback function to call when the request finishes (takes 3
+ *            parameters: success, error, replyId)
+ */
+function postReply(postId, text, callbackFunction) {
+       $.getJSON("ajax/createReply.ajax", { "formPassword" : getFormPassword(), "post" : postId, "text": text }, function(data, textStatus) {
+               if (data.success) {
+                       callbackFunction(true, null, data.reply);
+               } else {
+                       callbackFunction(false, data.error);
+               }
+       });
+}
+
+/**
+ * Requests information about the reply with the given ID.
+ *
+ * @param replyId
+ *            The ID of the reply
+ * @param callbackFunction
+ *            A callback function (parameters soneId, soneName, replyTime,
+ *            replyDisplayTime, text, html)
+ */
+function getReply(replyId, callbackFunction) {
+       $.getJSON("ajax/getReply.ajax", { "reply" : replyId }, function(data, textStatus) {
+               if (data.success) {
+                       callbackFunction(data.soneId, data.soneName, data.time, data.displayTime, data.text, data.html);
+               }
+       });
+}
+
+/**
+ * Ajaxifies the given notification by replacing the form with AJAX.
+ *
+ * @param notification
+ *            jQuery object representing the notification.
+ */
+function ajaxifyNotification(notification) {
+       notification.find("form.dismiss").submit(function() {
+               return false;
+       });
+       notification.find("form.dismiss button").click(function() {
+               $.getJSON("ajax/dismissNotification.ajax", { "formPassword" : getFormPassword(), "notification" : notification.attr("id") }, function(data, textStatus) {
+                       notification.slideUp();
+               });
+       });
+       return notification;
+}
+
+/**
+ * Retrieves all changed notifications.
+ */
+function getNotifications() {
+       $.getJSON("ajax/getNotifications.ajax", {}, function(data, textStatus) {
+               if (data.success) {
+                       $.each(data.notifications, function(index, value) {
+                               oldNotification = $("#sone #notification-area .notification#" + value.id);
+                               notification = ajaxifyNotification(createNotification(value.id, value.text, value.dismissable)).hide();
+                               if (oldNotification.length != 0) {
+                                       oldNotification.slideUp();
+                                       notification.insertBefore(oldNotification);
+                               } else {
+                                       $("#sone #notification-area").append(notification);
+                               }
+                               notification.slideDown();
+                       });
+                       $.each(data.removedNotifications, function(index, value) {
+                               $("#sone #notification-area .notification#" + value.id).slideUp();
+                       });
+               }
+               setTimeout(getNotifications, 5000);
+       });
+}
+
+/**
+ * Creates a new notification.
+ *
+ * @param id
+ *            The ID of the notificaiton
+ * @param text
+ *            The text of the notification
+ * @param dismissable
+ *            <code>true</code> if the notification can be dismissed by the
+ *            user
+ */
+function createNotification(id, text, dismissable) {
+       notification = $("<div></div>").addClass("notification").attr("id", id);
+       if (dismissable) {
+               dismissForm = $("#sone #notification-area #notification-dismiss-template").clone().removeClass("hidden").removeAttr("id")
+               dismissForm.find("input[name=notification]").val(id);
+               notification.append(dismissForm);
+       }
+       notification.append(text);
+       return notification;
+}