Upcoming events for innovators

`; }); resultsContainer.insertAdjacentHTML('beforeend', resultHtml); let hidden = document.querySelectorAll(".events-card.d-none"); let hiddenItems = [...hidden]; let index = 0; while (hiddenItems.length > 0) { index++; const item = hiddenItems.shift(); item.classList.remove("d-none"); setTimeout(() => { item.classList.add("scale-up-to") item.classList.remove("opacity-0") }, (index) * 100 + 50); } if (resultJson.paging) { e.target.dataset.next = resultJson.paging.next.after; loadMoreButton.style.display = 'inline-block'; } else { loadMoreButton.style.display = 'none'; if (resultsContainer.innerHTML.trim() == '') { resultsContainer.innerHTML = ''; } } } else { console.error(xhr.statusText); } } }; xhr.open('GET', 'https://api.hubspot.com/cms/v3/hubdb/tables/1040840/rows?portalId=1958393&limit=9' + (e.target.dataset.next ? '&after=' + e.target.dataset.next : '') + '&sort=start_date&start_date__gte=' + Date.now() + filters, true); xhr.send(); } const form = document.querySelector('#module--events-module_16814860067453 form'); form.addEventListener('submit', function (e) { e.preventDefault(); e.stopPropagation(); filterPosts(loadMoreButton); }); const filters = document.querySelectorAll('.event-filter'); filters.forEach(function (filter) { filter.addEventListener('change', function (e) { e.preventDefault(); e.stopPropagation(); if (e.target.tagName === 'SELECT') { const search = document.getElementById('search-filter-module_16814860067453'); if (search) search.value = ''; filterPosts(loadMoreButton); } }); }); function setFilters(loadMoreButton) { const filters = document.querySelectorAll('#module--events-module_16814860067453 .event-filter'); let filterString = ''; loadMoreButton.dataset.filters = ''; // clear filters loadMoreButton.dataset.next = ''; // clear next filters.forEach(function (filter) { if (filter.value) { const filterValue = filter.value; const filterType = filter.dataset.filter; const filterOperator = filter.dataset.operator; if (filterOperator) filterString += `&${filterType}__${filterOperator}=${filterValue}`; else filterString += `&${filterType}=${filterValue}`; } }); loadMoreButton.dataset.filters = encodeURIComponent(filterString); } function filterPosts(loadMoreButton) { setFilters(loadMoreButton); // clear results const resultsContainer = document.getElementById('api-results-module_16814860067453'); resultsContainer.innerHTML = ''; loadMoreButton.dispatchEvent(new Event('click')); } });