Implement inline posting of replies.

[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 e6038d7..8061409 100644 (file)
--- a/src/main/resources/templates/include/head.html
+++ b/src/main/resources/templates/include/head.html
@@ -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,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 +204,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>