From 20f06b4d21a5f3cb54860ab6a9ead022273bea49 Mon Sep 17 00:00:00 2001
From: JackDandy <jackdandy@users.noreply.github.com>
Date: Tue, 12 Apr 2016 16:34:28 +0100
Subject: [PATCH] Add visual indicator for upcoming or started shows on Add
 Browse Shows.

---
 CHANGES.md                                     |  1 +
 gui/slick/css/style.css                        | 18 +++++++++++++++---
 .../interfaces/default/home_browseShows.tmpl   |  4 ++++
 3 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/CHANGES.md b/CHANGES.md
index 7e18754c..88758ca8 100644
--- a/CHANGES.md
+++ b/CHANGES.md
@@ -53,6 +53,7 @@
 * Use timezones to check unaired status during show update/adding
 * Fix syntax error causing renamer to error out
 * Change storing metadata nfo vars from int to strings to resolve lxml type exceptions that don't occur with etree
+* Add visual indicator for upcoming or started shows on Add Browse Shows
 
 
 ### 0.11.11 (2016-04-05 19:20:00 UTC)
diff --git a/gui/slick/css/style.css b/gui/slick/css/style.css
index 3334b550..72de3c5d 100644
--- a/gui/slick/css/style.css
+++ b/gui/slick/css/style.css
@@ -681,8 +681,17 @@ home.tmpl
 	width:100%
 }
 
+#browse-list .show-card .ui-progressbar{
+	height:5px !important
+}
+#browse-list .show-card .ui-corner-right{
+	border-bottom-right-radius:3px
+}
+#browse-list .show-card .ui-corner-left{
+	border-bottom-right-radius:3px
+}
 #show-list .show-card .ui-progressbar{
-	height:8px !important;
+	height:8px !important
 }
 
 #show-list .show-card .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{
@@ -693,10 +702,12 @@ home.tmpl
 	border-bottom-left-radius:5px
 }
 
+#browse-list .show-card .ui-corner-all,
 #show-list .show-card .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{
 	border-top-right-radius:0
 }
 
+#browse-list .show-card .ui-corner-all,
 #show-list .show-card .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{
 	border-top-left-radius:0
 }
@@ -1083,13 +1094,14 @@ home_browseShows.tmpl
 }
 
 #browse-list .show-card{
-	margin:0 2px 12px;
+	margin:0 2px 17px;
 	width:188px;
 	height:341px;
 	float:left;
 	background-color:#DFDACF;
 	border:1px solid #111;
-	border-radius:6px
+	border-top-left-radius:6px;
+	border-top-right-radius:6px
 }
 
 .browse-image{
diff --git a/gui/slick/interfaces/default/home_browseShows.tmpl b/gui/slick/interfaces/default/home_browseShows.tmpl
index 943d6b3f..6e4ae696 100644
--- a/gui/slick/interfaces/default/home_browseShows.tmpl
+++ b/gui/slick/interfaces/default/home_browseShows.tmpl
@@ -236,6 +236,10 @@
 				</div>
 			</div>
 		</div>
+		<div class="ui-progressbar ui-widget ui-widget-content ui-corner-all">
+        #set $state = 'progress-%s0" title="%s"' % (('2', 'Upcoming'), ('8', 'Started'))[$this_show['when_past']]
+			<div style="width:102%" class="ui-progressbar-value ui-widget-header ui-corner-left ui-corner-right $state></div>
+		</div>
 	</div>
     #end for
 </div>