2013-06-22 09:24:24 +03:00
|
|
|
'use strict';
|
2013-06-25 02:41:59 +03:00
|
|
|
define(
|
|
|
|
[
|
2013-07-12 10:33:26 +03:00
|
|
|
'app',
|
2013-06-25 02:41:59 +03:00
|
|
|
'marionette',
|
|
|
|
'Series/EpisodeCollection',
|
2013-08-22 03:56:25 +03:00
|
|
|
'Series/EpisodeFileCollection',
|
2013-06-25 02:41:59 +03:00
|
|
|
'Series/SeasonCollection',
|
|
|
|
'Series/Details/SeasonCollectionView',
|
2013-08-14 02:42:16 +03:00
|
|
|
'Series/Details/InfoView',
|
2013-06-25 02:41:59 +03:00
|
|
|
'Shared/LoadingView',
|
2013-07-22 05:23:17 +03:00
|
|
|
'Shared/Actioneer',
|
2013-08-10 21:38:01 +03:00
|
|
|
'backstrech',
|
|
|
|
'Mixins/backbone.signalr.mixin'
|
2013-08-22 06:43:48 +03:00
|
|
|
], function (App,
|
|
|
|
Marionette,
|
|
|
|
EpisodeCollection,
|
|
|
|
EpisodeFileCollection,
|
|
|
|
SeasonCollection,
|
|
|
|
SeasonCollectionView,
|
|
|
|
InfoView,
|
|
|
|
LoadingView,
|
|
|
|
Actioneer) {
|
2013-06-25 02:41:59 +03:00
|
|
|
return Marionette.Layout.extend({
|
2013-06-01 22:31:39 +03:00
|
|
|
|
|
|
|
itemViewContainer: '.x-series-seasons',
|
|
|
|
template : 'Series/Details/SeriesDetailsTemplate',
|
|
|
|
|
|
|
|
regions: {
|
2013-08-14 02:42:16 +03:00
|
|
|
seasons : '#seasons',
|
|
|
|
info : '#info'
|
2013-06-01 22:31:39 +03:00
|
|
|
},
|
|
|
|
|
2013-06-07 08:15:07 +03:00
|
|
|
ui: {
|
2013-07-12 10:33:26 +03:00
|
|
|
header : '.x-header',
|
|
|
|
monitored: '.x-monitored',
|
|
|
|
edit : '.x-edit',
|
2013-07-19 08:23:04 +03:00
|
|
|
refresh : '.x-refresh',
|
2013-07-22 05:52:53 +03:00
|
|
|
rename : '.x-rename',
|
|
|
|
search : '.x-search'
|
2013-07-12 10:33:26 +03:00
|
|
|
},
|
|
|
|
|
|
|
|
events: {
|
|
|
|
'click .x-monitored': '_toggleMonitored',
|
|
|
|
'click .x-edit' : '_editSeries',
|
2013-07-19 08:23:04 +03:00
|
|
|
'click .x-refresh' : '_refreshSeries',
|
2013-07-22 05:52:53 +03:00
|
|
|
'click .x-rename' : '_renameSeries',
|
|
|
|
'click .x-search' : '_seriesSearch'
|
2013-06-07 08:15:07 +03:00
|
|
|
},
|
|
|
|
|
|
|
|
initialize: function () {
|
|
|
|
$('body').addClass('backdrop');
|
2013-07-12 10:33:26 +03:00
|
|
|
|
2013-08-07 08:37:55 +03:00
|
|
|
this.listenTo(this.model, 'sync', function () {
|
2013-08-14 02:42:16 +03:00
|
|
|
this._setMonitoredState();
|
|
|
|
this._showInfo();
|
2013-07-12 10:33:26 +03:00
|
|
|
}, this);
|
2013-07-18 18:21:21 +03:00
|
|
|
|
|
|
|
this.listenTo(App.vent, App.Events.SeriesDeleted, this._onSeriesDeleted);
|
2013-09-03 08:02:47 +03:00
|
|
|
this.listenTo(App.vent, App.Events.SeasonRenamed, this._onSeasonRenamed);
|
2013-06-07 08:15:07 +03:00
|
|
|
},
|
2013-06-01 22:31:39 +03:00
|
|
|
|
2013-06-07 08:15:07 +03:00
|
|
|
onShow: function () {
|
2013-07-17 02:54:45 +03:00
|
|
|
var fanArt = this._getFanArt();
|
|
|
|
|
|
|
|
if (fanArt) {
|
2013-08-21 22:07:28 +03:00
|
|
|
this._backstrech = $.backstretch(fanArt);
|
2013-06-14 03:39:53 +03:00
|
|
|
}
|
|
|
|
else {
|
|
|
|
$('body').removeClass('backdrop');
|
|
|
|
}
|
2013-06-07 08:15:07 +03:00
|
|
|
|
2013-08-04 22:30:04 +03:00
|
|
|
this._showSeasons();
|
2013-07-12 10:33:26 +03:00
|
|
|
this._setMonitoredState();
|
2013-08-14 02:42:16 +03:00
|
|
|
this._showInfo();
|
2013-06-01 22:31:39 +03:00
|
|
|
},
|
|
|
|
|
2013-07-17 02:54:45 +03:00
|
|
|
_getFanArt: function () {
|
|
|
|
var fanArt = _.where(this.model.get('images'), {coverType: 'fanart'});
|
|
|
|
|
2013-07-24 04:15:58 +03:00
|
|
|
if (fanArt && fanArt[0]) {
|
2013-07-17 02:54:45 +03:00
|
|
|
return fanArt[0].url;
|
|
|
|
}
|
|
|
|
|
|
|
|
return undefined;
|
|
|
|
},
|
|
|
|
|
2013-06-01 22:31:39 +03:00
|
|
|
onClose: function () {
|
2013-08-21 22:07:28 +03:00
|
|
|
|
|
|
|
if (this._backstrech) {
|
|
|
|
this._backstrech.destroy();
|
|
|
|
delete this._backstrech;
|
|
|
|
}
|
|
|
|
|
2013-06-07 08:15:07 +03:00
|
|
|
$('body').removeClass('backdrop');
|
2013-08-22 03:56:25 +03:00
|
|
|
App.reqres.removeHandler(App.Reqres.GetEpisodeFileById);
|
2013-07-12 10:33:26 +03:00
|
|
|
},
|
|
|
|
|
|
|
|
_toggleMonitored: function () {
|
|
|
|
var name = 'monitored';
|
|
|
|
this.model.set(name, !this.model.get(name), { silent: true });
|
|
|
|
|
2013-07-22 05:23:17 +03:00
|
|
|
Actioneer.SaveModel({
|
2013-08-08 10:38:14 +03:00
|
|
|
context: this,
|
|
|
|
element: this.ui.monitored,
|
|
|
|
always : this._setMonitoredState()
|
2013-07-12 10:33:26 +03:00
|
|
|
});
|
|
|
|
},
|
|
|
|
|
|
|
|
_setMonitoredState: function () {
|
|
|
|
var monitored = this.model.get('monitored');
|
|
|
|
|
2013-07-19 04:49:04 +03:00
|
|
|
this.ui.monitored.removeClass('icon-spin icon-spinner');
|
2013-07-12 10:33:26 +03:00
|
|
|
|
|
|
|
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 () {
|
2013-07-25 03:41:31 +03:00
|
|
|
App.vent.trigger(App.Commands.EditSeriesCommand, {series: this.model});
|
2013-07-12 10:33:26 +03:00
|
|
|
},
|
|
|
|
|
|
|
|
_refreshSeries: function () {
|
2013-07-22 05:23:17 +03:00
|
|
|
Actioneer.ExecuteCommand({
|
2013-07-24 04:15:58 +03:00
|
|
|
command : 'refreshSeries',
|
|
|
|
properties: {
|
|
|
|
seriesId: this.model.get('id')
|
2013-07-22 05:23:17 +03:00
|
|
|
},
|
2013-07-24 04:15:58 +03:00
|
|
|
element : this.ui.refresh,
|
2013-08-04 22:30:04 +03:00
|
|
|
leaveIcon : true,
|
2013-08-21 22:07:28 +03:00
|
|
|
context : this,
|
|
|
|
onSuccess : this._showSeasons
|
2013-07-12 10:33:26 +03:00
|
|
|
});
|
2013-07-18 18:21:21 +03:00
|
|
|
},
|
|
|
|
|
|
|
|
_onSeriesDeleted: function (event) {
|
|
|
|
|
|
|
|
if (this.model.get('id') === event.series.get('id')) {
|
|
|
|
App.Router.navigate('/', { trigger: true });
|
|
|
|
}
|
2013-07-19 08:23:04 +03:00
|
|
|
},
|
|
|
|
|
|
|
|
_renameSeries: function () {
|
2013-07-22 05:23:17 +03:00
|
|
|
Actioneer.ExecuteCommand({
|
|
|
|
command : 'renameSeries',
|
|
|
|
properties : {
|
2013-07-24 04:15:58 +03:00
|
|
|
seriesId: this.model.get('id')
|
2013-07-22 05:23:17 +03:00
|
|
|
},
|
2013-08-31 06:08:19 +03:00
|
|
|
element : this.ui.rename,
|
|
|
|
context : this,
|
|
|
|
onSuccess : this._refetchEpisodeFiles,
|
|
|
|
errorMessage: 'Series search failed'
|
2013-07-19 08:23:04 +03:00
|
|
|
});
|
2013-07-22 05:52:53 +03:00
|
|
|
},
|
|
|
|
|
|
|
|
_seriesSearch: function () {
|
|
|
|
Actioneer.ExecuteCommand({
|
|
|
|
command : 'seriesSearch',
|
|
|
|
properties : {
|
2013-07-24 04:15:58 +03:00
|
|
|
seriesId: this.model.get('id')
|
2013-07-22 05:52:53 +03:00
|
|
|
},
|
|
|
|
element : this.ui.search,
|
2013-08-31 06:08:19 +03:00
|
|
|
errorMessage: 'Series search failed',
|
2013-07-22 05:52:53 +03:00
|
|
|
startMessage: 'Search for {0} started'.format(this.model.get('title'))
|
|
|
|
});
|
2013-08-04 22:30:04 +03:00
|
|
|
},
|
|
|
|
|
|
|
|
_showSeasons: function () {
|
|
|
|
var self = this;
|
|
|
|
|
|
|
|
this.seasons.show(new LoadingView());
|
|
|
|
|
|
|
|
this.seasonCollection = new SeasonCollection();
|
2013-08-10 21:38:01 +03:00
|
|
|
this.episodeCollection = new EpisodeCollection({ seriesId: this.model.id });
|
2013-08-22 03:56:25 +03:00
|
|
|
this.episodeFileCollection = new EpisodeFileCollection({ seriesId: this.model.id });
|
2013-08-04 22:30:04 +03:00
|
|
|
|
2013-08-22 03:56:25 +03:00
|
|
|
$.when(this.episodeCollection.fetch(), this.episodeFileCollection.fetch(), this.seasonCollection.fetch({data: { seriesId: this.model.id }})).done(function () {
|
2013-08-10 21:38:01 +03:00
|
|
|
var seasonCollectionView = new SeasonCollectionView({
|
2013-08-04 22:30:04 +03:00
|
|
|
collection : self.seasonCollection,
|
|
|
|
episodeCollection: self.episodeCollection,
|
|
|
|
series : self.model
|
2013-08-10 21:38:01 +03:00
|
|
|
});
|
|
|
|
|
2013-08-22 03:56:25 +03:00
|
|
|
App.reqres.setHandler(App.Reqres.GetEpisodeFileById, function(episodeFileId){
|
|
|
|
return self.episodeFileCollection.get(episodeFileId);
|
|
|
|
});
|
|
|
|
|
2013-08-21 22:07:28 +03:00
|
|
|
/* self.episodeCollection.bindSignalR({
|
2013-08-10 21:38:01 +03:00
|
|
|
onReceived: seasonCollectionView.onEpisodeGrabbed,
|
|
|
|
context : seasonCollectionView
|
2013-08-21 22:07:28 +03:00
|
|
|
});*/
|
2013-08-10 21:38:01 +03:00
|
|
|
|
|
|
|
self.seasons.show(seasonCollectionView);
|
2013-08-04 22:30:04 +03:00
|
|
|
});
|
2013-08-14 02:42:16 +03:00
|
|
|
},
|
|
|
|
|
|
|
|
_showInfo: function () {
|
|
|
|
this.info.show(new InfoView({ model: this.model }));
|
2013-08-23 08:37:37 +03:00
|
|
|
},
|
|
|
|
|
|
|
|
_refetchEpisodeFiles: function () {
|
|
|
|
this.episodeFileCollection.fetch();
|
2013-09-03 08:02:47 +03:00
|
|
|
},
|
|
|
|
|
|
|
|
_onSeasonRenamed: function(event) {
|
|
|
|
if (this.model.get('id') === event.series.get('id')) {
|
|
|
|
this._refetchEpisodeFiles();
|
|
|
|
}
|
2013-06-01 22:31:39 +03:00
|
|
|
}
|
|
|
|
});
|
2013-06-25 02:41:59 +03:00
|
|
|
});
|