Added monitored, edit and refresh to series details

This commit is contained in:
Mark McDowall 2013-07-12 00:33:26 -07:00
commit bb42bb30aa
5 changed files with 75 additions and 10 deletions

View file

@ -1,13 +1,16 @@
'use strict';
define(
[
'app',
'marionette',
'Series/EpisodeCollection',
'Series/SeasonCollection',
'Series/Details/SeasonCollectionView',
'Series/Edit/EditSeriesView',
'Shared/LoadingView',
'Commands/CommandController',
'backstrech'
], function (Marionette, EpisodeCollection, SeasonCollection, SeasonCollectionView, LoadingView) {
], function (App, Marionette, EpisodeCollection, SeasonCollection, SeasonCollectionView, EditSeriesView, LoadingView, CommandController) {
return Marionette.Layout.extend({
itemViewContainer: '.x-series-seasons',
@ -18,11 +21,24 @@ define(
},
ui: {
header: '.x-header'
header : '.x-header',
monitored: '.x-monitored',
edit : '.x-edit',
refresh : '.x-refresh'
},
events: {
'click .x-monitored': '_toggleMonitored',
'click .x-edit' : '_editSeries',
'click .x-refresh' : '_refreshSeries'
},
initialize: function () {
$('body').addClass('backdrop');
this.model.on('sync', function () {
this._setMonitoredState()
}, this);
},
onShow: function () {
@ -47,11 +63,58 @@ define(
series : self.model
}));
});
this._setMonitoredState();
},
onClose: function () {
$('.backstretch').remove();
$('body').removeClass('backdrop');
},
_toggleMonitored: function () {
var self = this;
var name = 'monitored';
this.model.set(name, !this.model.get(name), { silent: true });
this.ui.monitored.addClass('icon-spinner icon-spin');
var promise = this.model.save();
promise.always(function (){
self._setMonitoredState();
});
},
_setMonitoredState: function () {
var monitored = this.model.get('monitored');
this.ui.monitored.removeClass('icon-spinner icon-spin');
if (this.model.get('monitored')) {
this.ui.monitored.addClass('icon-bookmark');
this.ui.monitored.removeClass('icon-bookmark-empty');
}
else {
this.ui.monitored.addClass('icon-bookmark-empty');
this.ui.monitored.removeClass('icon-bookmark');
}
},
_editSeries: function () {
var view = new EditSeriesView({ model: this.model });
App.modalRegion.show(view);
},
_refreshSeries: function () {
var self = this;
this.ui.refresh.addClass('icon-spinner icon-spin');
var promise = CommandController.Execute('refreshseries', { seriesId: this.model.get('id') });
promise.always(function () {
self.ui.refresh.removeClass('icon-spinner icon-spin');
});
}
});
});