Automotive gereedschappen voor professionele monteurs - Tools2Go - Bestel gereedschap online (2024)

Filter

close

';$('.checked-filters-items').append(sHTML);/* Na het toevoegen van het filter, het 'verwijderen' van deze set toevoegen */$('#SelectedGroupFilter'+iParentFilterId).on('click', function () {iParentFilterId = $(this).attr('data-id');/* Checkboxes unchecken */var oCheckbox = $('.Filter-Window[data-id='+iParentFilterId+'] input:checkbox');if(oCheckbox.length !== 0) {oCheckbox.each(function (index, element) {if ($(element).is(':checked')) {ToggleItem(element.id, true);}});} else {/* Slider resetten */var maxValuevar oRangeSlider = $('.Filter-Window[data-id=' + iParentFilterId + ']').find('.rangeslider');if(oRangeSlider.length !== 0) {maxValue = oRangeSlider.slider('option', 'max');oRangeSlider.slider('values', [0, maxValue]).trigger('change');$('.Filter-Window[data-id=' + iParentFilterId + '] .MinValue .val').html(0);$('.Filter-Window[data-id=' + iParentFilterId + '] .min-val-input').val(0);$('.Filter-Window[data-id=' + iParentFilterId + '] .MaxValue .val').html('Onbeperkt');$('.Filter-Window[data-id=' + iParentFilterId + '] .max-val-input').val(maxValue);var sType = oRangeSlider.attr('data-type');if (sType === 'Stock') {$("#MinStock").val(0);$("#MaxStock").val(maxValue);} else if (sType === 'Price') {$("#MinPrice").val(0);$("#MaxPrice").val(maxValue);}}}/* Element verwijderen. */$(this).remove();/* Bepalen of de resetknop en header zichtbaar zijn. */ToggleFilterBlock();CategoryFilter(true, true, bInfiniteScroll);});}/** * Als het filter een slider is en er zijn values, maak dan een selected filter aan */function CreateSelectedSlider(oParentFilter) {var oRangeSlider = oParentFilter.find('.rangeslider');if (oRangeSlider.length === 0) {return;}var aValues = oRangeSlider.slider('option', 'values');/* Min en Max value moeten wel anders zijn dan default. Anders is er niks geselecteerd. */if(aValues[0] === oRangeSlider.slider('option', 'min') && aValues[1] === oRangeSlider.slider('option', 'max')) {return;}var MinHTML = oParentFilter.find('.MinValue').html();var MaxHTML = oParentFilter.find('.MaxValue').html();var sParentTitle = GetParentFilterTitile(oParentFilter);/* Bepalen wat het label is van de regel. */return sParentTitle + ': ' + MinHTML + ' t/m ' + MaxHTML+ '';}/** * Maakt selected filters aan obv de checkboxes */function CreateSelectedCheckboxes(oParentFilter) {/* De namen van de geselecteerde checkboxes ophalen. */let aFilterLables = GetCheckedFilterNamesByParent(oParentFilter);/* Niks geselecteerd, hoeft hier verder niks te gebeuren. */if(aFilterLables.length === 0){return;}let sParentTitle = GetParentFilterTitile(oParentFilter);/* Bepalen wat het label is van de regel. */return sParentTitle + ': ' + aFilterLables.join(' of ')+ '';}function CreateSelectedColors(oParentFilter) {/* De data (style en class) van de geselecteerde checkboxes ophalen. */let aFilterLables = GetCheckedColorsNamesByParent(oParentFilter);/* Niks geselecteerd, hoeft hier verder niks te gebeuren. */if(aFilterLables.length === 0){return;}let aColorLabels = [];/* Per geselecteerde kleur een ronde swatch maken. */for (var i in aFilterLables) {let sLabel ='

';aColorLabels.push(sLabel);}/* Bepalen wat het label is van de regel. */return aColorLabels.join('');}/** * Haal de title op van de Filter groep. Filter eventueel de voorloop eraf. */function GetParentFilterTitile(oParentFilter) {var sParentTitle = '';oParentFilter.find('.Title').each(function () {/* Voor de sup-filters willen wij enkel wat achter de - staat. */var sParentValue = $(this).find('a').text().split("-");sParentTitle = sParentValue.pop().trim();});return sParentTitle;}/** * Geeft de namen terug van de geselecteerde filter obv een Group * @param oParentFilter * @returns array * @constructor */function GetCheckedFilterNamesByParent(oParentFilter) {var aFilterLables = new Array();oParentFilter.find('li').each(function () {if ($(this).find('input').prop('checked') === true) {var filterTitle = $(this).find('a').text().trim();aFilterLables.push(filterTitle);}});return aFilterLables;}/** * Geeft de style en class terug van de geselecteerde kleurenfilter obv een Group * @param oParentFilter * @returns array * @constructor */function GetCheckedColorsNamesByParent(oParentFilter) {let aFilterLables = [];oParentFilter.find('.colors__swatch-round').each(function () {if ($(this).find('input').prop('checked') === true) {let filterObject = [];filterObject['class'] = $(this).data('class');filterObject['style'] = $(this).data('style');aFilterLables.push(filterObject);}});return aFilterLables;}/** * Bepalen of de container met filters zichtbaar moeten zijn. */function ToggleFilterBlock() {if ($('.checked-filters-item').length) {$('.checked-filters-container').show();} else {$('.checked-filters-container').hide();}}/** * Unchecken van alle geselecteerde filters, verbergen container * @constructor */function ResetFilters() {$('.Filter-Window input:checkbox').attr('checked', null);$('.Filter-Window').each(function () {var maxValue;$(this).find('.rangeslider').each(function () {maxValue = $(this).slider('option', 'max');$(this).slider('values',[0, maxValue]);var sType = $(this).attr('data-type');if (sType === 'Stock') {$("#MinStock").val(0);$("#MaxStock").val(maxValue);} else if (sType === 'Price') {$("#MinPrice").val(0);$("#MaxPrice").val(maxValue);}});$(this).find('input:checkbox').prop('checked', false);$(this).find('.MinValue .val').html(0);$(this).find('.min-val-input').val(0);$(this).find('.MaxValue .val').html('Onbeperkt');$(this).find('.max-val-input').val(maxValue);});CategoryFilter(true, true, bInfiniteScroll);$('.checked-filters-item').remove();$('.checked-filters-container').hide();}

Filters toepassen