Show replies and reply posting form on index page.
[Sone.git] / src / main / resources / templates / index.html
1 <div id="sone">
2
3         <script src="javascript/jquery-1.4.2.js" language="javascript"></script>
4         <script src="javascript/sone.js" language="javascript"></script>
5
6         <script language="javascript">
7                 /* register input field/textarea swap. */
8                 $(document).ready(function() {
9                         registerInputTextareaSwap("#sone input.createpost", "What are you doing?");
10                 });
11         </script>
12
13         <h1><%= Page.Index.Page.Title|l10n|insert needle="{sone}" key=currentSone.name|html></h1>
14
15         <div>
16                 <form action="createPost.html" method="post">
17                         <div>
18                                 <label for="text"><%= Page.Index.Label.Text|l10n|html></label>
19                                 <input class="createpost" name="text" />
20                         </div>
21                         <div>
22                                 <button type="submit"><%= Page.Index.Button.Post|l10n|html></button>
23                         </div>
24                 </form>
25         </div>
26
27         <h1><%= Page.Index.PostList.Title|l10n|html></h1>
28
29         <div id="posts">
30                 <%foreach posts post>
31                         <div class="post">
32                                 <div class="author"><a href="viewSone.html?sone=<% post.sone.id>"><% post.sone.niceName|html></a></div>
33                                 <div class="text"><% post.text|html></div>
34                                 <div class="time"><% post.time|date format="MMM d, yyyy, HH:mm:ss"></div>
35                         </div>
36                         <%foreach post.replies reply>
37                                 <div class="reply">
38                                         <div class="author"><a href="viewSone.html?sone=<% reply.sone.id>"><% reply.sone.niceName|html></a></div>
39                                         <div class="text"><% reply.text|html></div>
40                                         <div class="time"><% reply.time|date format="MMM d, yyyy, HH:mm:ss"></div>
41                                 </div>
42                         <%/foreach>
43                         <div class="create-reply">
44                                 <form method="post" action="createReply.html">
45                                         <input type="hidden" name="formPassword" value="<% formPassword|html>" />
46                                         <input type="hidden" name="post" value="<% post.id>" />
47                                         <input type="text" name="text" value="" />
48                                         <button type="submit">Post Reply</button>
49                                 </form>
50                         </div>
51                 <%foreachelse>
52                         <div><%= Page.Index.PostList.Text.NoPostYet|l10n|html></div>
53                 <%/foreach>
54         </div>
55
56 </div>