diff --git a/couchpotato/core/plugins/movie/static/list.js b/couchpotato/core/plugins/movie/static/list.js
index 3d5545e3..a89f89af 100644
--- a/couchpotato/core/plugins/movie/static/list.js
+++ b/couchpotato/core/plugins/movie/static/list.js
@@ -6,6 +6,7 @@ var MovieList = new Class({
navigation: true,
limit: 50,
load_more: true,
+ loader: true,
menu: [],
add_new: false
},
@@ -251,7 +252,7 @@ var MovieList = new Class({
'data': Object.merge({
'status': self.options.status
}, self.filter),
- 'onComplete': function(json){
+ 'onSuccess': function(json){
json.chars.split('').each(function(c){
self.letters[c.capitalize()].addClass('available')
@@ -475,12 +476,39 @@ var MovieList = new Class({
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 || 'movie.list', {
'data': Object.merge({
'status': self.options.status,
'limit_offset': self.options.limit + ',' + self.offset
}, self.filter),
- 'onComplete': function(json){
+ 'onSuccess': function(json){
+
+ 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);
if(self.scrollspy) {
@@ -488,7 +516,7 @@ var MovieList = new Class({
self.scrollspy.start();
}
- self.checkIfEmpty()
+ self.checkIfEmpty();
}
});
},
@@ -518,7 +546,7 @@ var MovieList = new Class({
self.description[is_empty ? 'hide' : 'show']()
if(is_empty && self.options.on_empty_element){
- self.el.grab(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();
diff --git a/couchpotato/core/plugins/movie/static/movie.css b/couchpotato/core/plugins/movie/static/movie.css
index 3e947ddf..c6fe4e0a 100644
--- a/couchpotato/core/plugins/movie/static/movie.css
+++ b/couchpotato/core/plugins/movie/static/movie.css
@@ -4,7 +4,33 @@
z-index: 3;
}
- .movies h2 {
+ .movies .loading {
+ display: block;
+ padding: 20px 0 0 0;
+ width: 100%;
+ z-index: 3;
+ transition: all .4s cubic-bezier(0.9,0,0.1,1);
+ height: 40px;
+ opacity: 1;
+ position: absolute;
+ text-align: center;
+ }
+ .movies .loading.hide {
+ height: 0;
+ padding: 20px 0 0 0;
+ opacity: 0;
+ margin-top: -20px;
+ }
+
+ .movies .loading .spinner {
+ display: inline-block;
+ }
+
+ .movies .loading .message {
+ margin: 0 20px;
+ }
+
+ .movies > h2 {
margin-bottom: 20px;
}
@@ -27,6 +53,7 @@
.home .movies {
padding-top: 6px;
}
+
.movies.mass_edit_list {
padding-top: 90px;
diff --git a/couchpotato/static/scripts/page/home.js b/couchpotato/static/scripts/page/home.js
index 004f0513..1839e3b0 100644
--- a/couchpotato/static/scripts/page/home.js
+++ b/couchpotato/static/scripts/page/home.js
@@ -25,7 +25,18 @@ Page.Home = new Class({
'view': 'list',
'actions': [MA.IMDB, MA.Trailer, MA.Release, MA.Refresh, MA.Delete],
'title': 'Snatched & Available',
- 'on_empty_element': new Element('div'),
+ 'description': 'These movies have been snatched or have finished downloading',
+ 'on_empty_element': new Element('div').adopt(
+ new Element('h2', {'text': 'Snatched & Available'}),
+ new Element('span', {
+ 'html': 'No snatched movies or anything!? Damn.. Maybe add a movie.',
+ 'events': {
+ 'click': function(){
+ $(document.body).getElement('.search_form input').focus();
+ }
+ }
+ })
+ ),
'filter': {
'release_status': 'snatched,available'
}
@@ -39,7 +50,7 @@ Page.Home = new Class({
'title': 'Available soon',
'description': 'These are being searched for and should be available soon as they will be released on DVD in the next few weeks.',
'on_empty_element': new Element('div').adopt(
- new Element('h1', {'text': 'Available soon'}),
+ new Element('h2', {'text': 'Available soon'}),
new Element('span', {'text': 'There are no movies available soon. Add some movies, so you have something to watch later.'})
),
'filter': {
@@ -58,10 +69,10 @@ Page.Home = new Class({
'limit': 50,
'title': 'Still not available',
'description': 'Try another quality profile or maybe add more providers in Settings.',
- 'on_empty_element': new Element('div'),
'filter': {
'late': true
},
+ 'loader': false,
'load_more': false,
'view': 'list',
'actions': [MA.IMDB, MA.Trailer, MA.Edit, MA.Refresh, MA.Delete],