-<div id="sone">
+<%include include/head.html>
- <h1><%= Page.Index.Page.Title|l10n|html></h1>
+ <script language="javascript">
+ /* register input field/textarea swap. */
+ $(document).ready(function() {
+ registerInputTextareaSwap("#sone input.createpost", "What are you doing?");
+ registerInputTextareaSwap("#sone input.reply-input", "Write a Reply…");
+
+ /* hide all the “create reply” forms until a link is clicked. */
+ $("#sone .post").each(function() {
+ postId = $(this).attr("id");
+ commentElement = (function(postId) {
+ var commentElement = $("<div>Comment</div>").addClass("show-reply-form").click(function() {
+ replyElement = $("#sone .post#" + postId + " .create-reply");
+ replyElement.removeClass("hidden");
+ replyElement.removeClass("light");
+ (function(replyElement) {
+ replyElement.find("input.reply-input").blur(function() {
+ if ($(this).hasClass("default")) {
+ replyElement.addClass("light");
+ }
+ }).focus(function() {
+ replyElement.removeClass("light");
+ });
+ })(replyElement);
+ replyElement.find("input.reply-input").focus();
+ });
+ return commentElement;
+ })(postId);
+ $(this).find(".create-reply").addClass("hidden");
+ $(this).find(".status-line .time").each(function() {
+ $(this).after(commentElement.clone(true));
+ });
+ });
+ });
+ </script>
+
+ <h1><%= Page.Index.Page.Title|l10n|insert needle="{sone}" key=currentSone.name|html></h1>
<div>
<form action="createPost.html" method="post">
<div>
<label for="text"><%= Page.Index.Label.Text|l10n|html></label>
- <textarea name="text"></textarea>
+ <input class="createpost" name="text" />
</div>
<div>
<button type="submit"><%= Page.Index.Button.Post|l10n|html></button>
<h1><%= Page.Index.PostList.Title|l10n|html></h1>
- <div>
+ <div id="posts">
<%foreach posts post>
- <div>
- <div class="author"><% post.sone.name|html></div>
- <div class="text"><% post.text|html></div>
- <div class="time"><% post.time|date format="MMM d, yyyy, HH:mm:ss"></div>
- </div>
+ <%include include/viewPost.html>
<%foreachelse>
<div><%= Page.Index.PostList.Text.NoPostYet|l10n|html></div>
<%/foreach>
</div>
-</div>
\ No newline at end of file
+ <h1><%= Page.Index.AddSone.Title|l10n|html></h1>
+
+ <div><%= Page.Index.AddSone.Description|l10n|html></div>
+
+ <form action="addSone.html" method="post">
+ <input type="hidden" name="formPassword" value="<% formPassword|html>" />
+ <input id="addsone" type="text" name="request-uri" />
+ <button type="submit"><%= Page.Index.AddSone.Button.Add|l10n|html></button>
+ </form>
+
+<%include include/tail.html>