X-Git-Url: https://git.pterodactylus.net/?a=blobdiff_plain;f=src%2Fmain%2Fresources%2Fstatic%2Fjavascript%2Fsone.js;h=7f0908997cacd415cb1fa9fc50a56edff51cb8fd;hb=dab7b61577baa725e3b9343f69787153b6375196;hp=a860e5a13b88fb4de4a06ddc0d63e7fda525fdf1;hpb=92196751abc587ed6d3dcce4432a6502907fba17;p=Sone.git

diff --git a/src/main/resources/static/javascript/sone.js b/src/main/resources/static/javascript/sone.js
index a860e5a..7f09089 100644
--- a/src/main/resources/static/javascript/sone.js
+++ b/src/main/resources/static/javascript/sone.js
@@ -69,6 +69,7 @@ function addCommentLink(postId, element) {
 	}
 	commentElement = (function(postId) {
 		var commentElement = $("<div><span>Comment</span></div>").addClass("show-reply-form").click(function() {
+			markPostAsKnown(getPostElement(this));
 			replyElement = $("#sone .post#" + postId + " .create-reply");
 			replyElement.removeClass("hidden");
 			replyElement.removeClass("light");
@@ -299,7 +300,7 @@ function getPostId(element) {
 }
 
 function getPostTime(element) {
-	return getPostElement(element).find(".storage-time").text();
+	return getPostElement(element).find(".post-time").text();
 }
 
 function getReplyElement(element) {
@@ -311,7 +312,7 @@ function getReplyId(element) {
 }
 
 function getReplyTime(element) {
-	return getReplyElement(element).find(".storage-time").text();
+	return getReplyElement(element).find(".reply-time").text();
 }
 
 function likePost(postId) {
@@ -454,6 +455,7 @@ function ajaxifyPost(postElement) {
 		postReply(postId, text, function(success, error, replyId) {
 			if (success) {
 				loadNewReply(replyId);
+				markPostAsKnown(getPostElement(inputField));
 				$("#sone .post#" + postId + " .create-reply").addClass("hidden");
 			} else {
 				alert(error);
@@ -473,10 +475,12 @@ function ajaxifyPost(postElement) {
 	/* convert all “like” buttons to javascript functions. */
 	$(postElement).find(".like-post").submit(function() {
 		likePost(getPostId(this));
+		markPostAsKnown(getPostElement(this));
 		return false;
 	});
 	$(postElement).find(".unlike-post").submit(function() {
 		unlikePost(getPostId(this));
+		markPostAsKnown(getPostElement(this));
 		return false;
 	});
 
@@ -509,10 +513,12 @@ function ajaxifyPost(postElement) {
 function ajaxifyReply(replyElement) {
 	$(replyElement).find(".like-reply").submit(function() {
 		likeReply(getReplyId(this));
+		markPostAsKnown(getPostElement(this));
 		return false;
 	});
 	$(replyElement).find(".unlike-reply").submit(function() {
 		unlikeReply(getReplyId(this));
+		markPostAsKnown(getPostElement(this));
 		return false;
 	});
 	(function(replyElement) {
@@ -563,6 +569,7 @@ function getStatus() {
 					$("#sone #notification-area").append(notification);
 					notification.slideDown();
 				}
+				setActivity();
 			});
 			$.each(data.removedNotifications, function(index, value) {
 				$("#sone #notification-area .notification#" + value.id).slideUp();
@@ -612,6 +619,7 @@ function loadNewPost(postId) {
 			}
 			ajaxifyPost(newPost);
 			newPost.slideDown();
+			setActivity();
 		}
 	});
 }
@@ -634,7 +642,7 @@ function loadNewReply(replyId) {
 				});
 				newReply = $(data.reply.html).addClass("hidden");
 				if (firstNewerReply != null) {
-					newReply.insertAfter(firstNewerReply);
+					newReply.insertBefore(firstNewerReply);
 				} else {
 					if ($(this).find(".replies .create-reply")) {
 						$(this).find(".replies .create-reply").before(newReply);
@@ -644,11 +652,53 @@ function loadNewReply(replyId) {
 				}
 				ajaxifyReply(newReply);
 				newReply.slideDown();
+				setActivity();
 			});
 		}
 	});
 }
 
+function markPostAsKnown(postElements) {
+	$(postElements).each(function() {
+		postElement = this;
+		if ($(postElement).hasClass("new")) {
+			(function(postElement) {
+				$.getJSON("ajax/markPostAsKnown.ajax", {"formPassword": getFormPassword(), "post": getPostId(postElement)}, function(data, textStatus) {
+					$(postElement).removeClass("new");
+				});
+			})(postElement);
+		}
+	});
+	markReplyAsKnown($(postElements).find(".reply"));
+}
+
+function markReplyAsKnown(replyElements) {
+	$(replyElements).each(function() {
+		replyElement = this;
+		if ($(replyElement).hasClass("new")) {
+			(function(replyElement) {
+				$.getJSON("ajax/markReplyAsKnown.ajax", {"formPassword": getFormPassword(), "reply": getReplyId(replyElement)}, function(data, textStatus) {
+					$(replyElement).removeClass("new");
+				});
+			})(replyElement);
+		}
+	});
+}
+
+function resetActivity() {
+	title = document.title;
+	if (title.indexOf('(') == 0) {
+		document.title = title.substr(title.indexOf(' ') + 1);
+	}
+}
+
+function setActivity() {
+	title = document.title;
+	if (title.indexOf('(') != 0) {
+		document.title = "(!) " + title;
+	}
+}
+
 /**
  * Creates a new notification.
  *
@@ -692,6 +742,21 @@ $(document).ready(function() {
 		});
 	});
 
+	/* ajaxify input field on “view Sone” page. */
+	getTranslation("WebInterface.DefaultText.Message", function(defaultText) {
+		registerInputTextareaSwap("#sone #post-message input[name=text]", defaultText, "text", false, false);
+		$("#sone #post-message").submit(function() {
+			text = $(this).find(":input:enabled").val();
+			$.getJSON("ajax/createPost.ajax", { "formPassword": getFormPassword(), "recipient": $("#sone #sone-id").text(), "text": text }, function(data, textStatus) {
+				if ((data != null) && data.success) {
+					loadNewPost(data.postId);
+				}
+			});
+			$(this).find(":input:enabled").val("").blur();
+			return false;
+		});
+	});
+
 	/* Ajaxifies all posts. */
 	/* calling getTranslation here will cache the necessary values. */
 	getTranslation("WebInterface.Confirmation.DeletePostButton", function(text) {
@@ -774,4 +839,10 @@ $(document).ready(function() {
 
 	/* activate status polling. */
 	setTimeout(getStatus, 5000);
+
+	/* reset activity counter when the page has focus. */
+	$(window).focus(function() {
+		resetActivity();
+	});
+
 });