New: Unaired premieres on calendar are displayed in pink

This commit is contained in:
Mark McDowall 2014-08-23 10:43:25 -07:00
parent 1a2cc0a3d1
commit 2d09fdba15
5 changed files with 23 additions and 4 deletions

View File

@ -14,6 +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="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>

View File

@ -165,6 +165,10 @@ define(
statusLevel = 'danger';
}
else if (element.get('episodeNumber') === 1) {
statusLevel = 'pink';
}
if (end.isBefore(currentTime.startOf('day'))) {
statusLevel += ' past';
}

View File

@ -111,6 +111,10 @@
border-color : @nzbdronePurple;
}
.pink {
border-color : @nzbdronePink;
}
.episode-title {
.btn-link;
.text-overflow;
@ -167,6 +171,11 @@
background-color : @nzbdronePurple;
}
.pink {
border-color : @nzbdronePink;
background-color : @nzbdronePink;
}
.chart {
margin-top : 2px;
margin-right: 2px;

View File

@ -1,7 +1,8 @@
@nzbdroneRed: #c4273c;
@purple: #7a43b6;
@nzbdronePurple: #7932ea;
@droneTeal: #35c5f4;
@nzbdroneRed : #c4273c;
@purple : #7a43b6;
@nzbdronePurple : #7932ea;
@nzbdronePink : #F43565;
@droneTeal : #35c5f4;
@screen-tn-max: @screen-xs-min - 1;
@tn: ~'(max-width: @{screen-tn-max})';

View File

@ -37,6 +37,10 @@ define(
return 'purple';
}
if (this.episodeNumber === 1) {
return 'pink';
}
if (currentTime.isAfter(start) && currentTime.isBefore(end)) {
return 'warning';
}