X-Git-Url: https://git.pterodactylus.net/?a=blobdiff_plain;f=src%2Fmain%2Fresources%2Fstatic%2Fjavascript%2Fsone.js;h=20386f7d67b2a138da3554968e2fa287b9e1218a;hb=5867507cdc8c401b17d2a4118197887de9d53c20;hp=4ab0aabea21bd8b73d6f3954f86621f9c1c6f7d0;hpb=2e6247ae5b4abb156e54328cdb63c1b1363aae0a;p=Sone.git

diff --git a/src/main/resources/static/javascript/sone.js b/src/main/resources/static/javascript/sone.js
index 4ab0aab..20386f7 100644
--- a/src/main/resources/static/javascript/sone.js
+++ b/src/main/resources/static/javascript/sone.js
@@ -414,15 +414,61 @@ function getReply(replyId, callbackFunction) {
  * @param notification
  *            jQuery object representing the notification.
  */
-function ajaxifyNotificationArea(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) {
-			if (data.success) {
-				notification.slideUp();
-			}
+			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;
 }