Controls slide down for series poster

This commit is contained in:
Mark McDowall 2013-04-25 11:58:38 -07:00
commit bafb742141
5 changed files with 460 additions and 13 deletions

View file

@ -2,7 +2,13 @@
<div class="row">
<div class="span2">
<div class="center">
<div class="series-poster-container">
<div class="series-poster-container x-series-poster">
<div class="series-controls">
<!--<div class="pull-right">-->
<i class="icon-cog x-edit" title="Edit Series"></i>
<i class="icon-remove x-remove" title="Delete Series"></i>
<!--</div>-->
</div>
{{#unless isContinuing}}
<div class="ended-banner">Ended</div>
{{/unless}}

View file

@ -16,12 +16,15 @@ define([
ui: {
'progressbar': '.progress .bar',
'airDate': '.air-date'
'airDate': '.air-date',
'controls': '.series-controls'
},
events: {
'click .x-edit' : 'editSeries',
'click .x-remove': 'removeSeries'
'click .x-remove': 'removeSeries',
'mouseenter .x-series-poster': 'posterHoverAction',
'mouseleave .x-series-poster': 'posterHoverAction'
},
initialize: function (options) {
@ -45,6 +48,10 @@ define([
NzbDrone.vent.trigger(NzbDrone.Events.OpenModalDialog, {
view: view
});
},
posterHoverAction: function () {
this.ui.controls.slideToggle();
}
});
});