X-Git-Url: https://git.pterodactylus.net/?a=blobdiff_plain;f=src%2Fmain%2Fresources%2Ftemplates%2Finclude%2Fhead.html;h=deb020ca65e036d944281fcaf45986f803f2d779;hb=8a8b60858ae83812bf9c7e1898850f5dade69f82;hp=e6038d7a6adb86a4c7b2b9b0ce0941f2ce0abe16;hpb=fa7f3a80a777bf743bcc5d7b95bfd811a417651f;p=Sone.git

diff --git a/src/main/resources/templates/include/head.html b/src/main/resources/templates/include/head.html
index e6038d7..deb020c 100644
--- a/src/main/resources/templates/include/head.html
+++ b/src/main/resources/templates/include/head.html
@@ -133,6 +133,31 @@
 		});
 	</script>
 
+	<script language="javascript">
+		/* display large notification about new replies and posts. */
+		$(document).ready(function() {
+			newPostCount = $("#sone .post.new").length;
+			newReplyCount = $("#sone .reply.new").length;
+			if ((newPostCount + newReplyCount) == 0) {
+				return;
+			}
+			if (newPostCount > 0) {
+				postNotification = $("<div></div>").addClass("notification");
+				getTranslation("WebInterface.Notification.NewPostCount", function(text) {
+					postNotification.append($("<div></div>").text(text)).append($("<div></div>").addClass("post-count").text(newPostCount));
+				});
+				postNotification.appendTo("#sone #notification-area");
+			}
+			if (newReplyCount > 0) {
+				replyNotification = $("<div></div>").addClass("notification");
+				getTranslation("WebInterface.Notification.NewReplyCount", function(text) {
+					replyNotification.append($("<div></div>").text(text)).append($("<div></div>").addClass("post-count").text(newReplyCount));
+				});
+				replyNotification.appendTo("#sone #notification-area");
+			}
+		});
+	</script>
+
 	<div id="main">
 
 		<%if !webInterface.core.identityManager.connected>
@@ -141,6 +166,8 @@
 			</div>
 		<%/if>
 
+		<div id="notification-area"></div>
+
 		<div id="profile" class="<%ifnull currentSone>offline<%else>online<%/if>">
 			<a class="picture" href="index.html">
 				<%ifnull !currentSone>