From b8a653901c0b3f1f8f651d9555b073243067eff1 Mon Sep 17 00:00:00 2001
From: aaronkuchma <ak_suds@hotmail.com>
Date: Tue, 7 Oct 2014 00:07:07 -0400
Subject: [PATCH] Added a "flip" search order option to new GUI

HTML/CSS might need to be cleaned up (I hate CSS more than python), but
sorting/flipping is working on my machine.
---
 gui/slick/interfaces/default/home.tmpl | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/gui/slick/interfaces/default/home.tmpl b/gui/slick/interfaces/default/home.tmpl
index 772a820e..bb6d304f 100644
--- a/gui/slick/interfaces/default/home.tmpl
+++ b/gui/slick/interfaces/default/home.tmpl
@@ -109,6 +109,13 @@
 	});
 });
 
+sortFlipper = true;
+function invertSort(){
+    sortFlipper = !sortFlipper;
+    \$('#container').isotope({sortAscending: sortFlipper});
+    \$('#container-anime').isotope({sortAscending: sortFlipper});
+}
+
 <!--
 
 \$.tablesorter.addParser({
@@ -267,13 +274,14 @@
 	</span>
 	
 	#if $layout == 'poster':
-	<ul id="sort-by" class="option-set clearfix" data-option-key="sortBy">
+	<ul id="sort-by" class="option-set" data-option-key="sortBy">
 	Sort By:
 		<li><a href="#sortBy=name" data-option-value="name">Name</a></li> &middot;
 		<li><a href="#sortBy=date" data-option-value="date">Next Episode</a></li> &middot;
 		<li><a href="#sortBy=network" data-option-value="network">Network</a></li> &middot;
-		<li><a href="#sortBy=progress" data-option-value="progress">Progress</a></li>
+		<li><a href="#sortBy=progress" data-option-value="progress">Progress</a></li> &middot;
     </ul>
+    &nbsp;<a style="display: inline-block; float: right;" class="clearfix" href="javascript:invertSort();">Flip</a>
 	#end if
 </div>