Radarr/UI/Series/Index/SeriesIndexCollectionView.js

125 lines
4.5 KiB
JavaScript
Raw Normal View History

'use strict';
define(['app', 'Quality/QualityProfileCollection', 'Series/Index/SeriesItemView', 'Config'], function (app, qualityProfileCollection) {
2013-03-03 22:42:26 +00:00
NzbDrone.Series.Index.SeriesIndexCollectionView = Backbone.Marionette.CompositeView.extend({
itemView : NzbDrone.Series.Index.SeriesItemView,
itemViewContainer : '#x-series',
template : 'Series/Index/SeriesIndexTemplate',
qualityProfileCollection: qualityProfileCollection,
//emptyView: NzbDrone.Series.EmptySeriesCollectionView,
getTemplate: function(){
if (this.viewStyle === 1){
return 'Series/Index/SeriesIndexGridTemplate';
}
else {
return 'Series/Index/SeriesIndexTemplate';
}
},
ui: {
table: '.x-series-table'
},
events: {
'click .x-series-change-view': 'changeViewTemplate'
},
initialize: function () {
this.viewStyle = NzbDrone.Config.SeriesViewStyle();
this.collection = new NzbDrone.Series.SeriesCollection();
//Todo: This caused the onRendered event to be trigger twice, which displays two empty collection messages
//http://stackoverflow.com/questions/13065176/backbone-marionette-composit-view-onrender-executing-twice
this.collection.fetch();
this.qualityProfileCollection.fetch();
this.itemViewOptions = { qualityProfiles: this.qualityProfileCollection, viewStyle: this.viewStyle };
2013-02-15 23:38:53 +00:00
},
onItemRemoved: function () {
2013-02-15 23:38:53 +00:00
this.ui.table.trigger('update');
},
onCompositeCollectionRendered: function () {
2013-02-15 23:38:53 +00:00
this.ui.table.trigger('update');
if (!this.tableSorter && this.collection.length > 0) {
2013-02-17 01:16:37 +00:00
this.tableSorter = this.ui.table.tablesorter({
textExtraction: function (node) {
return node.innerHTML;
},
sortList : [
[1, 0]
],
headers : {
2013-02-17 01:16:37 +00:00
0: {
sorter: 'title'
},
1: {
sorter: 'innerHtml'
},
5: {
sorter: 'date'
},
6: {
sorter: false
},
7: {
sorter: false
}
}
});
2013-02-15 23:38:53 +00:00
2013-03-22 06:43:23 +00:00
this.applySortIcons();
2013-02-15 23:38:53 +00:00
this.ui.table.bind("sortEnd", function () {
2013-03-22 06:43:23 +00:00
this.applySortIcons();
2013-02-15 23:38:53 +00:00
});
2013-02-17 01:16:37 +00:00
}
else {
2013-02-15 23:38:53 +00:00
this.ui.table.trigger('update');
}
2013-03-22 06:43:23 +00:00
},
//Todo: Remove this from each view that requires it
applySortIcons : function () {
$(this.ui.table).find('th.tablesorter-header .tablesorter-header-inner i').each(function () {
2013-03-22 06:43:23 +00:00
$(this).remove();
});
$(this.ui.table).find('th.tablesorter-header').each(function () {
if ($(this).hasClass('tablesorter-headerDesc')) {
2013-03-22 06:43:23 +00:00
$(this).children('.tablesorter-header-inner').append('<i class="icon-sort-up pull-right">');
}
2013-03-22 06:43:23 +00:00
else if ($(this).hasClass('tablesorter-headerAsc')) {
2013-03-22 06:43:23 +00:00
$(this).children('.tablesorter-header-inner').append('<i class="icon-sort-down pull-right">');
}
2013-03-22 06:43:23 +00:00
else if (!$(this).hasClass('sorter-false')) {
2013-03-22 06:43:23 +00:00
$(this).children('.tablesorter-header-inner').append('<i class="icon-sort pull-right">');
}
2013-03-22 06:43:23 +00:00
});
},
changeViewTemplate: function(event) {
event.preventDefault();
if ($(event.currentTarget).hasClass('x-series-show-grid')) {
NzbDrone.Config.SeriesViewStyle(1);
}
else {
NzbDrone.Config.SeriesViewStyle(0);
}
this.viewStyle = NzbDrone.Config.SeriesViewStyle();
this.itemViewOptions.viewStyle = this.viewStyle;
this.render();
}
});
});
2013-03-03 22:42:26 +00:00
NzbDrone.Series.Index.EmptySeriesCollectionView = Backbone.Marionette.CompositeView.extend({
template: 'Series/Index/EmptySeriesCollectionTemplate',
tagName : 'tr'
2013-02-15 23:38:53 +00:00
});