From 893957c41481a0cd5eb624096337762ffa54ff28 Mon Sep 17 00:00:00 2001
From: Starla Insigna <hatkirby@fourisland.com>
Date: Sun, 9 Aug 2009 09:14:58 -0400
Subject: Created layout 7

The following changes were also made in this revision:

* All HTML was changed to XHTML and a !DOCTYPE was included to reflect this
* Rewrote quotes tracking system to be much less complicated and actually working
* Changed quotes rendering to look more like Chirpy than Rash
* Fixed comment textarea bug
* Rewrote a ton of CSS so it's not as bloated
* Added a JavaScript confirmation when deleting a comment
* AJAXified voting on the POTW
* AJAXified voting and flagging quotes
* AJAXified commenting
* AJAXified voting on posts
* Added DateFinder back after it was accidentally deleted in Layout 4.5

The following database changes must be performed as soon as possible:

* Fix title of NO <!DOCTYPE> post (the &lt; is missing the semicolon)
* Restore post Frasty Tha Snaman from a backup
* Reset "flag" field of all rows in "rash_quotes" to 0
* Remove the "vote" and "flag" columns of "rash_tracking"
* Rename the "quote_id" column of "rash_tracking" to "vote"

The following external code changes must also be performed as soon as possible:

* Add the following line to the end of the // Four Island block in The Fourm's functions.php:
  require('/svr/www/hatkirby/fourisland/main/includes/specialdates.php');
---
 theme/comments.tpl | 130 ++++++++++++++++++++++++++++++++---------------------
 1 file changed, 79 insertions(+), 51 deletions(-)

(limited to 'theme/comments.tpl')

diff --git a/theme/comments.tpl b/theme/comments.tpl
index 1ca7ab2..5e1c564 100755
--- a/theme/comments.tpl
+++ b/theme/comments.tpl
@@ -1,51 +1,48 @@
-<A NAME="comments"></A>
+<a name="comments" />
 
 <!--BEGIN COMMENTS-->
-<A NAME="comment-<!--COMMENTS.ID-->"></A>
+<a name="comment-<!--COMMENTS.ID-->" />
 
 <!--BEGIN COMMENTS.EDITOR-->
-<FORM ACTION="/edit-comment.php?id=<!--COMMENTS.ID-->" METHOD="POST">
+<form action="/edit-comment.php?id=<!--COMMENTS.ID-->" method="post">
 <!--END COMMENTS.EDITOR-->
 
-<DIV CLASS="bubble" ID="comment-<!--COMMENTS.ID-->">
-	<BLOCKQUOTE>
-		<DIV ID="textBubble-<!--COMMENTS.ID-->">
-			<IMG SRC="http://www.gravatar.com/avatar/<!--COMMENTS.CODEDEMAIL-->?s=32&amp;d=identicon&amp;r=G">
-			<!--COMMENTS.TEXT-->
-		</DIV>
-
-		<!--BEGIN COMMENTS.EDITOR-->
-
-		<DIV ID="postBubble-<!--COMMENTS.ID-->" CLASS="invisible">
-	                <TEXTAREA ROWS="4" CLASS="comments_field" NAME="comment" COLS="73"><!--COMMENTS.EDITOR.BEFORE--></TEXTAREA>
-                </DIV>
-
-		<!--END COMMENTS.EDITOR-->
-	</BLOCKQUOTE>
-	<CITE><STRONG><!--COMMENTS.USERNAME--></STRONG> on <!--COMMENTS.DATE--></CITE>
+<div class="module unrounded" id="comment-<!--COMMENTS.ID-->">
+	<div id="textBubble-<!--COMMENTS.ID-->" class="comment">
+		<img src="http://www.gravatar.com/avatar/<!--COMMENTS.CODEDEMAIL-->?s=32&amp;d=identicon&amp;r=G" alt="" />
+		<!--COMMENTS.TEXT-->
+	</div>
 
 	<!--BEGIN COMMENTS.EDITOR-->
 
-	<SPAN CLASS="post-vote">
-		<A HREF="#comment-<!--COMMENTS.ID-->" ONCLICK="openEditor('<!--COMMENTS.ID-->');"><IMG SRC="/theme/images/icons/note_edit.png" ALT="Edit"></A>
-		<A HREF="/delete-comment.php?id=<!--COMMENTS.ID-->"><IMG SRC="/theme/images/icons/note_delete.png" ALT="Delete"></A>
-	</SPAN>
+	<div id="postBubble-<!--COMMENTS.ID-->" class="invisible">
+		<textarea rows="4" class="comments_field" name="comment" cols="100"><!--COMMENTS.EDITOR.BEFORE--></textarea>
+	</div>
 
 	<!--END COMMENTS.EDITOR-->
-</DIV>
+</div>
+
+<cite class="light-at-night"><strong><!--COMMENTS.USERNAME--></strong> on <!--COMMENTS.DATE--></cite>
 
 <!--BEGIN COMMENTS.EDITOR-->
-	<DIV ID="editComment-<!--COMMENTS.ID-->" CLASS="invisible" STYLE="text-align: center">
-		<INPUT TYPE="submit" VALUE="Edit">
-		<BUTTON TYPE="button" ONCLICK="closeEditor(<!--COMMENTS.ID-->);">Cancel</BUTTON>
-	</DIV>
 
-</FORM>
+	<span class="post-vote">
+		<a href="#comment-<!--COMMENTS.ID-->" onclick="openEditor('<!--COMMENTS.ID-->');"><img src="/theme/images/icons/note_edit.png" alt="Edit" /></a>
+		<a href="#comment-<!--COMMENTS.ID-->" onclick="if (confirm('Are you sure you would like to delete this comment?')) {window.location='/delete-comment.php?id=<!--COMMENTS.ID-->';}"><img src="/theme/images/icons/note_delete.png" alt="Delete" /></a>
+	</span>
+
+	<div id="editComment-<!--COMMENTS.ID-->" class="invisible" style="text-align: center">
+		<input type="submit" value="Edit" />
+		<button type="button" onclick="closeEditor(<!--COMMENTS.ID-->);">Cancel</button>
+	</div>
+</form>
 <!--END COMMENTS.EDITOR-->
 
 <!--END COMMENTS-->
 
-<SCRIPT TYPE="text/javascript">
+<div class="cleardiv"></div>
+
+<script type="text/javascript">
 
 function openEditor(id)
 {
@@ -65,29 +62,60 @@ function closeEditor(id)
 	jQuery("#editComment-" + id).addClass("invisible");
 }
 
-</SCRIPT>
+function postComment()
+{
+	jQuery("#newComment textarea, #newComment input, #newComment button").attr("disabled", "disabled");
+	jQuery("#flash").text("Processing....").slideDown();
+	jQuery.ajax({
+		type: "POST",
+		url: "/post.php",
+		data: ({
+			id: "<!--PAGEID-->",
+			comment: jQuery("#newComment textarea").val(),
+			username: jQuery("#newComment input:text[name=username]").val(),
+			email: jQuery("#newComment input:text[name=email]").val(),
+			website: jQuery("#newComment input:text[name=website]").val(),
+			recaptcha_challenge_field: jQuery("#newComment input[name=recaptcha_challenge_field]").val(),
+			recaptcha_response_field: jQuery("#newComment input[name=recaptcha_response_field]").val()
+		}),
+		dataType: "text",
+		success: function(msg) {
+			if (msg.indexOf("textBubble") != -1)
+			{
+				jQuery("#flash").text("Your comment has been posted.");
+				jQuery("#newComment").html(msg);
+			} else {
+				jQuery("#newComment textarea, #newComment input, #newComment button").removeAttr("disabled");
+				jQuery("#flash").text(msg);
+			}
+		},
+		error: function() {
+			jQuery("#newComment textarea, #newComment input, #newComment button").removeAttr("disabled");
+			jQuery("#flash").text("There was an error posting your comment.");
+		}
+	});
+}
+
+</script>
 
-<DIV ID="newComment">
-	<FORM ACTION="/post.php?id=<!--PAGEID-->" METHOD="POST">
-		<DIV CLASS="bubble">
-			<BLOCKQUOTE>
-				<DIV ID="postBubble">
-					<TEXTAREA ROWS="4" CLASS="comments_field" NAME="comment" COLS="73"></TEXTAREA>
-				</DIV>
-			</BLOCKQUOTE>
-			<CITE><STRONG><!--USERNAME--></STRONG>, feel free to post a comment</CITE>
-		</DIV>
+<div id="newComment">
+	<form action="/post.php?id=<!--PAGEID-->" method="post">
+		<div class="module unrounded" id="postBubble">
+			<textarea rows="4" class="comments_field" name="comment" cols="100"></textarea>
+		</div>
+		
+		<cite class="light-at-night"><strong><!--USERNAME--></strong>, feel free to post a comment</cite>
 
-		<CENTER>
+		<center class="light-at-night">
 			<!--BEGIN NOLOG-->
 			<!--RECAPTCHA-->
-			<P>
-			Name: <INPUT TYPE="text" NAME="username"><BR>
-			Email: <INPUT TYPE="text" NAME="email"><BR>
-			Website (Optional): <INPUT TYPE="text" NAME="website">
-			<P>
+			<p>
+			Name: <input type="text" name="username" /><br />
+			Email: <input type="text" name="email" /><br />
+			Website (Optional): <input type="text" name="website" />
+			</p>
 			<!--END NOLOG-->
-			<INPUT TYPE="submit" VALUE="Post">
-		</CENTER>
-	</FORM>
-</DIV>
+			<button type="button" onclick="postComment();">Post</button>
+		</center>
+	</form>
+</div>
-- 
cgit 1.4.1