Drentse Fiets4Daagse (2024)

', ].join('\n') , vars: { url: (!!ODPurls[data.type] && !!data.published || (!!data.published === false && !!data.expired) ? ODPurls[data.type].replace('%urlSlug%', encodeURIComponent(data.urlSlug)).replace('%urlHash%', encodeURIComponent(data.hash)) : ''), hasThumbnail: 'leaflet-popup-content__link--has-no-thumbnail' } }; }, noResultsMessage: 'Geen\u0020resultaten\u0020gevonden', }); ODPitems.setMarkerSet(ODPmarkers); (function ($) { $('#item-nearby-category-filters input[type=radio]', this.form).on('change', function (e) { // if an item was checked, reset the other filters if ($(this).is(':checked')) { resetFilters(this, false, true); } setFilterClasses(this, true); // selectAllFilters(this); var categories = $('#item-nearby-category-filters input:checked').map(function () { return this.value.split(','); }).get(); ODPitems.setFilter('category', categories); if (categories.length > 0) { ODPitemMap.reload(ODPitems); } else { ODPitemMap.clearMarkers(ODPitems); } }); $('#item-nearby-category-filters input[type=checkbox]', this.form).on('change', function (e) { if ((typeof e.isTrigger == 'undefined') && $(this).closest('.filter-option__list--active').find('.filter__option__class-children-selected').hasClass('filter-option--active')) { // uncheck every other item and recheck the current item $(this).closest('.filter-option__list--active').find('input[type=checkbox]').prop('checked', false); $(this).prop('checked', true); } // if an item was checked, reset the other filters if ($(this).is(':checked')) { resetFilters(this, false); } setFilterClasses(this); var categories = $('#item-nearby-category-filters input:checked').map(function () { return this.value.split(','); }).get(); ODPitems.setFilter('category', categories); if (categories.length > 0) { ODPitemMap.reload(ODPitems); } else { ODPitemMap.clearMarkers(ODPitems); } }); $('#item-nearby-category-filters .filter__option__class-children-selected').on('click', function () { if ($(this).hasClass('filter-option--active')) { resetFilters(this, true); $(this).removeClass('filter-option--active'); $('#item-nearby-category-filters input[type=checkbox]').trigger('change'); addReadMoreButton(''); $('#item-nearby-filters .filter__option-items > li > ul').each(function () { $(this).trigger('scroll'); }); } else { resetFilters(this, false); selectAllFilters(this); } }); $(document).on('ready', function () { addReadMoreButton(''); $('#item-nearby-filters .filter__option-items > li > ul').each(function () { $(this).trigger('scroll'); }); }); $(document).on('click', '#item-nearby-filters .item-nearby-show-results-button', function () { $(this).closest('ul').hide(100); }); $(document).on('click mouseenter', '#item-nearby-filters .filter__option-items', function () { $(this).find('ul').css('display', ''); }); /** * Reset every other filter except the filters under the current parent * * @param item * @param resetAllFilters * @param itemIsParent */ function resetFilters(item, resetAllFilters, itemIsParent) { var itemIsParent = typeof itemIsParent !== 'undefined' ? itemIsParent : false; $parentList = itemIsParent == false ? $(item).closest('ul').closest('li') : $(item); $parentTotal = $parentList.closest('ul.filter__option-items'); if ($(item).data('type') === 'single') { $parentList = $(item).closest('li'); $parentTotal = $(item).closest('ul.filter__option-items'); } $parentTotal.children('li').each(function () { var reset = false; if ($(this).get(0) !== $parentList.get(0)) { reset = true; } if (reset || resetAllFilters) { $(this).removeClass('filter-option__list--active'); $(this).find('input[type=checkbox]').prop('checked', false); } }); } /** * Select all filters under current parent * * @param item */ function selectAllFilters(item) { $(item).closest('ul').find('input[type=checkbox]').prop('checked', true).change(); } /** * Set all the filter classes * * @param item * @param itemIsParent */ function setFilterClasses(item, itemIsParent) { $('#item-nearby-category-filters .filter-option--active').removeClass('filter-option--active'); $('#item-nearby-category-filters .filter-option__list--active').removeClass('filter-option__list--active'); var itemIsParent = typeof itemIsParent !== 'undefined' ? itemIsParent : false; var $parent; if (itemIsParent) { $parent = $(item).closest('li'); } else { if ($(item).closest('label').hasClass('filter-option__parent')) { $parent = $(item).closest('.filter-option__parent').parent(); } else { $parent = $(item).closest('ul').parent(); } } var checkedBoxes = $parent.find('input[type=checkbox]:checked'); var boxes = $parent.find('input[type=checkbox]'); if (boxes.length === checkedBoxes.length) { $parent.addClass('filter-option__list--active'); $parent.find('label').removeClass('filter-option--active'); $parent.find('.filter__option__class-children-selected').addClass('filter-option--active'); } else if (checkedBoxes.length >= 1) { $parent.addClass('filter-option__list--active'); checkedBoxes.each(function () { $(this).parent().addClass('filter-option--active'); }); } } })(jQuery); /** * Add the read more button * * @param count */ function addReadMoreButton(count) { jQuery('#item-nearby-filters .show-results-button__wrapper').remove(); jQuery('#item-nearby-filters .filter__option-items > li > ul').append('

') }