From 6bb918d025349b34341eb046b8a0d72dc51ce168 Mon Sep 17 00:00:00 2001
From: Mark McDowall <markus.mcd5@gmail.com>
Date: Sat, 23 Aug 2014 13:05:13 -0700
Subject: [PATCH] New: Unaired premieres on calendar are displayed in light
 blue

---
 src/UI/Calendar/CalendarLayoutTemplate.html | 2 +-
 src/UI/Calendar/CalendarView.js             | 2 +-
 src/UI/Calendar/calendar.less               | 9 +++++++++
 src/UI/Handlebars/Helpers/Episode.js        | 2 +-
 4 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/UI/Calendar/CalendarLayoutTemplate.html b/src/UI/Calendar/CalendarLayoutTemplate.html
index b99b0fe90..ef008eee0 100644
--- a/src/UI/Calendar/CalendarLayoutTemplate.html
+++ b/src/UI/Calendar/CalendarLayoutTemplate.html
@@ -14,7 +14,7 @@
         <div id="x-calendar" class="calendar"/>
         <div class="legend calendar">
             <ul class='legend-labels'>
-                <li><span class="pink" title="Premiere episode hasn't aired yet"></span>Unaired Premiere</li>
+                <li><span class="premiere" title="Premiere episode hasn't aired yet"></span>Unaired Premiere</li>
                 <li><span class="primary" title="Episode hasn't aired yet"></span>Unaired</li>
                 <li><span class="warning" title="Episode is currently airing"></span>On Air</li>
                 <li><span class="purple" title="Episode is currently downloading"></span>Downloading</li>
diff --git a/src/UI/Calendar/CalendarView.js b/src/UI/Calendar/CalendarView.js
index 221ef4085..d17d78a40 100644
--- a/src/UI/Calendar/CalendarView.js
+++ b/src/UI/Calendar/CalendarView.js
@@ -166,7 +166,7 @@ define(
                 }
 
                 else if (element.get('episodeNumber') === 1) {
-                    statusLevel = 'pink';
+                    statusLevel = 'premiere';
                 }
 
                 if (end.isBefore(currentTime.startOf('day'))) {
diff --git a/src/UI/Calendar/calendar.less b/src/UI/Calendar/calendar.less
index 389248a3c..32a1c8955 100644
--- a/src/UI/Calendar/calendar.less
+++ b/src/UI/Calendar/calendar.less
@@ -115,6 +115,10 @@
     border-color : @nzbdronePink;
   }
 
+  .premiere {
+    border-color : @droneTeal;
+  }
+
   .episode-title {
     .btn-link;
     .text-overflow;
@@ -176,6 +180,11 @@
     background-color : @nzbdronePink;
   }
 
+  .premiere {
+    border-color     : @droneTeal;
+    background-color : @droneTeal;
+  }
+
   .chart {
     margin-top  : 2px;
     margin-right: 2px;
diff --git a/src/UI/Handlebars/Helpers/Episode.js b/src/UI/Handlebars/Helpers/Episode.js
index 97c67f9bc..a62df8fc9 100644
--- a/src/UI/Handlebars/Helpers/Episode.js
+++ b/src/UI/Handlebars/Helpers/Episode.js
@@ -38,7 +38,7 @@ define(
             }
 
             if (this.episodeNumber === 1) {
-                return 'pink';
+                return 'premiere';
             }
 
             if (currentTime.isAfter(start) && currentTime.isBefore(end)) {