Events

'); const $loadMore = $('#loadMoreBtn'); const $noPostFound = $('.no-post-found'); // $loadMore.hide(); function eventsDOM() { return $post_grid.find('article.eael-grid-post'); } function toggleEvent($ev, show) { if (show) { $ev.removeClass('cd-hidden'); } else { $ev.addClass('cd-hidden'); } } function hideAllEvents() { toggleEvent(eventsDOM(), false); } function showHideLoadMoreBtn() { if (has_more) { // $loadMore.show(); // stupid elementor structure, need to override native "attr" $loadMore.attr('style', 'display: flex;'); } else { $loadMore.attr('style', 'display: none !important;'); } } function shallShowEvent (event_terms) { // confirmed to use "AND" logic // console.log('Evaluating event taxonomy', event_terms); for (const [filter_term, filter_value] of Object.entries(current_filters)) { // console.log('Filter:', filter_term, filter_value); if (filter_value === '') { // POSSITIVE } else if ( ! event_terms[filter_term] || event_terms[filter_term].length === 0) { // NEGATIVE return false; } else { if (event_terms[filter_term].includes(filter_value)) { // POSSITIVE } else { // NEGATIVE return false; } } } return true; } function loadMoreEvents() { if ( ! has_more) { console.log('Hmm, not sure why you can see the btn, but no more to load...'); return; } renderEvents(current_page + 1); } function renderEvents(page) { current_page = page; const index_eq = (page - 1) * ITEM_PER_PAGE; // `_eq` as being used in jQuery.eq( zero_base_index ) console.log('Render page', page); console.log('Start index (zero-based)', index_eq); let rendered_count = 0; let $ev = eventsDOM().eq(index_eq); while (rendered_count < ITEM_PER_PAGE) { if ( ! $ev || $ev.length === 0) { // nah, just break break; } if (shallShowEvent($ev.data('post_terms'))) { // $ev.show(); toggleEvent($ev, true); rendered_count++; } // prepare $ev to next event $ev = $ev.next(); } console.log('Rendered count', rendered_count); // detect if possible to load more if ( ! $ev || $ev.length === 0) { has_more = false; } else { // fully rendered, try sneaking the rest item if any item matched the filter if (rendered_count >= ITEM_PER_PAGE) { has_more = false; while(1) { if (shallShowEvent($ev.data('post_terms'))) { // FOUND you has_more = true; break; } $ev = $ev.next(); if ( ! $ev || $ev.length === 0) { // no more items ti check break; } } } else { has_more = false; } } if (rendered_count > 0) { $noPostFound.hide(); } else { $noPostFound.show(); } showHideLoadMoreBtn(); } function applyFilter() { console.log('Apply filter'); // Hide all events from the previous filter result hideAllEvents(); // Re-render from page 1 renderEvents(1); } // Just apply the default filter applyFilter(); // bind load more btn event $loadMore.on('click', function(e) { e.preventDefault(); // attempt to render next page loadMoreEvents(); }); // bind the filter's dropdown $('.filter-container').on('change', 'select', function(e) { const id = this.id const val = $(this).val(); console.log('Selected filter', id, val); current_filters[id] = val; applyFilter(); }); });