$(document).ready( function () { $('[data-url]').on('click', function() { window.location.href = $(this).data('url'); }); var loc_uri = URI.parse(window.location.href); var loc_qry = URI.parseQuery(loc_uri.query) $('.filters-bar').children('select[data-filter]').each(function () { var filter_name = $(this).data('filter'); if(filter_name in loc_qry) { $(this).val(loc_qry[filter_name]); } }); $('.filters-bar').on('change', 'select[data-filter]', function() { var filters = []; var filtersbar = $(this).parent('.filters-bar'); filtersbar.children('select').each(function () { if (this.value.length > 0) { filters.push($(this).data('filter') + "=" + $(this).val()); } }); var url = document.URL; var target = url.split('?')[0]; if (filters.length > 0) { target = target + '?' + filters.join('&'); } window.location.href = target; }); $(document).on('click', function(event) { console.log($(event.target)) if(!$(event.target).closest('#user-panel').length) { if($('#user-dropdown').is(":visible")) { $('#user-dropdown').hide(); } } }); $(document).on('click', '#user-show-btn', function(event) { if($('#user-dropdown').is(":visible")) { $('#user-dropdown').hide(); } else { $('#user-dropdown').show(); } }); });