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/quotes/add.tpl         | 22 +++++------
 theme/quotes/browse.tpl      | 92 ++++++++++++++++++++++++++++++++++++++------
 theme/quotes/pagenumbers.tpl | 24 ++++++------
 theme/quotes/search.tpl      | 34 ++++++++--------
 4 files changed, 120 insertions(+), 52 deletions(-)

(limited to 'theme/quotes')

diff --git a/theme/quotes/add.tpl b/theme/quotes/add.tpl
index 3ae8d3b..6c45876 100755
--- a/theme/quotes/add.tpl
+++ b/theme/quotes/add.tpl
@@ -1,16 +1,16 @@
-<DIV CLASS="cleardiv"></DIV>
+<div class="cleardiv"></div>
 
-<H1>Contribute</H1>
+<h1 class="light-at-night">Contribute</h1>
 
 <!--BEGIN SUBMITTED-->
-	<P>The quote you have submitted is:</P>
-	<P><CODE><!--SUBMITTED.QUOTE--></CODE></P>
-	<P>If this is not the quote you have entered, please contact the administrator and explain your problem. 
-	   Also, there is no need to press the submit button again. You're quote has already been sent.</P>
+	<p class="light-at-night">The quote you have submitted is:</p>
+	<p class="light-at-night"><code><!--SUBMITTED.QUOTE--></code></p>
+	<p class="light-at-night">If this is not the quote you have entered, please contact the administrator and explain your problem. 
+	   Also, there is no need to press the submit button again. You're quote has already been sent.</p>
 <!--END SUBMITTED-->
 
-<FORM ACTION="/quotes/add.php?submit=" METHOD="POST">
-	<TEXTAREA COLS="80" ROWS="5" NAME="rash_quote"></TEXTAREA><BR>
-	<INPUT TYPE="submit" VALUE="Add Quote!">
-	<INPUT TYPE="reset" VALUE="Reset">
-</FORM>
+<form action="/quotes/add.php?submit=" method="POST">
+	<textarea cols="80" rows="5" name="rash_quote"></textarea><br />
+	<input type="submit" value="Add Quote!" />
+	<input type="reset" value="Reset" />
+</form>
diff --git a/theme/quotes/browse.tpl b/theme/quotes/browse.tpl
index 8726802..d710d3f 100755
--- a/theme/quotes/browse.tpl
+++ b/theme/quotes/browse.tpl
@@ -1,24 +1,92 @@
-<DIV CLASS="cleardiv"></DIV>
+<div class="cleardiv"></div>
+
+<script type="text/javascript">
+
+function voteQuote(id, dir)
+{
+	jQuery("#quote-"+id+" .quote-rating-up").addClass("quote-action-done").text("+");
+	jQuery("#quote-"+id+" .quote-rating-down").addClass("quote-action-done").text("-");
+	jQuery("#quote-"+id+" .quote-update-result").text("Processing....");
+	jQuery.ajax({
+		type: "GET",
+		url: "/quotes/vote.php",
+		data: "id="+id+"&amp;dir="+dir,
+		dataType: "text",
+		success: function(msg) {
+			if (msg != "")
+			{
+				jQuery("#quote-"+id+" .quote-vote-count").text(msg);
+				jQuery("#quote-"+id+" .quote-update-result").text("Done");
+			} else {
+				jQuery("#quote-"+id+" .quote-update-result").text("Error");
+			}
+		},
+		error: function() {
+			jQuery("#quote-"+id+" .quote-update-result").text("Error");
+		}
+	});
+}
+
+function flagQuote(id)
+{
+	jQuery("#quote-"+id+" .quote-report").addClass("quote-action-done").text("[X]");
+	jQuery("#quote-"+id+" .quote-update-result").text("Processing....");
+	jQuery.ajax({
+		type: "GET",
+		url: "/quotes/flag.php",
+		data: "id="+id,
+		dataType: "text",
+		success: function(msg) {
+			if (msg == "1")
+			{
+				jQuery("#quote-"+id+" .quote-update-result").text("Done");
+			} else {
+				jQuery("#quote-"+id+" .quote-update-result").text("Error");
+			}
+		},
+		error: function() {
+			jQuery("#quote-"+id+" .quote-update-result").text("Error");
+		}
+	});
+}
+
+</script>
 
 <!--BEGIN PAGENUMBERS-->
 <!--INCLUDE quotes/pagenumbers-->
 <!--END PAGENUMBERS-->
 
-<H2><!--ORIGIN--></H2>
+<h2 class="light-at-night"><!--ORIGIN--></h2>
 
+<ul class="quote-list">
 <!--BEGIN QUOTES-->
-<P>
-	<A HREF="/quotes/<!--QUOTES.NUMBER-->.php">#<!--QUOTES.NUMBER--></A>
-	<A HREF="/quotes/vote.php?id=<!--QUOTES.NUMBER-->&amp;dir=plus">+</A>
-	<SPAN>(<!--QUOTES.RATING-->)</SPAN>
-	<A HREF="/quotes/vote.php?id=<!--QUOTES.NUMBER-->&amp;dir=minus">-</A>
-	<A HREF="/quotes/flag.php?id=<!--QUOTES.NUMBER-->">[X]</A>
-
-	<BR>
+	<li id="quote-<!--QUOTES.NUMBER-->" class="quote">
+		<h3 class="quote-header">
+			<a class="quote-permalink" href="/quotes/<!--QUOTES.NUMBER-->.php">#<!--QUOTES.NUMBER--></a>
+			<!--BEGIN QUOTES.CANVOTE-->
+			<span class="quote-rating-up"><a href="javascript:voteQuote('<!--QUOTES.NUMBER-->','plus');" rel="nofollow">+</a></span>
+			(<span class="quote-vote-count"><!--QUOTES.RATING--></span>)
+			<span class="quote-rating-down"><a href="javascript:voteQuote('<!--QUOTES.NUMBER-->','minus');" rel="nofollow">-</a></span>
+			<!--END QUOTES.CANVOTE-->
+			<!--BEGIN QUOTES.NOVOTE-->
+			<span class="quote-rating-up quote-action-done">+</span>
+			(<span class="quote-vote-count"><!--QUOTES.RATING--></span>)
+			<span class="quote-rating-down quote-action-done">-</span>
+			<!--END QUOTES.NOVOTE-->
+			<!--BEGIN QUOTES.CANFLAG-->
+			<span class="quote-report"><a href="javascript:flagQuote('<!--QUOTES.NUMBER-->');" rel="nofollow">[X]</a></span>
+			<!--END QUOTES.CANFLAG-->
+			<!--BEGIN QUOTES.NOFLAG-->
+			<span class="quote-report quote-action-done">[X]</span>
+			<!--END QUOTES.NOFLAG-->
+			<span class="quote-date"><!--QUOTES.DATE--></span>
+			<span class="quote-update-result"><!--QUOTES.COMMENTS--></span>
+		</h3>
 
-	<!--QUOTES.QUOTE-->
-</P>
+		<blockquote class="quote-body"><!--QUOTES.QUOTE--></blockquote>
+	</li>
 <!--END QUOTES-->
+</ul>
 
 <!--BEGIN PAGENUMBERS-->
 <!--INCLUDE quotes/pagenumbers-->
diff --git a/theme/quotes/pagenumbers.tpl b/theme/quotes/pagenumbers.tpl
index 56bedef..57533be 100755
--- a/theme/quotes/pagenumbers.tpl
+++ b/theme/quotes/pagenumbers.tpl
@@ -1,17 +1,17 @@
-<DIV CLASS="cleardiv"></DIV>
+<div class="cleardiv"></div>
 
-<CENTER>
-	<A HREF="/quotes/<!--LORIGIN-->.php">First</A>&nbsp;&nbsp;
-	<A HREF="/quotes/<!--LORIGIN-->.php?page=<!--MINUSTEN-->">-10</A>&nbsp;&nbsp;
-	<!--BDDD-->
+<center>
+	<a href="/quotes/<!--LORIGIN-->.php">First</a>&nbsp;&nbsp;
+	<a href="/quotes/<!--LORIGIN-->.php?page=<!--MINUSTEN-->">-10</a>&nbsp;&nbsp;
+	<span class="light-at-night"><!--BDDD--></span>
 	<!--BEGIN BPAGES-->
-	<A HREF="/quotes/<!--LORIGIN-->.php?page=<!--BPAGES.PAGENUM-->"><!--BPAGES.PAGENUM--></A>&nbsp;&nbsp;
+	<a href="/quotes/<!--LORIGIN-->.php?page=<!--BPAGES.PAGENUM-->"><!--BPAGES.PAGENUM--></a>&nbsp;&nbsp;
 	<!--END BPAGES-->
-	<!--CURPAGE-->&nbsp;&nbsp;
+	<span class="light-at-night"><!--CURPAGE--></span>&nbsp;&nbsp;
 	<!--BEGIN APAGES-->
-	<A HREF="/quotes/<!--LORIGIN-->.php?page=<!--APAGES.PAGENUM-->"><!--APAGES.PAGENUM--></A>&nbsp;&nbsp;
+	<a href="/quotes/<!--LORIGIN-->.php?page=<!--APAGES.PAGENUM-->"><!--APAGES.PAGENUM--></a>&nbsp;&nbsp;
 	<!--END APAGES-->
-	<!--ADDD-->
-	<A HREF="/quotes/<!--LORIGIN-->.php?page=<!--PLUSTEN-->">+10</A>&nbsp;&nbsp;
-	<A HREF="/quotes/<!--LORIGIN-->.php?page=<!--LASTPAGE-->">Last</A>&nbsp;&nbsp;
-</CENTER>
+	<span class="light-at-night"><!--ADDD--></span>
+	<a href="/quotes/<!--LORIGIN-->.php?page=<!--PLUSTEN-->">+10</a>&nbsp;&nbsp;
+	<a href="/quotes/<!--LORIGIN-->.php?page=<!--LASTPAGE-->">Last</a>&nbsp;&nbsp;
+</center>
diff --git a/theme/quotes/search.tpl b/theme/quotes/search.tpl
index 60c0afc..6b123f4 100755
--- a/theme/quotes/search.tpl
+++ b/theme/quotes/search.tpl
@@ -1,19 +1,19 @@
-<DIV CLASS="cleardiv"></DIV>
+<div class="cleardiv"></div>
 
-<H1>Search</H1>
+<h1 class="light-at-night">Search</h1>
 
-<FORM METHOD="POST" ACTION="/quotes/search.php?fetch=">
-	<INPUT TYPE="text" NAME="search" SIZE="28">&nbsp;
-	<INPUT TYPE="submit" NAME="submit"><BR>
-	Sort: <SELECT NAME="sortby" SIZE="1">
-		<OPTION SELECTED>Rating</OPTION>
-		<OPTION>ID</OPTION>
-	</SELECT>&nbsp;
-	How many: <SELECT NAME="number" SIZE="1">
-		<OPTION SELECTED>10</OPTION>
-		<OPTION>25</OPTION>
-		<OPTION>50</OPTION>
-		<OPTION>75</OPTION>
-		<OPTION>100</OPTION>
-	</SELECT>
-</FORM>
+<form method="POST" action="/quotes/search.php?fetch=">
+	<input type="text" name="search" size="28" />&nbsp;
+	<input type="submit" name="submit" /><br />
+	<span class="light-at-night">Sort:</span> <select name="sortby" size="1">
+		<option selected="selected">Rating</option>
+		<option>ID</option>
+	</select>&nbsp;
+	<span class="light-at-night">How many:</span> <select name="number" size="1">
+		<option selected="selected">10</option>
+		<option>25</option>
+		<option>50</option>
+		<option>75</option>
+		<option>100</option>
+	</select>
+</form>
-- 
cgit 1.4.1