document.addEventListener('DOMContentLoaded', async ()=>{ console.log('Cursos.js cargado'); console.log(cursosData); const cursosContainer = document.getElementById('cursos-container'); const cursos_agrupados = cursosData.cursos_por_nivel ? cursosData.cursos_por_nivel : null ; const post_title = cursosData.post_title ? cursosData.post_title : null ; const los_agrupados = cursosData.cursos_agrupados ? cursosData.cursos_agrupados : null ; const url_sitio = cursosData.url_sitio ? cursosData.url_sitio : null ; const user_query = cursosData.user_query ? cursosData.user_query : null ; const cat_slug = cursosData.cat_slug ? cursosData.cat_slug : null ; // Obtener la URL completa const url = new URL(window.location.href); const pathname = url.pathname; //console.log(pathname) //console.log('cursos_agrupados') //console.log(los_agrupados) console.log('user_query') console.log(user_query) //console.log('data_util') //console.log(data_util) //Pintar cursos if (typeof cursosData !== 'undefined' && cursos_agrupados) { const cursos_al_iniciar = await filtrarCursosQuery(user_query); procesarCursos(cursos_al_iniciar); } else { console.error('No se encontraron datos de cursos'); const cursosContainer = document.getElementById('cursos-container'); cursosContainer.innerHTML = ''; cursosContainer.innerHTML = 'No se encontraron datos de cursos'; } // Filtrar cursos segun query async function filtrarCursosQuery(new_query) { let cursosFiltrados = {}; const isQueryEmpty = Object.values(new_query).every(value => value.trim() === ''); // Si la query está vacía, devolver todos los cursos if (isQueryEmpty) return cursos_agrupados; // Función para normalizar los valores de conocimiento function normalizarConocimiento(valor) { return valor.trim().toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, '').replace(/\s+/g, ''); } // Procesar query for (let nivel in cursos_agrupados) { //console.log(`Filtrando nivel: ${nivel}`); //console.log(new_query); if (cursos_agrupados.hasOwnProperty(nivel)) { cursosFiltrados[nivel] = cursos_agrupados[nivel].filter(curso => { //console.log(curso); let modalidadMatch = true; let duracionMatch = true; let sedeMatch = true; let conocimientoMatch = true; let nivel_especificoMatch = true; // Verificar modalidad if (new_query.modalidad && !new_query.modalidad.toLowerCase().startsWith('tod')) { if (new_query.modalidad.toLowerCase() === 'online') { modalidadMatch = curso.Sede && curso.Sede.trim().toLowerCase() === 'on line'; } else { modalidadMatch = curso.Sede && curso.Sede.trim().toLowerCase() !== 'on line'; } } // Verificar duración if (new_query.duracion && !new_query.duracion.toLowerCase().startsWith('tod')) { duracionMatch = curso.duracion && curso.duracion.trim().toLowerCase() === new_query.duracion.toLowerCase(); } // Verificar sede if (new_query.modalidad.toLowerCase() !== 'online' && new_query.sede && !new_query.sede.toLowerCase().startsWith('tod') && new_query.sede !== '-') { sedeMatch = curso.Sede && curso.Sede.trim().toLowerCase() === new_query.sede.toLowerCase(); } // Verificar conocimiento if (new_query.nivel && !new_query.nivel.toLowerCase().startsWith('tod')) { const conocimientoNormalizado = normalizarConocimiento(curso.conocimiento || ''); const queryConocimientoNormalizado = normalizarConocimiento(new_query.nivel); //console.log(`Comparando ${conocimientoNormalizado} === ${queryConocimientoNormalizado}`); conocimientoMatch = conocimientoNormalizado === queryConocimientoNormalizado; } // Verificar nivel_especifico if (new_query.nivel_especifico) { if (new_query.nivel_especifico === 'TEENS') { nivel_especificoMatch = curso.nivel.includes('TEENS') && !curso.nivel.includes('PRE-TEENS'); } else { nivel_especificoMatch = new_query.nivel_especifico === curso.nivel; } } return modalidadMatch && duracionMatch && sedeMatch && conocimientoMatch && nivel_especificoMatch; }); } } return cursosFiltrados; } // Procesa y muestra los cursos async function procesarCursos(procesar_cursos){ console.log('procesarCursos:'); console.log(procesar_cursos); console.log(Object.keys(procesar_cursos).length); let html_niveles = ''; // Limpia el contenedor cursosContainer.innerHTML = ''; // Verificar si todos los arrays en procesar_cursos están vacíos const todosVacios = Object.values(procesar_cursos).every(arr => arr.length === 0); if (todosVacios) { cursosContainer.innerHTML = '

Sin resultados

'; return; } for (const nivel in procesar_cursos) { if (procesar_cursos.hasOwnProperty(nivel)) { const cursos = procesar_cursos[nivel]; // Verificar si hay cursos para procesar el nivel if (cursos.length === 0) continue; console.log('Pintando nivel:', nivel); let html_nivel = `

${nivel.toUpperCase()}

`; let html_cursos = ''; for (const curso of cursos) { html_cursos += await createElementElementor(curso); } html_nivel += html_cursos; html_nivel += `
`; html_niveles += html_nivel; } } cursosContainer.innerHTML = html_niveles; }; async function createElementElementor(curso){ //console.log('createElementElementor'); //console.log('Curso'); //console.log(curso); let htlm_element_curso = `
` //Columna sede if(curso.online == "Online" || curso.Sede == "On Line"){ htlm_element_curso += `
  • ${curso.Sede}
`; } else { htlm_element_curso += `
  • ${curso.Sede}
`; } //Columna horarios e inscripcion htlm_element_curso += `
`; htlm_element_curso += `
  • ${curso.Dias}
  • ${curso.HoraInicio.slice(0, -3)} a ${curso.HoraFin.slice(0, -3)}
`; htlm_element_curso += `
${curso.duracion.toUpperCase()}
`; htlm_element_curso += `
`; htlm_element_curso += `
`; return htlm_element_curso; } //Formulario Filtro const form_filtroCursos = document.getElementById('filtrar_cursos'); const form_modalidad = document.getElementById('form-field-modalidad'); const form_duracion = document.getElementById('form-field-duracion'); const form_nivel = document.getElementById('form-field-nivel'); const form_sede = document.getElementById('form-field-zona'); const form_edad = document.getElementById('form-field-edad'); // Agregar titulo al select form function addTitleOption(selectElement, titleText) { let titleOption = document.createElement("option"); titleOption.value = ""; // Valor vacío para la opción de título titleOption.textContent = titleText; titleOption.selected = true; selectElement.prepend(titleOption); } // Agregar títulos a los select específicos del formulario filtro addTitleOption(form_modalidad, "Modalidad"); addTitleOption(form_duracion, "Duración"); addTitleOption(form_nivel, "Nivel"); addTitleOption(form_sede, "Zona"); //addTitleOption(form_edad, "Edad"); function cargarEdadSelect(){ // Add option que edad en select if (cat_slug) { const options = data_util.filter(element => element.categoria === cat_slug); // remove while (form_edad.firstChild) { form_edad.removeChild(form_edad.firstChild); } // add options.forEach(optionData => { let option_select_edad = document.createElement('option'); option_select_edad.value = optionData.categoria; option_select_edad.text = optionData.option; option_select_edad.disabled = true; option_select_edad.selected = true; form_edad.appendChild(option_select_edad); form_edad.disabled = true; }); } } cargarEdadSelect(); // Escuchar cambios select Presencial a Online form_modalidad.addEventListener('change', function() { if (form_modalidad.value === 'Online') { form_sede.disabled = true; let option = document.createElement('option'); option.value = '-'; option.text = '-'; form_sede.add(option); form_sede.value = '-'; } else { for (let i = 0; i < form_sede.options.length; i++) { if (form_sede.options[i].value === '-') { form_sede.remove(i); } } form_sede.disabled = false; } }); if (form_filtroCursos) { form_filtroCursos.addEventListener('submit', async(event)=> { event.preventDefault(); // Obtener todos los campos del formulario const query_form = { modalidad: form_modalidad.value === "Modalidad" ? '' : form_modalidad.value, nivel: form_nivel.value.trim().replace(/\s+/g, '').toLowerCase() === "nivel" ? '' : form_nivel.value.trim().replace(/\s+/g, '').toLowerCase(), edad: form_edad.value === "Edad" ? '' : form_edad.value, duracion: form_duracion.value.trim() === "Duración" ? '' : form_duracion.value.trim(), sede: form_sede.value.trim() === "Zona" ? '' : form_sede.value.trim(), nivel_especifico: '' }; console.log('Query del Formulario') console.log(query_form) const cursosFiltrados_form = await filtrarCursosQuery(query_form); // Usar setTimeout para forzar la reasignación de valores setTimeout(function() { selectOption(form_modalidad, query_form.modalidad); selectOption(form_nivel, query_form.nivel); //selectOption(form_edad, query_form.edad); // Redundancia Add option que edad en select if (cat_slug) { const options = data_util.filter(element => element.categoria === cat_slug); // remove while (form_edad.firstChild) { form_edad.removeChild(form_edad.firstChild); } // add options.forEach(optionData => { let option_select_edad = document.createElement('option'); option_select_edad.value = optionData.categoria; option_select_edad.text = optionData.option; option_select_edad.disabled = true; option_select_edad.selected = true; form_edad.appendChild(option_select_edad); form_edad.disabled = true; }); } selectOption(form_duracion, query_form.duracion); selectOption(form_sede, query_form.sede); }, 50); procesarCursos(cursosFiltrados_form); }); } else { console.error('Formulario con ID "filtrar_cursos" no encontrado.'); } // Función para seleccionar una opción específica function selectOption(selectElement, titleText) { for (let option of selectElement.options) { if (option.text === titleText) { option.selected = true; break; } } } });