+ const oldIds = getElementIds(oldNotification, ".new-sone-id");
+ const newIds = getElementIds(newNotification, ".new-sone-id");
+ $.each(oldIds, function(index, value) {
+ if ($.inArray(value, newIds) === -1) {
+ markSoneAsKnown(getSone(value), true);
+ }
+ });
+}
+
+/**
+ * Compares the given notification elements and calls {@link #markPostAsKnown()}
+ * for every ID that is contained in the old notification but not in the new.
+ *
+ * @param oldNotification
+ * The old notification element
+ * @param newNotification
+ * The new notification element
+ */
+function checkForRemovedPosts(oldNotification, newNotification) {
+ if (getNotificationId(oldNotification) !== "new-post-notification") {
+ return;
+ }
+ const oldIds = getElementIds(oldNotification, ".post-id");
+ const newIds = getElementIds(newNotification, ".post-id");
+ $.each(oldIds, function(index, value) {
+ if ($.inArray(value, newIds) === -1) {
+ markPostAsKnown(getPost(value), true);
+ }
+ });
+}
+
+/**
+ * Compares the given notification elements and calls
+ * {@link #markReplyAsKnown()} for every ID that is contained in the old
+ * notification but not in the new.
+ *
+ * @param oldNotification
+ * The old notification element
+ * @param newNotification
+ * The new notification element
+ */
+function checkForRemovedReplies(oldNotification, newNotification) {
+ if (getNotificationId(oldNotification) !== "new-reply-notification") {
+ return;
+ }
+ const oldIds = getElementIds(oldNotification, ".reply-id");
+ const newIds = getElementIds(newNotification, ".reply-id");
+ $.each(oldIds, function(index, value) {
+ if ($.inArray(value, newIds) === -1) {
+ markReplyAsKnown(getReply(value), true);
+ }
+ });
+}
+
+/**
+ * The URLs of not-loaded elements are part of the GET request’s URL. As
+ * both browsers and HTTP servers do have differing limits on URL length
+ * (the HTTP 1.1 RFC states 8000 bytes but most browsers only support up
+ * to 2000 bytes) we will return a random selection of not-loaded URLs we
+ * want to refresh the status from up until we are at approximately 1000
+ * bytes (as the rest of the URL also needs some space).
+ *
+ * @return An array of not-loaded element URLs that will have a total length
+ * of 1000 bytes or fewer
+ */
+function getRandomSelectionOfElementsToUpdate() {
+ const notLoadedElementUrls = $(".linked-element.not-loaded").map(function(_, element) {
+ return $(element).prop("title");
+ }).toArray();
+ shuffleArray(notLoadedElementUrls);
+ const selectedElementUrls = Array();
+ let currentCombinedStringLength = 0;
+ $(notLoadedElementUrls).each(function(_, elementUrl) {
+ if ((currentCombinedStringLength + elementUrl.length) <= 1000) {
+ selectedElementUrls.push(elementUrl);
+ currentCombinedStringLength += elementUrl.length;
+ }
+ });
+ return selectedElementUrls;
+}
+
+// shamelessly stolen from https://stackoverflow.com/a/12646864/43582
+function shuffleArray(array) {
+ for (let i = array.length - 1; i > 0; i--) {
+ const j = Math.floor(Math.random() * (i + 1));
+ const temp = array[i];
+ array[i] = array[j];
+ array[j] = temp;
+ }
+}
+
+function getStatus() {
+ const parameters = isViewSonePage() ? {"soneIds": getShownSoneId()} : isKnownSonesPage() ? {"soneIds": getShownSoneIds()} : {};
+ $.extend(parameters, {
+ "elements": JSON.stringify(getRandomSelectionOfElementsToUpdate())
+ });
+ ajaxGet("getStatus.ajax", parameters, function(data) {
+ if ((data != null) && data.success) {
+ /* process Sone information. */
+ $.each(data.sones, function(index, value) {
+ updateSoneStatus(value.id, value.name, value.status, value.modified, value.locked, value.lastUpdatedUnknown ? null : value.lastUpdated, value.lastUpdatedText);
+ });
+ notLoggedIn = !data.loggedIn;
+ if (!notLoggedIn) {
+ showOfflineMarker(!online);
+ }
+ if (data.notificationHash !== getNotificationHash()) {
+ console.log("Old hash: ", getNotificationHash(), ", new hash: ", data.notificationHash);
+ requestNotifications();
+ /* process new posts. */
+ $.each(data.newPosts, function(index, value) {
+ loadNewPost(value.id, value.sone, value.recipient, value.time);
+ });
+ /* process new replies. */
+ $.each(data.newReplies, function(index, value) {
+ loadNewReply(value.id, value.sone, value.post);
+ });
+ }
+ if (data.linkedElements) {
+ loadLinkedElements(data.linkedElements)
+ }
+ /* do it again in 5 seconds. */
+ setTimeout(getStatus, 5000);
+ } else {
+ /* data.success was false, wait 30 seconds. */
+ setTimeout(getStatus, 30000);
+ }
+ }, function() {
+ statusRequestQueued = false;
+ ajaxError();
+ });
+}
+
+function requestNotifications() {
+ ajaxGet("getNotifications.ajax", {}, function(data) {
+ if (data && data.success) {
+ /* search for removed notifications. */
+ sone.find("#notification-area .notification").each(function() {
+ const notificationId = $(this).prop("id");
+ let foundNotification = false;
+ $.each(data.notifications, function(index, value) {
+ if (value.id === notificationId) {
+ foundNotification = true;
+ return false;
+ }
+ });
+ if (!foundNotification) {
+ if (notificationId === "new-sone-notification" && (data.options["ShowNotification/NewSones"] === true)) {
+ $(".new-sone-id", this).each(function() {
+ const soneId = $(this).text();
+ markSoneAsKnown(getSone(soneId), true);
+ });
+ } else if (notificationId === "new-post-notification" && (data.options["ShowNotification/NewPosts"] === true)) {
+ $(".post-id", this).each(function() {
+ const postId = $(this).text();
+ markPostAsKnown(getPost(postId), true);
+ });
+ } else if (notificationId === "new-reply-notification" && (data.options["ShowNotification/NewReplies"] === true)) {
+ $(".reply-id", this).each(function() {
+ const replyId = $(this).text();
+ markReplyAsKnown(getReply(replyId), true);
+ });
+ }
+ $(this).slideUp("normal", function() {
+ $(this).remove();
+ /* remove activity when no notifications are visible. */
+ if (sone.find("#notification-area .notification").length === 0) {
+ resetActivity();
+ }
+ });
+ }
+ });
+ /* process notifications. */
+ $.each(data.notifications, function(index, value) {
+ const oldNotification = getNotification(value.id);
+ const notification = ajaxifyNotification(createNotification(value.id, value.lastUpdatedTime, value.text, value.dismissable)).hide();
+ if (oldNotification.length !== 0) {
+ if ((oldNotification.find(".short-text").length > 0) && (notification.find(".short-text").length > 0)) {
+ const opened = oldNotification.is(":visible") && oldNotification.find(".short-text").hasClass("hidden");
+ notification.find(".short-text").toggleClass("hidden", opened);
+ notification.find(".text").toggleClass("hidden", !opened);
+ }
+ checkForRemovedSones(oldNotification, notification);
+ checkForRemovedPosts(oldNotification, notification);
+ checkForRemovedReplies(oldNotification, notification);
+ oldNotification.replaceWith(notification.show());
+ } else {
+ sone.find("#notification-area").append(notification);
+ if (value.id.substring(0, 5) !== "local") {
+ notification.slideDown();
+ setActivity();
+ }
+ }