Get the notifications from the web interface.

[Sone.git] / src / main / resources / templates / include / head.html

diff --git a/src/main/resources/templates/include/head.html b/src/main/resources/templates/include/head.html
index 809bd57..2802d4e 100644 (file)
--- a/src/main/resources/templates/include/head.html
+++ b/src/main/resources/templates/include/head.html
@@ -18,7 +18,7 @@
                /* these functions are necessary for updating Sone statuses. */
                $(document).ready(function() {
                        $("#sone .sone").each(function() {
-                               watchSone($(this).find(".id").text());
+                               watchSone($(this).find(".id").text(), $(this).hasClass("local"));
                        });
                });
        </script>
@@ -34,6 +34,44 @@
        </script>
 
        <script language="javascript">
+               /* replaces all “post reply!” forms with AJAX. */
+               $(document).ready(function() {
+                       $("#sone .create-reply button:submit").click(function() {
+                               $(this.form).submit(function() {
+                                       return false;
+                               });
+                               inputField = $(this.form).find(":input:enabled").get(0);
+                               postId = getPostId($(inputField));
+                               text = $(inputField).val();
+                               $(inputField).val("");
+                               postReply(postId, text, function(success, error, replyId) {
+                                       if (success) {
+                                               getReply(replyId, function(soneId, soneName, replyTime, replyDisplayTime, text, html) {
+                                                       newReply = $(html).insertBefore("#sone .post#" + postId + " .create-reply");
+                                                       $("#sone .post#" + postId + " .create-reply").addClass("hidden");
+                                                       getTranslation("WebInterface.Confirmation.DeleteReplyButton", function(deleteReplyText) {
+                                                               enhanceDeleteReplyButton("#sone .post#" + postId + " .reply#" + replyId + " .delete button", replyId, deleteReplyText);
+                                                       });
+                                                       newReply.find(".status-line .like").submit(function() {
+                                                               likeReply(getReplyId(this));
+                                                               return false;
+                                                       });
+                                                       newReply.find(".status-line .unlike").submit(function() {
+                                                               unlikeReply(getReplyId(this));
+                                                               return false;
+                                                       });
+                                                       addCommentLink(postId, newReply);
+                                               });
+                                       } else {
+                                               alert(error);
+                                       }
+                               });
+                               return false;
+                       });
+               });
+       </script>
+
+       <script language="javascript">
                /* replace all “delete” buttons with javascript. */
                $(document).ready(function() {
                        getTranslation("WebInterface.Confirmation.DeletePostButton", function(text) {
@@ -133,6 +171,40 @@
                });
        </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>
+
+       <script language="javascript">
+               /* process all existing notifications, ajaxify dismiss buttons. */
+               $(document).ready(function() {
+                       $("#sone #notification-area .notification").each(function() {
+                               ajaxifyNotificationArea($(this));
+                       });
+               });
+       </script>
+
        <div id="main">
 
                <%if !webInterface.core.identityManager.connected>
@@ -141,7 +213,21 @@
                        </div>
                <%/if>
 
-               <div id="notification-area"></div>
+               <div id="notification-area">
+                       <%foreach webInterface.notifications.all notification>
+                               <div class="notification" id="<% notification.id|html>">
+                                       <%if notification.dismissable>
+                                               <form class="dismiss" action="dismissNotification.html" method="post">
+                                                       <input type="hidden" name="formPassword" value="<% formPassword|html>" />
+                                                       <input type="hidden" name="returnPage" value="<% request.uri|html>" />
+                                                       <input type="hidden" name="notification" value="<% notification.id|html>" />
+                                                       <button type="submit"><%= Notification.Button.Dismiss|l10n|html></button>
+                                               </form>
+                                       <%/if>
+                                       <% notification>
+                               </div>
+                       <%/foreach>
+               </div>
 
                <div id="profile" class="<%ifnull currentSone>offline<%else>online<%/if>">
                        <a class="picture" href="index.html">