Empty list styling

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

@@ -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({
+				'on_empty_element': App.createUserscriptButtons().addClass('empty_wanted')
-					'background-image': "url('"+Api.createUrl('static/images/emptylist.png')+"')",
-					'height': 750,
-					'width': 800,
-					'padding-top': 260,
-					'margin-top': -50
-				})
 			});
 			$(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>