Removed delete button from series lists, added refresh button

New: Refresh button on series lists (replaces delete)
New: Show series title on poster on hover
This commit is contained in:
Mark McDowall
2014-06-18 23:46:04 -07:00
parent 420e6ee533
commit 6c9ea60382
7 changed files with 106 additions and 55 deletions
@@ -3,37 +3,25 @@
define(
[
'vent',
'marionette'
], function (vent, Marionette) {
'marionette',
'Series/Index/SeriesIndexItemView'
], function (vent, Marionette, SeriesIndexItemView) {
return Marionette.ItemView.extend({
return SeriesIndexItemView.extend({
tagName : 'li',
template: 'Series/Index/Posters/SeriesPostersItemViewTemplate',
initialize: function () {
this.events['mouseenter .x-series-poster'] = 'posterHoverAction';
this.events['mouseleave .x-series-poster'] = 'posterHoverAction';
ui: {
'progressbar': '.progress .bar',
'controls' : '.series-controls'
},
events: {
'click .x-edit' : 'editSeries',
'click .x-remove' : 'removeSeries',
'mouseenter .x-series-poster': 'posterHoverAction',
'mouseleave .x-series-poster': 'posterHoverAction'
},
editSeries: function () {
vent.trigger(vent.Commands.EditSeriesCommand, {series:this.model});
},
removeSeries: function () {
vent.trigger(vent.Commands.DeleteSeriesCommand, {series:this.model});
this.ui.controls = '.x-series-controls';
this.ui.title = '.x-title';
},
posterHoverAction: function () {
this.ui.controls.slideToggle();
this.ui.title.slideToggle();
}
});
});
@@ -1,9 +1,9 @@
<div class="series-posters-item">
<div class="center">
<div class="series-poster-container x-series-poster">
<div class="series-controls">
<div class="series-controls x-series-controls">
<i class="icon-refresh x-refresh" title="Refresh Series"/>
<i class="icon-nd-edit x-edit" title="Edit Series"/>
<i class="icon-remove x-remove" title="Delete Series"/>
</div>
{{#unless_eq status compare="continuing"}}
<div class="ended-banner">Ended</div>
@@ -12,6 +12,9 @@
<img class="series-poster" src="{{poster}}" {{defaultImg}}>
<div class="center title">{{title}}</div>
</a>
<div class="hidden-title x-title">
{{title}}
</div>
</div>
</div>