You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Lidarr/src/UI/Series/Editor/SeriesEditorLayout.js

201 lines
7.0 KiB

'use strict';
define(
[
'vent',
'marionette',
'backgrid',
'Series/Index/EmptyView',
'Series/SeriesCollection',
'Cells/SeriesTitleCell',
'Cells/ProfileCell',
'Cells/SeriesStatusCell',
'Cells/SeasonFolderCell',
'Cells/SelectAllCell',
'Shared/Toolbar/ToolbarLayout',
'Series/Editor/SeriesEditorFooterView',
'Mixins/backbone.signalr.mixin'
], function (vent,
Marionette,
Backgrid,
EmptyView,
SeriesCollection,
SeriesTitleCell,
ProfileCell,
SeriesStatusCell,
SeasonFolderCell,
SelectAllCell,
ToolbarLayout,
FooterView) {
return Marionette.Layout.extend({
template: 'Series/Editor/SeriesEditorLayoutTemplate',
regions: {
seriesRegion: '#x-series-editor',
toolbar : '#x-toolbar'
},
ui: {
monitored : '.x-monitored',
profiles : '.x-profiles',
rootFolder : '.x-root-folder',
selectedCount : '.x-selected-count'
},
events: {
'click .x-save' : '_updateAndSave',
'change .x-root-folder': '_rootFolderChanged'
},
columns:
[
{
name : '',
cell : SelectAllCell,
headerCell : 'select-all',
sortable : false
},
{
name : 'statusWeight',
label : '',
cell : SeriesStatusCell
},
{
name : 'title',
label : 'Title',
cell : SeriesTitleCell,
cellValue : 'this'
},
{
name : 'profileId',
label : 'Profile',
cell : ProfileCell
},
{
name : 'seasonFolder',
label : 'Season Folder',
cell : SeasonFolderCell
},
{
name : 'path',
label : 'Path',
cell : 'string'
}
],
leftSideButtons: {
type : 'default',
storeState: false,
items :
[
{
title : 'Season Pass',
icon : 'icon-bookmark',
route : 'seasonpass'
},
{
title : 'Update Library',
icon : 'icon-refresh',
command : 'refreshseries',
successMessage: 'Library was updated!',
errorMessage : 'Library update failed!'
}
]
},
initialize: function () {
this.seriesCollection = SeriesCollection.clone();
this.seriesCollection.shadowCollection.bindSignalR();
this.listenTo(this.seriesCollection, 'save', this.render);
this.filteringOptions = {
type : 'radio',
storeState : true,
menuKey : 'serieseditor.filterMode',
defaultAction: 'all',
items :
[
{
key : 'all',
title : '',
tooltip : 'All',
icon : 'icon-circle-blank',
callback: this._setFilter
},
{
key : 'monitored',
title : '',
tooltip : 'Monitored Only',
icon : 'icon-nd-monitored',
callback: this._setFilter
},
{
key : 'continuing',
title : '',
tooltip : 'Continuing Only',
icon : 'icon-play',
callback: this._setFilter
},
{
key : 'ended',
title : '',
tooltip : 'Ended Only',
icon : 'icon-stop',
callback: this._setFilter
}
]
};
},
onRender: function () {
this._showToolbar();
this._showTable();
},
onClose: function () {
vent.trigger(vent.Commands.CloseControlPanelCommand);
},
_showTable: function () {
if (this.seriesCollection.shadowCollection.length === 0) {
this.seriesRegion.show(new EmptyView());
this.toolbar.close();
return;
}
this.editorGrid = new Backgrid.Grid({
collection: this.seriesCollection,
columns : this.columns,
className : 'table table-hover'
});
this.seriesRegion.show(this.editorGrid);
this._showFooter();
},
_showToolbar: function () {
this.toolbar.show(new ToolbarLayout({
left :
[
this.leftSideButtons
],
right :
[
this.filteringOptions
],
context: this
}));
},
_showFooter: function () {
vent.trigger(vent.Commands.OpenControlPanelCommand, new FooterView({ editorGrid: this.editorGrid, collection: this.seriesCollection }));
},
_setFilter: function(buttonContext) {
var mode = buttonContext.model.get('key');
this.seriesCollection.setFilterMode(mode);
}
});
});