@ -16,110 +16,138 @@ require('backgrid.selectall');
require ( '../../Mixins/backbone.signalr.mixin' ) ; require ( '../../Mixins/backbone.signalr.mixin' ) ;
module . exports = Marionette . Layout . extend ( { module . exports = Marionette . Layout . extend ( {
template : 'Wanted/Missing/MissingLayoutTemplate' ,
template : 'Wanted/Missing/MissingLayoutTemplate' ,
regions : {
regions : {
missing : '#x-missing' ,
missing : '#x-missing' ,
toolbar : '#x-toolbar' ,
toolbar : '#x-toolbar' ,
pager : '#x-pager'
pager : '#x-pager'
} ,
} ,
ui : { searchSelectedButton : '.btn i.icon-search' } ,
columns : [ {
ui : {
name : '' ,
searchSelectedButton : '.btn i.icon-search'
cell : 'select-row' ,
} ,
headerCell : 'select-all' ,
sortable : false
columns : [
} , {
{
name : 'series' ,
name : '' ,
label : 'Series Title' ,
cell : 'select-row' ,
cell : SeriesTitleCell ,
headerCell : 'select-all' ,
sortValue : 'series.sortTitle'
sortable : false
} , {
} ,
name : 'this' ,
{
label : 'Episode' ,
name : 'series' ,
cell : EpisodeNumberCell ,
label : 'Series Title' ,
sortable : false
cell : SeriesTitleCell ,
} , {
sortValue : 'series.sortTitle'
name : 'this' ,
} ,
label : 'Episode Title' ,
{
cell : EpisodeTitleCell ,
name : 'this' ,
sortable : false
label : 'Episode' ,
} , {
cell : EpisodeNumberCell ,
name : 'airDateUtc' ,
sortable : false
label : 'Air Date' ,
} ,
cell : RelativeDateCell
{
} , {
name : 'this' ,
name : 'status' ,
label : 'Episode Title' ,
label : 'Status' ,
cell : EpisodeTitleCell ,
cell : EpisodeStatusCell ,
sortable : false
sortable : false
} ,
} ] ,
{
initialize : function ( ) {
name : 'airDateUtc' ,
this . collection = new MissingCollection ( ) . bindSignalR ( { updateOnly : true } ) ;
label : 'Air Date' ,
cell : RelativeDateCell
} ,
{
name : 'status' ,
label : 'Status' ,
cell : EpisodeStatusCell ,
sortable : false
}
] ,
initialize : function ( ) {
this . collection = new MissingCollection ( ) . bindSignalR ( { updateOnly : true } ) ;
this . listenTo ( this . collection , 'sync' , this . _showTable ) ;
this . listenTo ( this . collection , 'sync' , this . _showTable ) ;
} ,
} ,
onShow : function ( ) {
onShow : function ( ) {
this . missing . show ( new LoadingView ( ) ) ;
this . missing . show ( new LoadingView ( ) ) ;
this . _showToolbar ( ) ;
this . _showToolbar ( ) ;
this . collection . fetch ( ) ;
this . collection . fetch ( ) ;
} ,
} ,
_showTable : function ( ) {
_showTable : function ( ) {
this . missingGrid = new Backgrid . Grid ( {
this . missingGrid = new Backgrid . Grid ( {
columns : this . columns ,
columns : this . columns ,
collection : this . collection ,
collection : this . collection ,
className : 'table table-hover'
className : 'table table-hover'
} ) ;
} ) ;
this . missing . show ( this . missingGrid ) ;
this . missing . show ( this . missingGrid ) ;
this . pager . show ( new GridPager ( {
this . pager . show ( new GridPager ( {
columns : this . columns ,
columns : this . columns ,
collection : this . collection
collection : this . collection
} ) ) ;
} ) ) ;
} ,
} ,
_showToolbar : function ( ) {
_showToolbar : function ( ) {
var leftSideButtons = {
var leftSideButtons = {
type : 'default' ,
type : 'default' ,
storeState : false ,
storeState : false ,
collapse : true ,
collapse : true ,
items : [ {
items : [
title : 'Search Selected' ,
{
icon : 'icon-search' ,
title : 'Search Selected' ,
callback : this . _searchSelected ,
icon : 'icon-search' ,
ownerContext : this ,
callback : this . _searchSelected ,
className : 'x-search-selected'
ownerContext : this ,
} , {
className : 'x-search-selected'
title : 'Search All Missing' ,
} ,
icon : 'icon-search' ,
{
callback : this . _searchMissing ,
title : 'Search All Missing' ,
ownerContext : this ,
icon : 'icon-search' ,
className : 'x-search-missing'
callback : this . _searchMissing ,
} , {
ownerContext : this ,
title : 'Season Pass' ,
className : 'x-search-missing'
icon : 'icon-bookmark' ,
} ,
route : 'seasonpass'
{
} , {
title : 'Season Pass' ,
title : 'Rescan Drone Factory Folder' ,
icon : 'icon-bookmark' ,
icon : 'icon-refresh' ,
route : 'seasonpass'
command : 'downloadedepisodesscan' ,
} ,
properties : { sendUpdates : true }
{
} ]
title : 'Rescan Drone Factory Folder' ,
icon : 'icon-refresh' ,
command : 'downloadedepisodesscan' ,
properties : { sendUpdates : true }
}
]
} ;
} ;
var filterOptions = {
var filterOptions = {
type : 'radio' ,
type : 'radio' ,
storeState : false ,
storeState : false ,
menuKey : 'wanted.filterMode' ,
menuKey : 'wanted.filterMode' ,
defaultAction : 'monitored' ,
defaultAction : 'monitored' ,
items : [ {
items : [
key : 'monitored' ,
{
title : '' ,
key : 'monitored' ,
tooltip : 'Monitored Only' ,
title : '' ,
icon : 'icon-nd-monitored' ,
tooltip : 'Monitored Only' ,
callback : this . _setFilter
icon : 'icon-nd-monitored' ,
} , {
callback : this . _setFilter
key : 'unmonitored' ,
} ,
title : '' ,
{
tooltip : 'Unmonitored Only' ,
key : 'unmonitored' ,
icon : 'icon-nd-unmonitored' ,
title : '' ,
callback : this . _setFilter
tooltip : 'Unmonitored Only' ,
} ]
icon : 'icon-nd-unmonitored' ,
callback : this . _setFilter
}
]
} ;
} ;
this . toolbar . show ( new ToolbarLayout ( {
this . toolbar . show ( new ToolbarLayout ( {
left : [ leftSideButtons ] ,
left : [ leftSideButtons ] ,
@ -128,24 +156,24 @@ module.exports = Marionette.Layout.extend({
} ) ) ;
} ) ) ;
CommandController . bindToCommand ( {
CommandController . bindToCommand ( {
element : this . $ ( '.x-search-selected' ) ,
element : this . $ ( '.x-search-selected' ) ,
command : { name : 'episodeSearch' }
command : { name : 'episodeSearch' }
} ) ;
} ) ;
CommandController . bindToCommand ( {
CommandController . bindToCommand ( {
element : this . $ ( '.x-search-missing' ) ,
element : this . $ ( '.x-search-missing' ) ,
command : { name : 'missingEpisodeSearch' }
command : { name : 'missingEpisodeSearch' }
} ) ;
} ) ;
} ,
} ,
_setFilter : function ( buttonContext ) {
_setFilter : function ( buttonContext ) {
var mode = buttonContext . model . get ( 'key' ) ;
var mode = buttonContext . model . get ( 'key' ) ;
this . collection . state . currentPage = 1 ;
this . collection . state . currentPage = 1 ;
var promise = this . collection . setFilterMode ( mode ) ;
var promise = this . collection . setFilterMode ( mode ) ;
if ( buttonContext ) {
if ( buttonContext ) {
buttonContext . ui . icon . spinForPromise ( promise ) ;
buttonContext . ui . icon . spinForPromise ( promise ) ;
}
}
} ,
} ,
_searchSelected : function ( ) {
_searchSelected : function ( ) {
var selected = this . missingGrid . getSelectedModels ( ) ;
var selected = this . missingGrid . getSelectedModels ( ) ;
if ( selected . length === 0 ) {
if ( selected . length === 0 ) {
Messenger . show ( {
Messenger . show ( {
type : 'error' ,
type : 'error' ,
message : 'No episodes selected'
message : 'No episodes selected'
@ -158,9 +186,10 @@ module.exports = Marionette.Layout.extend({
episodeIds : ids
episodeIds : ids
} ) ;
} ) ;
} ,
} ,
_searchMissing : function ( ) {
_searchMissing : function ( ) {
if ( window . confirm ( 'Are you sure you want to search for {0} missing episodes? ' . format ( this . collection . state . totalRecords ) + 'One API request to each indexer will be used for each episode. ' + 'This cannot be stopped once started.' ) ) {
if ( window . confirm ( 'Are you sure you want to search for {0} missing episodes? ' . format ( this . collection . state . totalRecords ) +
CommandController . Execute ( 'missingEpisodeSearch' , { name : 'missingEpisodeSearch' } ) ;
'One API request to each indexer will be used for each episode. ' + 'This cannot be stopped once started.' ) ) {
CommandController . Execute ( 'missingEpisodeSearch' , { name : 'missingEpisodeSearch' } ) ;
}
}
}
}
} ) ; } ) ;
Taloth Saldono
9 years ago