Extra manage options

couchpotato/static/scripts/block/navigation.js

@@ -35,7 +35,7 @@ Block.Navigation = new Class({
 	addTab: function(tab){
 		var self = this
 
-		return new Element('li').adopt(
+		return new Element('li.tab_'+(tab.text.toLowerCase() || 'unknown')).adopt(
 			new Element('a', tab)
 		).inject(self.nav)
 

couchpotato/static/scripts/page/manage.js

@@ -9,27 +9,42 @@ Page.Manage = new Class({
 		var self = this;
 
 		if(!self.list){
-			self.refresh_button = new Element('a.icon.refresh', {
-				'text': 'Refresh',
+			self.refresh_button = new Element('a', {
+				'title': 'Rescan your library for new movies',
+				'text': 'Full library refresh',
 				'events':{
-					'click': self.refresh.bind(self)
+					'click': self.refresh.bind(self, true)
 				}
-			}).inject(self.el);
+			});
+			
+			self.refresh_quick = new Element('a', {
+				'title': 'Just scan for recently changed',
+				'text': 'Quick library scan',
+				'events':{
+					'click': self.refresh.bind(self, false)
+				}
+			});
 
 			self.list = new MovieList({
 				'identifier': 'manage',
 				'status': 'done',
-				'actions': MovieActions
+				'actions': MovieActions,
+				'menu': [self.refresh_button, self.refresh_quick]
 			});
 			$(self.list).inject(self.el);
 		}
 
 	},
 
-	refresh: function(){
+	refresh: function(full){
 		var self = this;
+		p(full)
 
-		Api.request('manage.update')
+		Api.request('manage.update', {
+			'data': {
+				'full': full ? 1 : null
+			}
+		})
 
 	}
 

couchpotato/static/style/main.css

@@ -307,13 +307,24 @@ body > .spinner, .mask{
 		overflow: hidden;
 	  	font-weight: bold;
 	}
+	
+	.select .list:before {
+		content: ' ';
+		height: 0;
+		position: absolute;
+		width: 0;
+		border: 6px solid transparent;
+		border-bottom-color: #282d34;
+		margin: -11px 0 0 70px;
+	}
+	
 	.select .list {
 		display: none;
 	  	background: #282d34;
 	  	border: 1px solid #1f242b;
 		position: absolute;
-		margin: 25px 0 0 0;
-		box-shadow: 0 1px 2px rgba(0,0,0,0.4);
+		margin: 30px 0 0 0;
+		box-shadow: 0 20px 20px -10px rgba(0,0,0,0.4);
 		border-radius:3px;
 		z-index: 3;
 	}
@@ -374,6 +385,12 @@ body > .spinner, .mask{
 	    rgb(73,83,98) 100%
 	);
 }
+.onlay:active, .inlay.reversed > li:active {
+	color: #fff;
+	border: 1px solid transparent;
+	background-color: #282d34;
+	box-shadow: inset 0 1px 8px rgba(0,0,0,0.25), 0 1px 0px rgba(255,255,255,0.25);
+}
 
 .question {
 	display: block;