options panel

Signed-off-by: Maxence Lange <maxence@artificial-owl.com>

4 files changed, 30 insertions, 8 deletions

diff --git a/css/nextsearch.css b/css/nextsearch.css
index 030e4cc..731a8f9 100644
--- a/css/nextsearch.css
+++ b/css/nextsearch.css
@@ -3,10 +3,6 @@
 	font-style: italic;
 }
 
-.provider_navigation {
-	position: relative;
-}
-
 .provider_navigation_right {
 	position: absolute;
 	right: 0;
@@ -80,6 +76,7 @@
 }
 
 .provider_navigation {
+	position: relative;
 	font-size: 15px;
 	font-weight: bold;
 	color: #444;
@@ -88,6 +85,18 @@
 	padding-top: 10px;
 	padding-left: 20px;
 	padding-bottom: 10px;
+	margin-top: 40px;
+}
+
+.search_more {
+	background: #fbfbfb;
+	height: 140px;
+	width: 400px;
+	right: 30px;
+	position: absolute;
+	top: 41px;
+	border-radius: 3px;
+	border: solid #cecece 1px;
 }
 
 .icon-page-prev {
diff --git a/css/personal.css b/css/personal.css
deleted file mode 100644
index e69de29..0000000
--- a/css/personal.css
+++ /dev/null
diff --git a/js/nextsearch.v1.navigation.js b/js/nextsearch.v1.navigation.js
index 2588288..6eb11b1 100644
--- a/js/nextsearch.v1.navigation.js
+++ b/js/nextsearch.v1.navigation.js
@@ -36,6 +36,7 @@ var curr = {
 	providerResult: [],
 	page: 1,
 	lastRequest: '',
+	moreDisplayed: false,
 
 	setProviderResult: function (id, value) {
 		curr.providerResult[id] = value;
diff --git a/js/nextsearch.v1.searchbar.js b/js/nextsearch.v1.searchbar.js
index 9bbe38e..4d9ff89 100644
--- a/js/nextsearch.v1.searchbar.js
+++ b/js/nextsearch.v1.searchbar.js
@@ -36,6 +36,7 @@
 
 var searchbox = {
 	searchTimeout: null,
+	search_more: null,
 	search_icon_more: null,
 	search_icon_close: null,
 	search_icon: null,
@@ -68,10 +69,19 @@ var searchbar = {
 		});
 		searchbox.search_form.append(searchbox.search_input);
 
+		searchbox.search_more = $('<div>', {class: 'search_more'});
+		searchbox.search_more.fadeTo(0, 0);
+
 		searchbox.search_icon_more = $('<div>', {class: 'icon-more-white icon-more-fullnextsearch'});
 		searchbox.search_icon_more.fadeTo(0, 0);
 		searchbox.search_icon_more.on('click', function () {
-			console.log('MORE !');
+			if (curr.moreDisplayed) {
+				searchbox.search_more.stop().fadeTo(100, 0);
+				curr.moreDisplayed = false;
+			} else {
+				searchbox.search_more.stop().fadeTo(100, 1);
+				curr.moreDisplayed = true;
+			}
 		});
 		searchbox.search_form.append(searchbox.search_icon_more);
 
@@ -81,13 +91,14 @@ var searchbar = {
 			next_settings.lockSearchbox = false;
 			searchbox.search_icon_more.stop().fadeTo(100, 0);
 			searchbox.search_icon_close.stop().fadeTo(100, 0);
+			searchbox.search_more.stop().fadeTo(100, 0);
+			curr.moreDisplayed = false;
 			searchbox.search_input.val('');
 			nav.onSearchReset();
 		});
 		searchbox.search_form.append(searchbox.search_icon_close);
 
-		searchbox.search_div.append(searchbox.search_form);
-		searchbox.search_div.hover(function () {
+		searchbox.search_form.hover(function () {
 			searchbox.search_icon.stop().fadeTo(100, 0);
 			searchbox.search_form.stop().fadeTo(100, 0.8);
 		}, function () {
@@ -97,6 +108,8 @@ var searchbar = {
 			searchbox.search_form.stop().fadeTo(500, 0);
 			searchbox.search_icon.stop().fadeTo(800, 0.7);
 		});
+		searchbox.search_div.append(searchbox.search_form);
+		searchbox.search_div.append(searchbox.search_more);
 
 		searchbox.search_input.on('focus', function () {
 			next_settings.lockSearchbox = true;
@@ -106,7 +119,6 @@ var searchbar = {
 
 		searchbox.search_input.on('input', function () {
 
-
 			if ($(this).val() === '') {
 				nav.onSearchReset();
 			}