Dean Gardiner
11 years ago
5 changed files with 2169 additions and 1 deletions
@ -0,0 +1,635 @@ |
|||
var ShowList = new Class({ |
|||
|
|||
Implements: [Events, Options], |
|||
|
|||
options: { |
|||
navigation: true, |
|||
limit: 50, |
|||
load_more: true, |
|||
loader: true, |
|||
menu: [], |
|||
add_new: false, |
|||
force_view: false |
|||
}, |
|||
|
|||
movies: [], |
|||
movies_added: {}, |
|||
total_movies: 0, |
|||
letters: {}, |
|||
filter: null, |
|||
|
|||
initialize: function(options){ |
|||
var self = this; |
|||
self.setOptions(options); |
|||
|
|||
self.offset = 0; |
|||
self.filter = self.options.filter || { |
|||
'starts_with': null, |
|||
'search': null |
|||
}; |
|||
|
|||
self.el = new Element('div.shows').adopt( |
|||
self.title = self.options.title ? new Element('h2', { |
|||
'text': self.options.title, |
|||
'styles': {'display': 'none'} |
|||
}) : null, |
|||
self.description = self.options.description ? new Element('div.description', { |
|||
'html': self.options.description, |
|||
'styles': {'display': 'none'} |
|||
}) : null, |
|||
self.movie_list = new Element('div'), |
|||
self.load_more = self.options.load_more ? new Element('a.load_more', { |
|||
'events': { |
|||
'click': self.loadMore.bind(self) |
|||
} |
|||
}) : null |
|||
); |
|||
|
|||
if($(window).getSize().x <= 480 && !self.options.force_view) |
|||
self.changeView('list'); |
|||
else |
|||
self.changeView(self.getSavedView() || self.options.view || 'details'); |
|||
|
|||
self.getMovies(); |
|||
|
|||
App.on('movie.added', self.movieAdded.bind(self)); |
|||
App.on('movie.deleted', self.movieDeleted.bind(self)) |
|||
}, |
|||
|
|||
movieDeleted: function(notification){ |
|||
var self = this; |
|||
|
|||
if(self.movies_added[notification.data._id]){ |
|||
self.movies.each(function(movie){ |
|||
if(movie.get('_id') == notification.data._id){ |
|||
movie.destroy(); |
|||
delete self.movies_added[notification.data._id]; |
|||
self.setCounter(self.counter_count-1); |
|||
self.total_movies--; |
|||
} |
|||
}) |
|||
} |
|||
|
|||
self.checkIfEmpty(); |
|||
}, |
|||
|
|||
movieAdded: function(notification){ |
|||
var self = this; |
|||
|
|||
self.fireEvent('movieAdded', notification); |
|||
if(self.options.add_new && !self.movies_added[notification.data._id] && notification.data.status == self.options.status){ |
|||
window.scroll(0,0); |
|||
self.createMovie(notification.data, 'top'); |
|||
self.setCounter(self.counter_count+1); |
|||
|
|||
self.checkIfEmpty(); |
|||
} |
|||
}, |
|||
|
|||
create: function(){ |
|||
var self = this; |
|||
|
|||
// Create the alphabet nav
|
|||
if(self.options.navigation) |
|||
self.createNavigation(); |
|||
|
|||
if(self.options.load_more) |
|||
self.scrollspy = new ScrollSpy({ |
|||
min: function(){ |
|||
var c = self.load_more.getCoordinates(); |
|||
return c.top - window.document.getSize().y - 300 |
|||
}, |
|||
onEnter: self.loadMore.bind(self) |
|||
}); |
|||
|
|||
self.created = true; |
|||
}, |
|||
|
|||
addMovies: function(movies, total){ |
|||
var self = this; |
|||
|
|||
if(!self.created) self.create(); |
|||
|
|||
// do scrollspy
|
|||
if(movies.length < self.options.limit && self.scrollspy){ |
|||
self.load_more.hide(); |
|||
self.scrollspy.stop(); |
|||
} |
|||
|
|||
Object.each(movies, function(movie){ |
|||
self.createMovie(movie); |
|||
}); |
|||
|
|||
self.total_movies += total; |
|||
self.setCounter(total); |
|||
|
|||
}, |
|||
|
|||
setCounter: function(count){ |
|||
var self = this; |
|||
|
|||
if(!self.navigation_counter) return; |
|||
|
|||
self.counter_count = count; |
|||
self.navigation_counter.set('text', (count || 0) + ' movies'); |
|||
|
|||
if (self.empty_message) { |
|||
self.empty_message.destroy(); |
|||
self.empty_message = null; |
|||
} |
|||
|
|||
if(self.total_movies && count == 0 && !self.empty_message){ |
|||
var message = (self.filter.search ? 'for "'+self.filter.search+'"' : '') + |
|||
(self.filter.starts_with ? ' in <strong>'+self.filter.starts_with+'</strong>' : ''); |
|||
|
|||
self.empty_message = new Element('.message', { |
|||
'html': 'No movies found ' + message + '.<br/>' |
|||
}).grab( |
|||
new Element('a', { |
|||
'text': 'Reset filter', |
|||
'events': { |
|||
'click': function(){ |
|||
self.filter = { |
|||
'starts_with': null, |
|||
'search': null |
|||
}; |
|||
self.navigation_search_input.set('value', ''); |
|||
self.reset(); |
|||
self.activateLetter(); |
|||
self.getMovies(true); |
|||
self.last_search_value = ''; |
|||
} |
|||
} |
|||
}) |
|||
).inject(self.movie_list); |
|||
|
|||
} |
|||
|
|||
}, |
|||
|
|||
createMovie: function(movie, inject_at){ |
|||
var self = this; |
|||
var m = new Show(self, { |
|||
'actions': self.options.actions, |
|||
'view': self.current_view, |
|||
'onSelect': self.calculateSelected.bind(self) |
|||
}, movie); |
|||
|
|||
$(m).inject(self.movie_list, inject_at || 'bottom'); |
|||
|
|||
m.fireEvent('injected'); |
|||
|
|||
self.movies.include(m); |
|||
self.movies_added[movie._id] = true; |
|||
}, |
|||
|
|||
createNavigation: function(){ |
|||
var self = this; |
|||
var chars = '#ABCDEFGHIJKLMNOPQRSTUVWXYZ'; |
|||
|
|||
self.el.addClass('with_navigation'); |
|||
|
|||
self.navigation = new Element('div.alph_nav').adopt( |
|||
self.mass_edit_form = new Element('div.mass_edit_form').adopt( |
|||
new Element('span.select').adopt( |
|||
self.mass_edit_select = new Element('input[type=checkbox].inlay', { |
|||
'events': { |
|||
'change': self.massEditToggleAll.bind(self) |
|||
} |
|||
}), |
|||
self.mass_edit_selected = new Element('span.count', {'text': 0}), |
|||
self.mass_edit_selected_label = new Element('span', {'text': 'selected'}) |
|||
), |
|||
new Element('div.quality').adopt( |
|||
self.mass_edit_quality = new Element('select'), |
|||
new Element('a.button.orange', { |
|||
'text': 'Change quality', |
|||
'events': { |
|||
'click': self.changeQualitySelected.bind(self) |
|||
} |
|||
}) |
|||
), |
|||
new Element('div.delete').adopt( |
|||
new Element('span[text=or]'), |
|||
new Element('a.button.red', { |
|||
'text': 'Delete', |
|||
'events': { |
|||
'click': self.deleteSelected.bind(self) |
|||
} |
|||
}) |
|||
), |
|||
new Element('div.refresh').adopt( |
|||
new Element('span[text=or]'), |
|||
new Element('a.button.green', { |
|||
'text': 'Refresh', |
|||
'events': { |
|||
'click': self.refreshSelected.bind(self) |
|||
} |
|||
}) |
|||
) |
|||
), |
|||
new Element('div.menus').adopt( |
|||
self.navigation_counter = new Element('span.counter[title=Total]'), |
|||
self.filter_menu = new Block.Menu(self, { |
|||
'class': 'filter' |
|||
}), |
|||
self.navigation_actions = new Element('ul.actions', { |
|||
'events': { |
|||
'click:relay(li)': function(e, el){ |
|||
var a = 'active'; |
|||
self.navigation_actions.getElements('.'+a).removeClass(a); |
|||
self.changeView(el.get('data-view')); |
|||
this.addClass(a); |
|||
|
|||
el.inject(el.getParent(), 'top'); |
|||
el.getSiblings().hide(); |
|||
setTimeout(function(){ |
|||
el.getSiblings().setStyle('display', null); |
|||
}, 100) |
|||
} |
|||
} |
|||
}), |
|||
self.navigation_menu = new Block.Menu(self, { |
|||
'class': 'extra' |
|||
}) |
|||
) |
|||
).inject(self.el, 'top'); |
|||
|
|||
// Mass edit
|
|||
self.mass_edit_select_class = new Form.Check(self.mass_edit_select); |
|||
Quality.getActiveProfiles().each(function(profile){ |
|||
new Element('option', { |
|||
'value': profile.get('_id'), |
|||
'text': profile.get('label') |
|||
}).inject(self.mass_edit_quality) |
|||
}); |
|||
|
|||
self.filter_menu.addLink( |
|||
self.navigation_search_input = new Element('input', { |
|||
'title': 'Search through ' + self.options.identifier, |
|||
'placeholder': 'Search through ' + self.options.identifier, |
|||
'events': { |
|||
'keyup': self.search.bind(self), |
|||
'change': self.search.bind(self) |
|||
} |
|||
}) |
|||
).addClass('search'); |
|||
|
|||
var available_chars; |
|||
self.filter_menu.addEvent('open', function(){ |
|||
self.navigation_search_input.focus(); |
|||
|
|||
// Get available chars and highlight
|
|||
if(!available_chars && (self.navigation.isDisplayed() || self.navigation.isVisible())) |
|||
Api.request('media.available_chars', { |
|||
'data': Object.merge({ |
|||
'status': self.options.status |
|||
}, self.filter), |
|||
'onSuccess': function(json){ |
|||
available_chars = json.chars; |
|||
|
|||
available_chars.each(function(c){ |
|||
self.letters[c.capitalize()].addClass('available') |
|||
}) |
|||
|
|||
} |
|||
}); |
|||
}); |
|||
|
|||
self.filter_menu.addLink( |
|||
self.navigation_alpha = new Element('ul.numbers', { |
|||
'events': { |
|||
'click:relay(li.available)': function(e, el){ |
|||
self.activateLetter(el.get('data-letter')); |
|||
self.getMovies(true) |
|||
} |
|||
} |
|||
}) |
|||
); |
|||
|
|||
// Actions
|
|||
['mass_edit', 'details', 'list'].each(function(view){ |
|||
var current = self.current_view == view; |
|||
new Element('li', { |
|||
'class': 'icon2 ' + view + (current ? ' active ' : ''), |
|||
'data-view': view |
|||
}).inject(self.navigation_actions, current ? 'top' : 'bottom'); |
|||
}); |
|||
|
|||
// All
|
|||
self.letters['all'] = new Element('li.letter_all.available.active', { |
|||
'text': 'ALL' |
|||
}).inject(self.navigation_alpha); |
|||
|
|||
// Chars
|
|||
chars.split('').each(function(c){ |
|||
self.letters[c] = new Element('li', { |
|||
'text': c, |
|||
'class': 'letter_'+c, |
|||
'data-letter': c |
|||
}).inject(self.navigation_alpha); |
|||
}); |
|||
|
|||
// Add menu or hide
|
|||
if (self.options.menu.length > 0) |
|||
self.options.menu.each(function(menu_item){ |
|||
self.navigation_menu.addLink(menu_item); |
|||
}); |
|||
else |
|||
self.navigation_menu.hide(); |
|||
|
|||
}, |
|||
|
|||
calculateSelected: function(){ |
|||
var self = this; |
|||
|
|||
var selected = 0, |
|||
movies = self.movies.length; |
|||
self.movies.each(function(movie){ |
|||
selected += movie.isSelected() ? 1 : 0 |
|||
}); |
|||
|
|||
var indeterminate = selected > 0 && selected < movies, |
|||
checked = selected == movies && selected > 0; |
|||
|
|||
self.mass_edit_select.set('indeterminate', indeterminate); |
|||
|
|||
self.mass_edit_select_class[checked ? 'check' : 'uncheck'](); |
|||
self.mass_edit_select_class.element[indeterminate ? 'addClass' : 'removeClass']('indeterminate'); |
|||
|
|||
self.mass_edit_selected.set('text', selected); |
|||
}, |
|||
|
|||
deleteSelected: function(){ |
|||
var self = this, |
|||
ids = self.getSelectedMovies(), |
|||
help_msg = self.identifier == 'wanted' ? 'If you do, you won\'t be able to watch them, as they won\'t get downloaded!' : 'Your files will be safe, this will only delete the reference from the CouchPotato manage list'; |
|||
|
|||
var qObj = new Question('Are you sure you want to delete '+ids.length+' movie'+ (ids.length != 1 ? 's' : '') +'?', help_msg, [{ |
|||
'text': 'Yes, delete '+(ids.length != 1 ? 'them' : 'it'), |
|||
'class': 'delete', |
|||
'events': { |
|||
'click': function(e){ |
|||
(e).preventDefault(); |
|||
this.set('text', 'Deleting..'); |
|||
Api.request('media.delete', { |
|||
'method': 'post', |
|||
'data': { |
|||
'id': ids.join(','), |
|||
'delete_from': self.options.identifier |
|||
}, |
|||
'onSuccess': function(){ |
|||
qObj.close(); |
|||
|
|||
var erase_movies = []; |
|||
self.movies.each(function(movie){ |
|||
if (movie.isSelected()){ |
|||
$(movie).destroy(); |
|||
erase_movies.include(movie); |
|||
} |
|||
}); |
|||
|
|||
erase_movies.each(function(movie){ |
|||
self.movies.erase(movie); |
|||
movie.destroy(); |
|||
self.setCounter(self.counter_count-1); |
|||
self.total_movies--; |
|||
}); |
|||
|
|||
self.calculateSelected(); |
|||
} |
|||
}); |
|||
|
|||
} |
|||
} |
|||
}, { |
|||
'text': 'Cancel', |
|||
'cancel': true |
|||
}]); |
|||
|
|||
}, |
|||
|
|||
changeQualitySelected: function(){ |
|||
var self = this; |
|||
var ids = self.getSelectedMovies(); |
|||
|
|||
Api.request('movie.edit', { |
|||
'method': 'post', |
|||
'data': { |
|||
'id': ids.join(','), |
|||
'profile_id': self.mass_edit_quality.get('value') |
|||
}, |
|||
'onSuccess': self.search.bind(self) |
|||
}); |
|||
}, |
|||
|
|||
refreshSelected: function(){ |
|||
var self = this; |
|||
var ids = self.getSelectedMovies(); |
|||
|
|||
Api.request('media.refresh', { |
|||
'method': 'post', |
|||
'data': { |
|||
'id': ids.join(',') |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
getSelectedMovies: function(){ |
|||
var self = this; |
|||
|
|||
var ids = []; |
|||
self.movies.each(function(movie){ |
|||
if (movie.isSelected()) |
|||
ids.include(movie.get('_id')) |
|||
}); |
|||
|
|||
return ids |
|||
}, |
|||
|
|||
massEditToggleAll: function(){ |
|||
var self = this; |
|||
|
|||
var select = self.mass_edit_select.get('checked'); |
|||
|
|||
self.movies.each(function(movie){ |
|||
movie.select(select) |
|||
}); |
|||
|
|||
self.calculateSelected() |
|||
}, |
|||
|
|||
reset: function(){ |
|||
var self = this; |
|||
|
|||
self.movies = []; |
|||
if(self.mass_edit_select) |
|||
self.calculateSelected(); |
|||
if(self.navigation_alpha) |
|||
self.navigation_alpha.getElements('.active').removeClass('active'); |
|||
|
|||
self.offset = 0; |
|||
if(self.scrollspy){ |
|||
//self.load_more.show();
|
|||
self.scrollspy.start(); |
|||
} |
|||
}, |
|||
|
|||
activateLetter: function(letter){ |
|||
var self = this; |
|||
|
|||
self.reset(); |
|||
|
|||
self.letters[letter || 'all'].addClass('active'); |
|||
self.filter.starts_with = letter; |
|||
|
|||
}, |
|||
|
|||
changeView: function(new_view){ |
|||
var self = this; |
|||
|
|||
self.el |
|||
.removeClass(self.current_view+'_list') |
|||
.addClass(new_view+'_list'); |
|||
|
|||
self.current_view = new_view; |
|||
Cookie.write(self.options.identifier+'_view2', new_view, {duration: 1000}); |
|||
}, |
|||
|
|||
getSavedView: function(){ |
|||
var self = this; |
|||
return Cookie.read(self.options.identifier+'_view2'); |
|||
}, |
|||
|
|||
search: function(){ |
|||
var self = this; |
|||
|
|||
if(self.search_timer) clearTimeout(self.search_timer); |
|||
self.search_timer = (function(){ |
|||
var search_value = self.navigation_search_input.get('value'); |
|||
if (search_value == self.last_search_value) return; |
|||
|
|||
self.reset(); |
|||
|
|||
self.activateLetter(); |
|||
self.filter.search = search_value; |
|||
|
|||
self.getMovies(true); |
|||
|
|||
self.last_search_value = search_value; |
|||
|
|||
}).delay(250); |
|||
|
|||
}, |
|||
|
|||
update: function(){ |
|||
var self = this; |
|||
|
|||
self.reset(); |
|||
self.getMovies(true); |
|||
}, |
|||
|
|||
getMovies: function(reset){ |
|||
var self = this; |
|||
|
|||
if(self.scrollspy){ |
|||
self.scrollspy.stop(); |
|||
self.load_more.set('text', 'loading...'); |
|||
} |
|||
|
|||
if(self.movies.length == 0 && self.options.loader){ |
|||
|
|||
self.loader_first = new Element('div.loading').adopt( |
|||
new Element('div.message', {'text': self.options.title ? 'Loading \'' + self.options.title + '\'' : 'Loading...'}) |
|||
).inject(self.el, 'top'); |
|||
|
|||
createSpinner(self.loader_first, { |
|||
radius: 4, |
|||
length: 4, |
|||
width: 1 |
|||
}); |
|||
|
|||
self.el.setStyle('min-height', 93); |
|||
|
|||
} |
|||
|
|||
Api.request(self.options.api_call || 'media.list', { |
|||
'data': Object.merge({ |
|||
'type': self.options.type || 'movie', |
|||
'status': self.options.status, |
|||
'limit_offset': self.options.limit ? self.options.limit + ',' + self.offset : null |
|||
}, self.filter), |
|||
'onSuccess': function(json){ |
|||
|
|||
if(reset) |
|||
self.movie_list.empty(); |
|||
|
|||
if(self.loader_first){ |
|||
var lf = self.loader_first; |
|||
self.loader_first.addClass('hide'); |
|||
self.loader_first = null; |
|||
setTimeout(function(){ |
|||
lf.destroy(); |
|||
}, 20000); |
|||
self.el.setStyle('min-height', null); |
|||
} |
|||
|
|||
self.store(json.movies); |
|||
self.addMovies(json.movies, json.total || json.movies.length); |
|||
if(self.scrollspy) { |
|||
self.load_more.set('text', 'load more movies'); |
|||
self.scrollspy.start(); |
|||
} |
|||
|
|||
self.checkIfEmpty(); |
|||
self.fireEvent('loaded'); |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
loadMore: function(){ |
|||
var self = this; |
|||
if(self.offset >= self.options.limit) |
|||
self.getMovies() |
|||
}, |
|||
|
|||
store: function(movies){ |
|||
var self = this; |
|||
|
|||
self.offset += movies.length; |
|||
|
|||
}, |
|||
|
|||
checkIfEmpty: function(){ |
|||
var self = this; |
|||
|
|||
var is_empty = self.movies.length == 0 && (self.total_movies == 0 || self.total_movies === undefined); |
|||
|
|||
if(self.title) |
|||
self.title[is_empty ? 'hide' : 'show'](); |
|||
|
|||
if(self.description) |
|||
self.description.setStyle('display', [is_empty ? 'none' : '']); |
|||
|
|||
if(is_empty && self.options.on_empty_element){ |
|||
self.options.on_empty_element.inject(self.loader_first || self.title || self.movie_list, 'after'); |
|||
|
|||
if(self.navigation) |
|||
self.navigation.hide(); |
|||
|
|||
self.empty_element = self.options.on_empty_element; |
|||
} |
|||
else if(self.empty_element){ |
|||
self.empty_element.destroy(); |
|||
|
|||
if(self.navigation) |
|||
self.navigation.show(); |
|||
} |
|||
|
|||
}, |
|||
|
|||
toElement: function(){ |
|||
return this.el; |
|||
} |
|||
|
|||
}); |
|||
File diff suppressed because it is too large
@ -0,0 +1,109 @@ |
|||
var Episodes = new Class({ |
|||
initialize: function(show) { |
|||
var self = this; |
|||
|
|||
self.show = show; |
|||
}, |
|||
|
|||
open: function(){ |
|||
var self = this; |
|||
|
|||
if(!self.container){ |
|||
self.container = new Element('div.options').grab( |
|||
self.episodes_container = new Element('div.episodes.table') |
|||
); |
|||
|
|||
self.container.inject(self.show, 'top'); |
|||
|
|||
Api.request('library.tree', { |
|||
'data': { |
|||
'media_id': self.show.data._id |
|||
}, |
|||
'onComplete': function(json){ |
|||
self.data = json.result; |
|||
|
|||
self.createEpisodes(); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
self.show.slide('in', self.container); |
|||
}, |
|||
|
|||
createEpisodes: function() { |
|||
var self = this; |
|||
|
|||
self.data.seasons.sort(function(a, b) { |
|||
var an = a.info.number || 0; |
|||
var bn = b.info.number || 0; |
|||
|
|||
if(an < bn) |
|||
return -1; |
|||
|
|||
if(an > bn) |
|||
return 1; |
|||
|
|||
return 0; |
|||
}); |
|||
|
|||
self.data.seasons.each(function(season) { |
|||
season['el'] = new Element('div', { |
|||
'class': 'item head', |
|||
'id': 'season_'+season._id |
|||
}).adopt( |
|||
new Element('span.name', {'text': 'Season ' + (season.info.number || 0)}) |
|||
).inject(self.episodes_container); |
|||
|
|||
season.episodes.sort(function(a, b) { |
|||
var an = a.info.number || 0; |
|||
var bn = b.info.number || 0; |
|||
|
|||
if(an < bn) |
|||
return -1; |
|||
|
|||
if(an > bn) |
|||
return 1; |
|||
|
|||
return 0; |
|||
}); |
|||
|
|||
season.episodes.each(function(episode) { |
|||
var title = ''; |
|||
|
|||
if(episode.info.titles && episode.info.titles.length > 0) { |
|||
title = episode.info.titles[0]; |
|||
} |
|||
|
|||
episode['el'] = new Element('div', { |
|||
'class': 'item', |
|||
'id': 'episode_'+episode._id |
|||
}).adopt( |
|||
new Element('span.episode', {'text': (episode.info.number || 0)}), |
|||
new Element('span.name', {'text': title}), |
|||
new Element('span.firstaired', {'text': episode.info.firstaired}) |
|||
).inject(self.episodes_container); |
|||
|
|||
episode['el_actions'] = new Element('div.actions').inject(episode['el']); |
|||
|
|||
if(episode.identifiers && episode.identifiers.imdb) { |
|||
new Element('a.imdb.icon2', { |
|||
'title': 'Go to the IMDB page of ' + self.show.getTitle(), |
|||
'href': 'http://www.imdb.com/title/' + episode.identifiers.imdb + '/', |
|||
'target': '_blank' |
|||
}).inject(episode['el_actions']); |
|||
} |
|||
|
|||
new Element('a.refresh.icon2', { |
|||
'title': 'Refresh the episode info and do a forced search', |
|||
'events': { |
|||
'click': self.doRefresh.bind(self) |
|||
} |
|||
}).inject(episode['el_actions']); |
|||
}); |
|||
}); |
|||
}, |
|||
|
|||
doRefresh: function() { |
|||
|
|||
} |
|||
}); |
|||
@ -0,0 +1,347 @@ |
|||
var Show = new Class({ |
|||
|
|||
Extends: BlockBase, |
|||
|
|||
action: {}, |
|||
|
|||
initialize: function(list, options, data){ |
|||
var self = this; |
|||
|
|||
self.data = data; |
|||
self.view = options.view || 'details'; |
|||
self.list = list; |
|||
|
|||
self.el = new Element('div.show'); |
|||
|
|||
self.episodes = new Episodes(self); |
|||
|
|||
self.profile = Quality.getProfile(data.profile_id) || {}; |
|||
self.category = CategoryList.getCategory(data.category_id) || {}; |
|||
self.parent(self, options); |
|||
|
|||
self.addEvents(); |
|||
}, |
|||
|
|||
addEvents: function(){ |
|||
var self = this; |
|||
|
|||
self.global_events = {}; |
|||
|
|||
// Do refresh with new data
|
|||
self.global_events['movie.update'] = function(notification){ |
|||
if(self.data._id != notification.data._id) return; |
|||
|
|||
self.busy(false); |
|||
self.removeView(); |
|||
self.update.delay(2000, self, notification); |
|||
}; |
|||
App.on('movie.update', self.global_events['movie.update']); |
|||
|
|||
// Add spinner on load / search
|
|||
['media.busy', 'movie.searcher.started'].each(function(listener){ |
|||
self.global_events[listener] = function(notification){ |
|||
if(notification.data && (self.data._id == notification.data._id || (typeOf(notification.data._id) == 'array' && notification.data._id.indexOf(self.data._id) > -1))) |
|||
self.busy(true); |
|||
}; |
|||
App.on(listener, self.global_events[listener]); |
|||
}); |
|||
|
|||
// Remove spinner
|
|||
self.global_events['movie.searcher.ended'] = function(notification){ |
|||
if(notification.data && self.data._id == notification.data._id) |
|||
self.busy(false) |
|||
}; |
|||
App.on('movie.searcher.ended', self.global_events['movie.searcher.ended']); |
|||
|
|||
// Reload when releases have updated
|
|||
self.global_events['release.update_status'] = function(notification){ |
|||
var data = notification.data; |
|||
if(data && self.data._id == data.movie_id){ |
|||
|
|||
if(!self.data.releases) |
|||
self.data.releases = []; |
|||
|
|||
self.data.releases.push({'quality': data.quality, 'status': data.status}); |
|||
self.updateReleases(); |
|||
} |
|||
}; |
|||
|
|||
App.on('release.update_status', self.global_events['release.update_status']); |
|||
|
|||
}, |
|||
|
|||
destroy: function(){ |
|||
var self = this; |
|||
|
|||
self.el.destroy(); |
|||
delete self.list.movies_added[self.get('id')]; |
|||
self.list.movies.erase(self); |
|||
|
|||
self.list.checkIfEmpty(); |
|||
|
|||
// Remove events
|
|||
Object.each(self.global_events, function(handle, listener){ |
|||
App.off(listener, handle); |
|||
}); |
|||
}, |
|||
|
|||
busy: function(set_busy, timeout){ |
|||
var self = this; |
|||
|
|||
if(!set_busy){ |
|||
setTimeout(function(){ |
|||
if(self.spinner){ |
|||
self.mask.fade('out'); |
|||
setTimeout(function(){ |
|||
if(self.mask) |
|||
self.mask.destroy(); |
|||
if(self.spinner) |
|||
self.spinner.el.destroy(); |
|||
self.spinner = null; |
|||
self.mask = null; |
|||
}, timeout || 400); |
|||
} |
|||
}, timeout || 1000) |
|||
} |
|||
else if(!self.spinner) { |
|||
self.createMask(); |
|||
self.spinner = createSpinner(self.mask); |
|||
self.mask.fade('in'); |
|||
} |
|||
}, |
|||
|
|||
createMask: function(){ |
|||
var self = this; |
|||
self.mask = new Element('div.mask', { |
|||
'styles': { |
|||
'z-index': 4 |
|||
} |
|||
}).inject(self.el, 'top').fade('hide'); |
|||
}, |
|||
|
|||
update: function(notification){ |
|||
var self = this; |
|||
|
|||
self.data = notification.data; |
|||
self.el.empty(); |
|||
self.removeView(); |
|||
|
|||
self.profile = Quality.getProfile(self.data.profile_id) || {}; |
|||
self.category = CategoryList.getCategory(self.data.category_id) || {}; |
|||
self.create(); |
|||
|
|||
self.busy(false); |
|||
}, |
|||
|
|||
create: function(){ |
|||
var self = this; |
|||
|
|||
self.el.addClass('status_'+self.get('status')); |
|||
|
|||
self.el.adopt( |
|||
self.select_checkbox = new Element('input[type=checkbox].inlay', { |
|||
'events': { |
|||
'change': function(){ |
|||
self.fireEvent('select') |
|||
} |
|||
} |
|||
}), |
|||
self.thumbnail = (self.data.files && self.data.files.image_poster) ? new Element('img', { |
|||
'class': 'type_image poster', |
|||
'src': Api.createUrl('file.cache') + self.data.files.image_poster[0].split(Api.getOption('path_sep')).pop() |
|||
}): null, |
|||
self.data_container = new Element('div.data.inlay.light').adopt( |
|||
self.info_container = new Element('div.info').adopt( |
|||
new Element('div.title').adopt( |
|||
self.title = new Element('a', { |
|||
'events': { |
|||
'click': function(e){ |
|||
self.episodes.open(); |
|||
} |
|||
}, |
|||
'text': self.getTitle() || 'n/a' |
|||
}), |
|||
self.year = new Element('div.year', { |
|||
'text': self.data.info.year || 'n/a' |
|||
}) |
|||
), |
|||
self.description = new Element('div.description.tiny_scroll', { |
|||
'text': self.data.info.plot |
|||
}), |
|||
self.quality = new Element('div.quality', { |
|||
'events': { |
|||
'click': function(e){ |
|||
var releases = self.el.getElement('.actions .releases'); |
|||
if(releases.isVisible()) |
|||
releases.fireEvent('click', [e]) |
|||
} |
|||
} |
|||
}) |
|||
), |
|||
self.actions = new Element('div.actions') |
|||
) |
|||
); |
|||
|
|||
if(!self.thumbnail) |
|||
self.el.addClass('no_thumbnail'); |
|||
|
|||
//self.changeView(self.view);
|
|||
self.select_checkbox_class = new Form.Check(self.select_checkbox); |
|||
|
|||
// Add profile
|
|||
if(self.profile.data) |
|||
self.profile.getTypes().each(function(type){ |
|||
|
|||
var q = self.addQuality(type.get('quality'), type.get('3d')); |
|||
if((type.finish == true || type.get('finish')) && !q.hasClass('finish')){ |
|||
q.addClass('finish'); |
|||
q.set('title', q.get('title') + ' Will finish searching for this movie if this quality is found.') |
|||
} |
|||
|
|||
}); |
|||
|
|||
// Add releases
|
|||
self.updateReleases(); |
|||
|
|||
Object.each(self.options.actions, function(action, key){ |
|||
self.action[key.toLowerCase()] = action = new self.options.actions[key](self); |
|||
if(action.el) |
|||
self.actions.adopt(action) |
|||
}); |
|||
|
|||
}, |
|||
|
|||
updateReleases: function(){ |
|||
var self = this; |
|||
if(!self.data.releases || self.data.releases.length == 0) return; |
|||
|
|||
self.data.releases.each(function(release){ |
|||
|
|||
var q = self.quality.getElement('.q_'+ release.quality+(release.is_3d ? '.is_3d' : ':not(.is_3d)')), |
|||
status = release.status; |
|||
|
|||
if(!q && (status == 'snatched' || status == 'seeding' || status == 'done')) |
|||
q = self.addQuality(release.quality, release.is_3d || false); |
|||
|
|||
if (q && !q.hasClass(status)){ |
|||
q.addClass(status); |
|||
q.set('title', (q.get('title') ? q.get('title') : '') + ' status: '+ status) |
|||
} |
|||
|
|||
}); |
|||
}, |
|||
|
|||
addQuality: function(quality, is_3d){ |
|||
var self = this; |
|||
|
|||
var q = Quality.getQuality(quality); |
|||
return new Element('span', { |
|||
'text': q.label + (is_3d ? ' 3D' : ''), |
|||
'class': 'q_'+q.identifier + (is_3d ? ' is_3d' : ''), |
|||
'title': '' |
|||
}).inject(self.quality); |
|||
|
|||
}, |
|||
|
|||
getTitle: function(){ |
|||
var self = this; |
|||
|
|||
if(self.data.title) |
|||
return self.getUnprefixedTitle(self.data.title); |
|||
else if(self.data.info.titles.length > 0) |
|||
return self.getUnprefixedTitle(self.data.info.titles[0]); |
|||
|
|||
return 'Unknown movie' |
|||
}, |
|||
|
|||
getUnprefixedTitle: function(t){ |
|||
if(t.substr(0, 4).toLowerCase() == 'the ') |
|||
t = t.substr(4) + ', The'; |
|||
else if(t.substr(0, 3).toLowerCase() == 'an ') |
|||
t = t.substr(3) + ', An'; |
|||
else if(t.substr(0, 2).toLowerCase() == 'a ') |
|||
t = t.substr(2) + ', A'; |
|||
return t; |
|||
}, |
|||
|
|||
slide: function(direction, el){ |
|||
var self = this; |
|||
|
|||
if(direction == 'in'){ |
|||
self.temp_view = self.view; |
|||
self.changeView('details'); |
|||
|
|||
self.el.addEvent('outerClick', function(){ |
|||
self.removeView(); |
|||
self.slide('out') |
|||
}); |
|||
el.show(); |
|||
|
|||
|
|||
self.el.addClass('expanded'); |
|||
self.el.getElements('.table').addClass('expanded'); |
|||
|
|||
self.data_container.addClass('hide_right'); |
|||
} |
|||
else { |
|||
self.el.removeEvents('outerClick'); |
|||
|
|||
setTimeout(function(){ |
|||
if(self.el) |
|||
{ |
|||
self.el.getElements('> :not(.data):not(.poster):not(.movie_container)').hide(); |
|||
self.el.getElements('.table').removeClass('expanded'); |
|||
} |
|||
}, 600); |
|||
|
|||
self.el.removeClass('expanded'); |
|||
self.data_container.removeClass('hide_right'); |
|||
} |
|||
}, |
|||
|
|||
changeView: function(new_view){ |
|||
var self = this; |
|||
|
|||
if(self.el) |
|||
self.el |
|||
.removeClass(self.view+'_view') |
|||
.addClass(new_view+'_view'); |
|||
|
|||
self.view = new_view; |
|||
}, |
|||
|
|||
removeView: function(){ |
|||
var self = this; |
|||
|
|||
self.el.removeClass(self.view+'_view') |
|||
}, |
|||
|
|||
getIdentifier: function(){ |
|||
var self = this; |
|||
|
|||
try { |
|||
return self.get('identifiers').imdb; |
|||
} |
|||
catch (e){ } |
|||
|
|||
return self.get('imdb'); |
|||
}, |
|||
|
|||
get: function(attr){ |
|||
return this.data[attr] || this.data.info[attr] |
|||
}, |
|||
|
|||
select: function(bool){ |
|||
var self = this; |
|||
self.select_checkbox_class[bool ? 'check' : 'uncheck']() |
|||
}, |
|||
|
|||
isSelected: function(){ |
|||
return this.select_checkbox.get('checked'); |
|||
}, |
|||
|
|||
toElement: function(){ |
|||
return this.el; |
|||
} |
|||
|
|||
}); |
|||
Loading…
Reference in new issue