diff options
author | Maxence Lange <maxence@artificial-owl.com> | 2018-01-04 17:51:20 +0300 |
---|---|---|
committer | Maxence Lange <maxence@artificial-owl.com> | 2018-01-04 17:51:20 +0300 |
commit | 3302c3c8669fbbcb73596b4fd7d852a8aa2cfbf6 (patch) | |
tree | 0222b3fb7e59eb2bd162c0edc8371adf257c2f98 | |
parent | a6d74d4dedda12f705d90a7c885c679ca1126b06 (diff) |
options panel
Signed-off-by: Maxence Lange <maxence@artificial-owl.com>
-rw-r--r-- | css/nextsearch.css | 17 | ||||
-rw-r--r-- | css/personal.css | 0 | ||||
-rw-r--r-- | js/nextsearch.v1.navigation.js | 1 | ||||
-rw-r--r-- | js/nextsearch.v1.searchbar.js | 20 |
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(); } |