Start polling notifications when loading the page.

[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 9330e14..41c7971 100644 (file)
--- a/src/main/resources/templates/include/head.html
+++ b/src/main/resources/templates/include/head.html
@@ -8,7 +8,9 @@
        <script language="javascript">
                /* this initializes the status update input field. */
                $(document).ready(function() {
-                       registerInputTextareaSwap("#sone #update-status .status-input", "WebInterface.DefaultText.StatusUpdate", "text", false, false);
+                       getTranslation("WebInterface.DefaultText.StatusUpdate", function(text) {
+                               registerInputTextareaSwap("#sone #update-status .status-input", text, "text", false, false);
+                       })
                });
        </script>
 
@@ -16,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>
@@ -24,8 +26,48 @@
        <script language="javascript">
                /* this initializes all reply input fields. */
                $(document).ready(function() {
-                       registerInputTextareaSwap("#sone input.reply-input", "WebInterface.DefaultText.Reply", "text", false, false);
-                       addCommentLinks();
+                       getTranslation("WebInterface.DefaultText.Reply", function(text) {
+                               registerInputTextareaSwap("#sone input.reply-input", text, "text", false, false);
+                               addCommentLinks();
+                       })
+               });
+       </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>
 
@@ -129,6 +171,22 @@
                });
        </script>
 
+       <script language="javascript">
+               /* process all existing notifications, ajaxify dismiss buttons. */
+               $(document).ready(function() {
+                       $("#sone #notification-area .notification").each(function() {
+                               ajaxifyNotification($(this));
+                       });
+               });
+       </script>
+
+       <script language="javascript">
+               /* activate notification polling. */
+               $(document).ready(function() {
+                       setTimeout(getNotifications, 5000);
+               });
+       </script>
+
        <div id="main">
 
                <%if !webInterface.core.identityManager.connected>
@@ -137,6 +195,30 @@
                        </div>
                <%/if>
 
+               <div id="notification-area">
+
+                       <form id="notification-dismiss-template" class="hidden 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="" />
+                               <button type="submit"><%= Notification.Button.Dismiss|l10n|html></button>
+                       </form>
+
+                       <%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">
                                <%ifnull !currentSone>