Ajaxify all existing notifications.

[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 858851a..cf70729 100644 (file)
--- a/src/main/resources/templates/include/head.html
+++ b/src/main/resources/templates/include/head.html
@@ -196,6 +196,15 @@
                });
        </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>
@@ -204,7 +213,21 @@
                        </div>
                <%/if>
 
-               <div id="notification-area"></div>
+               <div id="notification-area">
+                       <%foreach webInterface.core.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.render>
+                               </div>
+                       <%/foreach>
+               </div>
 
                <div id="profile" class="<%ifnull currentSone>offline<%else>online<%/if>">
                        <a class="picture" href="index.html">