International Seminars

document.addEventListener("DOMContentLoaded", function () { var grid = document.getElementById("masters-grid"); var profLoaded = grid.querySelector(".profesoresLoaded"); var profTotales = grid.querySelector(".profesoresTotales").innerHTML; var profProgressBar = grid.querySelector(".contadorDeProfesoresBarraProgreso"); var profLoadMoreBtn = grid.querySelector(".e-loop__load-more .elementor-button-text"); function readProfCards() { updatePagePagination(); var profQuant = grid.querySelectorAll('.mastersCard').length; profLoaded.innerHTML = profQuant; var calcPercentProfQuery = ((profQuant * 100)/profTotales); let calcPercentProfQueryRounded = Math.round(calcPercentProfQuery); profProgressBar.style.width = calcPercentProfQueryRounded + '%'; if(calcPercentProfQueryRounded == '100'){ grid.querySelector(".contadorDeProfesoresContainer").style.marginTop = "30px"; }; } function updatePagePagination() { // Encontrar el elemento con la clase 'e-load-more-anchor' var loadMoreAnchor = document.querySelector('.e-load-more-anchor'); if(loadMoreAnchor){ // Obtener la URL actual del atributo 'data-next-page' var nextPageUrl = loadMoreAnchor.getAttribute('data-next-page'); // Obtener los parámetros de la URL actual var currentParams = window.location.search; // Extraer el número de página actual var pageNumber = nextPageUrl.match(/\/(\d+)\/?$/)[1]; // Construir la nueva URL con '/page/' seguido del número de página dinámico y los parámetros var newNextPageUrl = nextPageUrl.replace(/\/(\d+)\/?$/, '/page/' + pageNumber) + currentParams; // Actualizar el atributo 'data-next-page' con la nueva URL modificada loadMoreAnchor.setAttribute('data-next-page', newNextPageUrl); // Verificar si el atributo se ha actualizado correctamente console.log(loadMoreAnchor.getAttribute('data-next-page')); } } const loadMoreAnchor = grid.querySelector('.e-load-more-anchor'); const mutationCallback = (mutationsList, observer) => { for (const mutation of mutationsList) { if (mutation.type === 'attributes' && mutation.attributeName === 'data-page') { readProfCards(); } } }; const observerOptions = { attributes: true }; const clickCallback = () => { const observer = new MutationObserver(mutationCallback); observer.observe(loadMoreAnchor, observerOptions); profLoadMoreBtn.removeEventListener('click', clickCallback); }; if (profLoadMoreBtn) { profLoadMoreBtn.addEventListener('click', clickCallback); } readProfCards(); });