Empty list styling

couchpotato/core/plugins/movie/static/movie.css

@@ -24,7 +24,7 @@
 		.movies .movie.list_view:hover, .movies .movie.mass_edit_view:hover {
 			background: rgba(255,255,255,0.03);
 		}
-		
+
 		.movies .movie_container {
 			overflow: hidden;
 		}
@@ -313,7 +313,7 @@
 					padding-bottom: 4px;
 					height: auto;
 				}
-				
+
 				.movies .movie .trailer_container {
 					width: 100%;
 					background: #000;
@@ -324,7 +324,7 @@
 					.movies .movie .trailer_container.hide {
 						height: 0 !important;
 					}
-				
+
 					.movies .movie .hide_trailer {
 						position: absolute;
 						top: 0;
@@ -340,12 +340,12 @@
 					.movies .movie .hide_trailer.hide {
 						top: -30px;
 					}
-						
+
 				.movies .movie .try_container {
 					padding: 5px 10px;
 					text-align: center;
 				}
-						
+
 					.movies .movie .try_container a {
 						margin: 0 5px;
 						padding: 2px 5px;
@@ -354,15 +354,15 @@
 					.movies .movie .releases .next_release {
 						border-left: 6px solid #2aa300;
 					}
-					
+
 						.movies .movie .releases .next_release > :first-child {
 							margin-left: -6px;
 						}
-						
+
 					.movies .movie .releases .last_release {
 						border-left: 6px solid #ffa200;
 					}
-					
+
 						.movies .movie .releases .last_release > :first-child {
 							margin-left: -6px;
 						}
@@ -394,8 +394,8 @@
 		border-radius: 0;
 	}
 
-.movies .alph_nav ul.numbers, 
-.movies .alph_nav .counter, 
+.movies .alph_nav ul.numbers,
+.movies .alph_nav .counter,
 .movies .alph_nav ul.actions {
 	list-style: none;
 	padding: 0 0 1px;
@@ -518,7 +518,7 @@
 				padding: 3px 7px;
 			}
 
-		.movies .alph_nav .mass_edit_form .refresh, 
+		.movies .alph_nav .mass_edit_form .refresh,
 		.movies .alph_nav .mass_edit_form .delete {
 			float: left;
 			padding: 8px 0 0 8px;
@@ -536,3 +536,17 @@
 		.movies .alph_nav .more_menu > a {
 			background-position: center -158px;
 		}
+
+.movies .empty_wanted {
+	background-image: url('../images/emptylist.png');
+	height: 750px;
+	width: 800px;
+	padding-top: 260px;
+	margin-top: -50px;
+}
+
+.movies .empty_manage {
+	text-align: center;
+	font-size: 25px;
+	line-height: 150%;
+}

couchpotato/static/scripts/page/manage.js

@@ -29,7 +29,20 @@ Page.Manage = new Class({
 				'identifier': 'manage',
 				'status': 'done',
 				'actions': MovieActions,
-				'menu': [self.refresh_button, self.refresh_quick]
+				'menu': [self.refresh_button, self.refresh_quick],
+				'on_empty_element': new Element('div.empty_manage').adopt(
+					new Element('div', {
+						'text': 'Seems like you don\'t have anything in your library yet.'
+					}),
+					new Element('div', {
+						'text': 'Add your existing movie folders in '
+					}).adopt(
+						new Element('a', {
+							'text': 'Settings > Manage',
+							'href': App.createUrl('settings/manage')
+						})
+					)
+				)
 			});
 			$(self.list).inject(self.el);
 		}

couchpotato/static/scripts/page/wanted.js

@@ -18,9 +18,6 @@ Page.Wanted = new Class({
 				}
 			});
 
-			// See if userscript can be installed
-
-
 			// Wanted movies
 			self.wanted = new MovieList({
 				'identifier': 'wanted',
@@ -28,13 +25,7 @@ Page.Wanted = new Class({
 				'actions': MovieActions,
 				'add_new': true,
 				'menu': [self.manual_search],
-				'on_empty_element': App.createUserscriptButtons().setStyles({
-					'background-image': "url('"+Api.createUrl('static/images/emptylist.png')+"')",
-					'height': 750,
-					'width': 800,
-					'padding-top': 260,
-					'margin-top': -50
-				})
+				'on_empty_element': App.createUserscriptButtons().addClass('empty_wanted')
 			});
 			$(self.wanted).inject(self.el);
 

couchpotato/templates/_desktop.html

@@ -6,7 +6,6 @@
 		<link rel="stylesheet" href="{{ url_for('web.static', filename='style/uniform.css') }}" type="text/css">
 
 		<link rel="stylesheet" href="{{ url_for('web.static', filename='style/page/settings.css') }}" type="text/css">
-		<link rel="stylesheet" href="{{ url_for('web.static', filename='style/page/wanted.css') }}" type="text/css">
 
 		<script type="text/javascript" src="{{ url_for('web.static', filename='scripts/library/mootools.js') }}"></script>
 		<script type="text/javascript" src="{{ url_for('web.static', filename='scripts/library/mootools_more.js') }}"></script>