Archive-Team
/
sonarr-repo-only
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

More posters

This commit is contained in:
Mark McDowall 2013-04-23 22:53:44 -07:00
parent c9c9e081a8
commit 4878556e14
3 changed files with 65 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
UI/Mixins/spoon.js
View File

@ -21,5 +21,9 @@ function bestDateString(sourceDate) {
return date.format('{Weekday}'); return date.format('{Weekday}');
} }
if (date.isAfter(Date.create().addDays(6))) {
return date.relative().replace(' from now', '');
}
return date.format('{MM}/{dd}/{yyyy}'); return date.format('{MM}/{dd}/{yyyy}');
} }

44
UI/Series/Index/Posters/ItemTemplate.html
View File

@ -1,29 +1,33 @@
<div class="series-posters-item"> <div class="series-posters-item">
<div class="row"> <div class="row">
<div class="span2"> <div class="span2">
<a href="/series/details/{{titleSlug}}" target="_blank" class="center">
<img class="series-poster img-polaroid" src="{{poster}}">
</a>
<div class="center">{{title}}</div>
<div class="center"> <div class="center">
{{#if isContinuing}} <div class="series-poster-container">
{{#if bestDateString}} {{#unless isContinuing}}
<span class="label">{{bestDateString}}</span> <div class="ended-banner">Ended</div>
{{else}} {{/unless}}
<span class="label label-inverse">{{statusText}}</span> <a href="/series/details/{{titleSlug}}" target="_blank">
{{/if}} <img class="series-poster img-polaroid" src="{{poster}}">
<span class="label label-info">Season {{seasonCount}}</span> </a>
{{else}} </div>
<span class="label label-info">{{seasonCount}} Seasons</span>
{{/if}}
</div> </div>
<!--<div class="progress">--> <div class="center title">{{title}}</div>
<!--<span class="progressbar-back-text">{{episodeFileCount}} / {{episodeCount}}</span>-->
<!--<div class="bar" style="width:{{percentOfEpisodes}}%"><span class="progressbar-front-text">{{episodeFileCount}} / {{episodeCount}}</span></div>--> <div class="center">
<!--</div>--> <div class="labels">
{{#if isContinuing}}
{{#if bestDateString}}
<span class="label label-inverse">{{bestDateString}}</span>
{{else}}
<span class="label label-inverse">{{statusText}}</span>
{{/if}}
<span class="label label-info">Season {{seasonCount}}</span>
{{else}}
<span class="label label-info">{{seasonCount}} Seasons</span>
{{/if}}
</div>
</div>
</div> </div>
</div> </div>
</div> </div>

37
UI/Series/series.less
View File

@ -29,4 +29,41 @@
left: 22px; left: 22px;
margin-top: 5px; margin-top: 5px;
} }
.title {
font-size: 17px;
text-rendering: optimizelegibility;
}
.labels {
display: inline-block;
opacity: 0.75;
width: 138px;
.label {
margin-top: 3px;
display: block;
}
}
}
.series-poster-container {
position: relative;
overflow: hidden;
display: inline-block;
.ended-banner {
color: #EEEEEE;
background-color: #B94A48;
-moz-box-shadow: 2px 2px 20px #888;
-moz-transform: rotate(45deg);
-moz-transform-origin: 50% 50%;
-webkit-transform: rotate(45deg);
-webkit-transform-origin: 50% 50%;
position: absolute;
width: 300px;
top: 180px;
left: -120px;
text-align: center;
}
} }