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/post.tpl | 135 ++++++++++++++++++++++++++++++++++++---------------------
 1 file changed, 86 insertions(+), 49 deletions(-)

(limited to 'theme/post.tpl')

diff --git a/theme/post.tpl b/theme/post.tpl
index 7f29ff2..2c65e51 100755
--- a/theme/post.tpl
+++ b/theme/post.tpl
@@ -1,66 +1,103 @@
 <!--BEGIN INTERNAL-->
-<!--BEGIN BACK--><SPAN CLASS="back-post">&laquo; <A HREF="/blog/<!--BACK.CODED-->/"><!--BACK.TITLE--></A></SPAN><!--END BACK-->
-<!--BEGIN NEXT--><SPAN CLASS="next-post"><A HREF="/blog/<!--NEXT.CODED-->/"><!--NEXT.TITLE--></A> &raquo;</SPAN><!--END NEXT-->
+<!--BEGIN BACK--><span class="back-post">&laquo; <a href="/blog/<!--BACK.CODED-->/"><!--BACK.TITLE--></a></span><!--END BACK-->
+<!--BEGIN NEXT--><span class="next-post"><a href="/blog/<!--NEXT.CODED-->/"><!--NEXT.TITLE--></a> &raquo;</span><!--END NEXT-->
 <!--END INTERNAL-->
 
+<script type="text/javascript">
+
+function ratePost(id, dir)
+{
+	jQuery("#post-"+id+" .post-rating-up").addClass("post-action-done").html("&lt;img src='/theme/images/icons/thumb_up.png' alt='+1' /&gt;");
+	jQuery("#post-"+id+" .post-rating-down").addClass("post-action-done").html("&lt;img src='/theme/images/icons/thumb_down.png' alt='-1' /&gt;");
+	jQuery("#flash").text("Processing....").slideDown();
+	jQuery.ajax({
+		type: "GET",
+		url: "/vote.php",
+		data: "id="+id+"&amp;dir="+dir,
+		dataType: "text",
+		success: function(msg) {
+			if (msg != "")
+			{
+				jQuery("#post-"+id+" .post-rating").text(msg);
+				jQuery("#flash").text("Your vote has been sucessfully placed.");
+			} else {
+				jQuery("#flash").text("There was an error in placing your vote.");
+			}
+		},
+		error: function() {
+			jQuery("#flash").text("There was an error in placing your vote.");
+		}
+	});
+}
+
+</script>
+
 <!--BEGIN POST-->
-<DIV CLASS="post vevent" ID="post-<!--POST.ID-->">
-	<DIV CLASS="post-date-<!--POST.YEARID-->">
-		<ABBR CLASS="dtstart" TITLE="<!--POST.DATE-->">
-			<SPAN CLASS="post-month"><!--POST.MONTH--></SPAN>
-			<SPAN CLASS="post-day"><!--POST.DAY--></SPAN>
-		</ABBR>
-	</DIV>
+<div class="post vevent" id="post-<!--POST.ID-->">
+	<div class="post-date-<!--POST.YEARID-->">
+		<abbr class="dtstart" title="<!--POST.DATE-->">
+			<span class="post-month"><!--POST.MONTH--></span>
+			<span class="post-day"><!--POST.DAY--></span>
+		</abbr>
+	</div>
 
-	<DIV CLASS="post-title">
-		<H2>
-			<!--BEGIN EXTERNAL--><A CLASS="url" HREF="/blog/<!--POST.CODED-->/" REL="bookmark" TITLE="Permalink for <!--POST.TITLE-->"><!--END EXTERNAL-->
-			<SPAN CLASS="summary"><!--POST.TITLE--></SPAN>
-			<!--BEGIN EXTERNAL--></A><!--END EXTERNAL-->
-		</H2>
+	<div class="post-title">
+		<h2>
+			<!--BEGIN EXTERNAL-->
+			<a class="url" href="/blog/<!--POST.CODED-->/" rel="bookmark" title="Permalink for <!--POST.TITLE-->"><span class="summary"><!--POST.TITLE--></span></a>
+			<!--END EXTERNAL-->
+			<!--BEGIN INTERNAL-->
+			<span class="summary light-at-night"><!--POST.TITLE--></span>
+			<!--END INTERNAL-->
+		</h2>
 
-		<SPAN CLASS="post-cat-<!--POST.AUTHOR--> category">
-			<A HREF="/blog/author/<!--POST.AUTHOR-->.php"><!--POST.AUTHOR--></A>
-		</SPAN>
+		<span class="post-cat-<!--POST.AUTHOR--> category">
+			<a href="/blog/author/<!--POST.AUTHOR-->.php"><!--POST.AUTHOR--></a>
+		</span>
 
-		<SPAN CLASS="post-tag-3 category">
+		<span class="post-tag-3 category">
 			<!--BEGIN POST.TAGS-->
-			<A CLASS="noVisit" HREF="/blog/tag/<!--POST.TAGS.TAG-->.php" REL="tag" TITLE="<!--POST.TAGS.TAG-->"><!--POST.TAGS.TAG--></A>
+			<a class="noVisit" href="/blog/tag/<!--POST.TAGS.TAG-->.php" rel="tag" title="<!--POST.TAGS.TAG-->"><!--POST.TAGS.TAG--></a>
 			<!--END POST.TAGS-->
-		</SPAN>
+		</span>
 
 		<!--BEGIN EXTERNAL-->
-		<SPAN CLASS="post-comment<!--POST.PLURALCOMMENT-->">
-			<A CLASS="noVisit" HREF="/blog/<!--POST.CODED-->/#comments"><!--POST.COMMENTS-->&nbsp;&#187;</A>
-		</SPAN>
+		<span class="post-comment<!--POST.PLURALCOMMENT-->">
+			<a class="noVisit" href="/blog/<!--POST.CODED-->/#comments"><!--POST.COMMENTS-->&nbsp;&#187;</a>
+		</span>
 		<!--END EXTERNAL--><!--BEGIN INTERNAL-->
-		<SPAN CLASS="mini-add-comment">
-			<A CLASS="noVisit" HREF="/blog/<!--POST.CODED-->/#comments">Add Comment&nbsp;&#187;</A>
-		</SPAN>
+		<span class="mini-add-comment">
+			<a class="noVisit" href="/blog/<!--POST.CODED-->/#comments">Add Comment&nbsp;&#187;</a>
+		</span>
 		<!--END INTERNAL-->
-	</DIV>
+	</div>
 
-	<DIV CLASS="entry description">
-		<DIV CLASS="bubble">
-			<DIV CLASS="rounded">
-				<BLOCKQUOTE>
-					<DIV>
-						<!--POST.TEXT-->
+	<div class="entry description">
+		<div class="module rounded">
+			<!--POST.TEXT-->
 
-						<!--BEGIN POST.EXCERPT-->
-						<P>[....] <A HREF="/blog/<!--POST.CODED-->/">Click here to read the rest of this post</A>.</P>
-						<!--END POST.EXCERPT-->
-					</DIV>
-				</BLOCKQUOTE>
-			</DIV>
-			<CITE CLASS="rounded"><STRONG><!--POST.AUTHOR--></STRONG> on <!--POST.DATE--></CITE>
+			<!--BEGIN POST.EXCERPT-->
+			<p>[....] <a href="/blog/<!--POST.CODED-->/">Click here to read the rest of this post</a>.</p>
+			<!--END POST.EXCERPT-->
+		</div>
+			
+		<cite class="rounded light-at-night"><strong><!--POST.AUTHOR--></strong> on <!--POST.DATE--></cite>
 
-			<SPAN CLASS="post-vote">
-				<A HREF="/vote.php?id=<!--POST.ID-->&amp;dir=plus" REL="nofollow"><IMG SRC="/theme/images/icons/thumb_up.png" ALT="+1"></A>
-				<BIG><!--POST.RATING--></BIG>
-				<A HREF="/vote.php?id=<!--POST.ID-->&amp;dir=minus" REL="nofollow"><IMG SRC="/theme/images/icons/thumb_down.png" ALT="-1"></A>
-			</SPAN>
-		</DIV>
-	</DIV>
-</DIV>
+		<span class="post-vote">
+			<!--BEGIN POST.CANVOTE-->
+			<span class="post-rating-up"><a href="javascript:ratePost('<!--POST.ID-->','plus');" rel="nofollow"><img src="/theme/images/icons/thumb_up.png" alt="+1" /></a></span>
+			<!--END POST.CANVOTE-->
+			<!--BEGIN POST.NOVOTE-->
+			<span class="post-rating-up post-action-done"><img src="/theme/images/icons/thumb_up.png" alt="-1" /></span>
+			<!--END POST.NOVOTE-->
+			<span class="post-rating light-at-night"><!--POST.RATING--></span>
+			<!--BEGIN POST.CANVOTE-->
+			<span class="post-rating-down"><a href="javascript:ratePost('<!--POST.ID-->','minus');" rel="nofollow"><img src="/theme/images/icons/thumb_down.png" alt="-1" /></a></span>
+			<!--END POST.CANVOTE-->
+			<!--BEGIN POST.NOVOTE-->
+			<span class="post-rating-down post-action-done"><img src="/theme/images/icons/thumb_down.png" alt="-1" /></span>
+			<!--END POST.NOVOTE-->
+		</span>
+	</div>
+</div>
 <!--END POST-->
-- 
cgit 1.4.1