Geef onze leftovers een tweede leven - Garage Sale (2024)

'; jQuery(this).next('.filter--body').html(filter_html).slideToggle(200); jQuery(this).next('.filter--body').find('.filter__item input[type=checkbox]').remove(); }); jQuery(document).on('click','.quick-filters label',function(e) { jQuery(this).toggleClass('active'); }); jQuery(document).on('click','.has-quick-filter-overlay',function(e) { var activequickfilter = jQuery('.is-expanded'); // console.log(activequickfilter); // console.log(e.target); var currentTarget = jQuery(e.target); if (!activequickfilter.is(currentTarget) && activequickfilter.has(currentTarget).length === 0 && !currentTarget.is('.filters input')) { jQuery('.is-expandable').removeClass('is-expanded'); jQuery('.filter--body').slideUp(200); jQuery('body').removeClass('has-quick-filter-overlay'); // return false; } }); jQuery(document).on('click','.filter__footer button',function(e) { jQuery('.is-expandable').removeClass('is-expanded'); jQuery('.filter--body').slideUp(200); jQuery('body').removeClass('has-quick-filter-overlay'); }); jQuery(document).on('click','input[type=checkbox]',function(e) { var parentFilter = jQuery(this).closest('.filter'); if (parentFilter.find('input[type=checkbox]').prop('checked')) { parentFilter.addClass('has-active-filters'); } else { parentFilter.removeClass('has-active-filters'); } }); jQuery('.product-configurable').hover(function() { jQuery(this).find("img.lazy").lazyload(); }); lazyload(); jQuery(document).on('click','.filter--tray__close, .backdrop__all-filters, .filter--tray__footer button',function(e) { jQuery('#toggle__all-filters').prop('checked', false); jQuery('input.is-searchable--trigger').val('').trigger('keyup'); return false; }); jQuery(document).on('click','.view-mode span',function(e) { jQuery(this).toggleClass('view-mode__grid view-mode__list') }); jQuery(document).on('keyup','input.is-searchable--trigger',function(e) { var quick = 0; if (jQuery(this).closest('.is-expandable').parent().hasClass('quick-filters')) { quick = 1; } // jQuery('input.is-searchable--trigger').keyup(function() { if (quick) { jQuery('.quick-filters .filter__items__brands label').hide(); expandlist = jQuery('.quick-filters .filter__items__brands'); } else { jQuery('#filterForm .filter__items__brands label').hide(); expandlist = jQuery('#filterForm .filter__items__brands'); } var searchword = jQuery(this).val(); // jQuery('input.is-searchable--trigger').val(searchword); expandlist.empty(); var urlbrands = urlParam('brands'); if (urlbrands) { var brands = urlbrands.split("&")[0]; var brandsarray = brands.split(","); } else { var brandsarray = ''; } var decodedAllBrandsString = atob(jQuery('#allbrandsarr').val()); var tempbrands = jQuery.parseJSON(decodedAllBrandsString); if(searchword) { var allbrands = []; jQuery.each(tempbrands, function(key, value) { allbrands.push({name:value.name, id: value.id, checked: value.checked}); }); allbrands.sort(function(a,b){ if(a.name > b.name){ return 1} if(a.name < b.name){ return -1} return 0; }); jQuery.each(allbrands, function(id, name) { if((name.name).toUpperCase().indexOf(searchword.toUpperCase()) != -1 || name.checked == 1){ var checked = ''; var checkedclass = ''; jQuery.map( brandsarray, function( val, i ) { if (val == name.id) { checked = ' checked'; checkedclass = ' active'; } }); if (quick) { var label = jQuery('') .addClass('filter__item' + checkedclass) .attr('for', 'filter__item__brands__' + name.id) .html('' + name.name) .appendTo(expandlist); } else { var label = jQuery('') .addClass('filter__item' + checkedclass) .attr('for', 'filter__item__brands__' + name.id) .html('' + name.name) .appendTo(expandlist); } } }); } else { jQuery.each(tempbrands, function(id, name) { var checked = ''; var checkedclass = ''; jQuery.map( brandsarray, function( val, i ) { if (val == name.id) { checked = ' checked'; checkedclass = ' active'; } }); if (quick) { var label = jQuery('') .addClass('filter__item' + checkedclass) .attr('for', 'filter__item__brands__' + name.id) .html('' + name.name) .appendTo(expandlist); } else { var label = jQuery('') .addClass('filter__item' + checkedclass) .attr('for', 'filter__item__brands__' + name.id) .html('' + name.name) .appendTo(expandlist); } }); jQuery(this).siblings('.is-expandible--trigger--brand').show(); } }); ; }); function filterSelection(type, id) { //$("html, body").animate({ scrollTop: 0 }, 200); var values = []; if (type != 'reset') { if (type === 'sorter') { jQuery('#selection--holder .preloader--ring--holder').addClass('preloader_filters__sorter').show(); } else { jQuery('#selection--holder .preloader--ring--holder').addClass('preloader_filters').show(); } values = jQuery("#filterForm").serializeArray(); } values.push({"name": 'sort', "value": jQuery('#sort').val()}); values.push({"name": 'page', "value": 1}); var start = '&layout=selectionfilters&page=0'; var realArray = {}; var urlhash = []; var tmpname = ''; // Now it can be used reliably with $.map() jQuery.map(values, function (val, i) { if (val.value != "") { if (tmpname == val.name.replace('[]', '')) { realArray[val.name.replace('[]', '')] = realArray[tmpname] + "," + val.value; } else { realArray[val.name.replace('[]', '')] = val.value; } tmpname = val.name.replace('[]', ''); } }); jQuery.map(realArray, function (val, i) { urlhash.push(i + "=" + val); }); var urlString = urlhash.join("&"); if (urlString) { window.history.pushState(values, 'title', '?' + urlString); } else { window.history.pushState(values, 'title', ''); } console.log("?tmpl=selection" + start); if (type != 'reset') { jQuery.ajax({ type: "POST", url: "?tmpl=selection" + start, data: realArray, success: function (data) {console.log('id');console.log(id);var totalcount = jQuery(data).find('.sorters .total-count span').html(); jQuery('.sorters .total-count span').html(totalcount); jQuery('.filter--tray__footer .count').html(totalcount); jQuery('.filter__footer .count').html(totalcount); var activefilters = jQuery(data).find('.active-filters').html(); jQuery('.active-filters').html(activefilters); var filters = jQuery(data).find('.filters').html();// console.log(filters); jQuery('.filters').html(filters); jQuery('#limitholder').remove(); var limitholder = jQuery(data).find('#limitholder').html(); if (!limitholder) { jQuery.grep(jQuery(data),function(n) { if (n.id === 'limitholder') { limitholder = jQuery(n).html(); } }); } var html = jQuery(data).find('#product--overview-'+id).html(); var pagination = jQuery(data).find('#pagination_control-'+id).html();// console.log(pagination); if (limitholder) { jQuery('div#selection--holder').append('

'+limitholder+'

'); } jQuery('#product--overview-'+id).html(html); jQuery('div#pagination_control-'+id).html(pagination); jQuery('.product-configurable').hover(function() { jQuery(this).find("img.lazy").lazyload(); }); lazyload(); jQuery('img').on("error", function () { jQuery(this).attr('src', '/templates/loods5/images/misc/broken-image.png').addClass('error'); }); jQuery('#selection--holder .preloader--ring--holder').fadeOut(200); var categoryTitle = jQuery('.product-blog-intro h1.narrow'); if(categoryTitle.length) { categoryTitle.fitText(0.8).fadeIn(200); } } }); } else { window.location.href = window.location.href; } } function refreshFilter(filter, id) { // var filter_id = filter.attr('id'); // console.log('id2');// console.log(id);// console.log(typeof id); let block_id = ''; if (typeof id == 'undefined') { block_id = filter.closest('.pb-block-selection').attr('id'); } id = block_id.replace('row-item-',''); filterSelection('',id); if (!filter.closest('.is-expandable').parent().hasClass('quick-filters')) { var filterParent = filter.parent(); filterParent.toggleClass('active'); var activeFilterArray = []; filterParent.parent().find('.active').each(function () { activeFilterArray.push(jQuery(this).text().trim()); }); filter.closest('.is-expandable').find('.filter--head span.filter--head__active-filters').text(activeFilterArray.join(', ')); } } function removeFilter(label,filter_id) { console.log(jQuery('#filterForm').find('input#filter__item__'+label+'__'+filter_id)); jQuery('#filterForm').find('input#filter__item__'+label+'__'+filter_id).trigger('click'); } function removeFilters(id) { jQuery('.preloader--ring--holder').show(); filterSelection('reset',id); } function getMore(limit, scroll, id) { // jQuery('#limit').remove(); // jQuery('#limit-more').remove(); jQuery('.preloader--ring--holder').addClass('preloader_filters').show(); // jQuery('.preloader--ring--holder').show(); var urlhash = window.location.href; urlhash = urlhash.replace(window.location.hash,''); urlhash = urlhash.split('?'); var start = ''; if (urlhash[1]) { start = urlhash[1]; } var params = ''; if (limit) { params = '&layout=selection&cachable=nocache&page='+limit; var arr = []; arr.push({"name": 'layout', "value": 'selection'}); arr.push({"name": 'cachable', "value": 'nocache'}); arr.push({"name": 'page', "value": limit}); if (!!urlhash[1]) { if (urlhash[1].indexOf("&page=") >= 0) { var pge = urlParam('page'); window.history.pushState(arr, 'Page '+limit, '?' + urlhash[1].replace('&page=' + pge, '&page=' + limit)); } else if (urlhash[1].indexOf("page=") >= 0) { var pge = urlParam('page'); window.history.pushState(arr, 'Page '+limit, '?' + urlhash[1].replace('page=' + pge, 'page=' + limit)); } else { window.history.pushState(arr, 'Page '+limit, '?' + urlhash[1] + '&page=' + limit); } } else { window.history.pushState(arr, 'Page '+limit, start + '?page=' + limit); } } jQuery.ajax({ type: "POST", url: (start ? '?' + start + '&' : '?') + "tmpl=selection" + params, //dataType: "json", success: function (data) { if (params) { var html = jQuery(data).find('#product--overview-'+id).html(); console.log(html.length); var pagination = jQuery(data).find('#pagination_control-'+id).html(); jQuery('#product--overview-'+id).fadeOut(1000,function(){ jQuery('#product--overview-'+id).html(html); jQuery('div#pagination_control-'+id).html(pagination); }); jQuery('#product--overview-'+id).fadeIn(1000); jQuery('img').on("error", function () { jQuery(this).attr('src', '/templates/loods5/images/misc/broken-image.png').addClass('error'); }); jQuery('.preloader--ring--holder').fadeOut(1000,function(){ if (scroll === true) { var offsetScrollTop = jQuery('#product-anchor-'+id).offset().top - 60; if(jQuery('#topbar-mobile:visible').length && jQuery('.product-blog-intro--quick-nav__mobile').length) { offsetScrollTop = jQuery('.product-blog-intro--quick-nav__mobile').offset().top - 120; } jQuery('html, body').animate({ scrollTop: offsetScrollTop }, 1000,function(){ jQuery('.product-configurable').hover(function() { jQuery(this).find("img.lazy").lazyload(); }); lazyload(); }); } else { jQuery('.product-configurable').hover(function() { jQuery(this).find("img.lazy").lazyload(); }); lazyload(); } }); } } }); } function urlParam(name){ var results = new RegExp('[\?&]' + name + '=([^]*)').exec(window.location.href); if (results==null){ return null; } else{ return results[1] || 0; } }