From 7263d155b66ed37edf5529850ad95873ecb59793 Mon Sep 17 00:00:00 2001 From: Laury GvR Date: Wed, 3 Oct 2018 11:58:18 -0400 Subject: [PATCH] Top search properly implemented - can search text The topbar search button was never correctly implemented. The button would send the user to the glm list page (as is the default behaviour when a category is selected) instead of the search result page. --- footer.php | 12 --------- js/app.js | 48 +++++++++++++++++++++++++++++++++ js/custom/pageSetup.js | 48 +++++++++++++++++++++++++++++++++ parts/search-dropdown.php | 56 +++++++++++++++++++-------------------- 4 files changed, 124 insertions(+), 40 deletions(-) diff --git a/footer.php b/footer.php index 860152f..465bba9 100644 --- a/footer.php +++ b/footer.php @@ -118,17 +118,5 @@ !function(){function t(){var t=r("utm_content");if(t){var e=new Date;e.setDate(e.getDate()+30),document.cookie=t+";expires="+e.toGMTString()+";path=/"}else if(document.cookie)for(var o=document.cookie.split(/;*/),n=0;n - diff --git a/js/app.js b/js/app.js index bed4f1f..f5a9004 100644 --- a/js/app.js +++ b/js/app.js @@ -206,6 +206,18 @@ var g=a(f(this.selector(c),a("
").html(c.attr("title")).html())),h=thi $(document).foundation(); $(document).ready(function () { 'use strict'; + + var page = $("body"); + var search_member = page.find('#member-categories'); + var search_input = page.find(".site-search"); + var main_search_btn = page.find('.topbar-search-button'); + var dropdown_search = page.find('.dropdown-search'); + var search_close = page.find(".topbar-search-close"); + var dropdown_button = page.find('.dropdown-search-button'); + + console.log(search_member); + console.log($(search_member)); + $('ul.children').each(function () { $(this).before(''); }); @@ -227,6 +239,42 @@ $(document).ready(function () { //console.log('menu-id = ' + menuNum); }); + // search dropdown animations + $(main_search_btn).on("click", function (){ + $(dropdown_search).slideDown(); + $(search_close).animate({ + opacity: 1 + }, 500); + }); + $(search_close).on("click", function (){ + $(dropdown_search).slideUp(); + $(this).animate({ + opacity: 0 + }, 500); + }); + + // Change search behaviour for member list + var categorySelect = page.find("#glm-member-list-filters-wrapper #categorySelect"); + var textSearch = page.find('#glm-member-list-filters-wrapper input[name="textSearch"]'); + categorySelect.on('change', function() { + textSearch.val(""); + }); + textSearch.on('keydown', function() { + categorySelect.val($("#categorySelect option:first").val()); + }); + + // disable member dropdown if text is in the search box + $(search_input).on("keyup change", function() { + var checker = $.trim($(this).val()).length === 0; + $(search_member).attr('disabled', !checker); + + if( $(search_member ).attr('disabled')){ + dropdown_button.css("display", "none"); + } else { + dropdown_button.css("display", "block"); + } + }); + var bookNowButton = $(document).find(".book-now-button a"); var bookNowDropdown = $(document).find(".book-now-dropdown"); diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js index d2cd8cc..ebe5da4 100644 --- a/js/custom/pageSetup.js +++ b/js/custom/pageSetup.js @@ -3,6 +3,18 @@ $(document).foundation(); $(document).ready(function () { 'use strict'; + + var page = $("body"); + var search_member = page.find('#member-categories'); + var search_input = page.find(".site-search"); + var main_search_btn = page.find('.topbar-search-button'); + var dropdown_search = page.find('.dropdown-search'); + var search_close = page.find(".topbar-search-close"); + var dropdown_button = page.find('.dropdown-search-button'); + + console.log(search_member); + console.log($(search_member)); + $('ul.children').each(function () { $(this).before(''); }); @@ -24,6 +36,42 @@ $(document).ready(function () { //console.log('menu-id = ' + menuNum); }); + // search dropdown animations + $(main_search_btn).on("click", function (){ + $(dropdown_search).slideDown(); + $(search_close).animate({ + opacity: 1 + }, 500); + }); + $(search_close).on("click", function (){ + $(dropdown_search).slideUp(); + $(this).animate({ + opacity: 0 + }, 500); + }); + + // Change search behaviour for member list + var categorySelect = page.find("#glm-member-list-filters-wrapper #categorySelect"); + var textSearch = page.find('#glm-member-list-filters-wrapper input[name="textSearch"]'); + categorySelect.on('change', function() { + textSearch.val(""); + }); + textSearch.on('keydown', function() { + categorySelect.val($("#categorySelect option:first").val()); + }); + + // disable member dropdown if text is in the search box + $(search_input).on("keyup change", function() { + var checker = $.trim($(this).val()).length === 0; + $(search_member).attr('disabled', !checker); + + if( $(search_member ).attr('disabled')){ + dropdown_button.css("display", "none"); + } else { + dropdown_button.css("display", "block"); + } + }); + var bookNowButton = $(document).find(".book-now-button a"); var bookNowDropdown = $(document).find(".book-now-dropdown"); diff --git a/parts/search-dropdown.php b/parts/search-dropdown.php index 811c7ba..074b72a 100644 --- a/parts/search-dropdown.php +++ b/parts/search-dropdown.php @@ -28,34 +28,34 @@ -- 2.17.1