Dosificador de Clases

Genere su planificación académica de forma rápida y eficiente

Instrucciones para el formulario

Complete todos los campos para generar la dosificación de clases según su planificación.

Para el ingreso de tiempos:

  • Asigne tiempo solo a los días en que impartirá clases.
  • Puede ingresar solo minutos (ej: 45 min.) o combinación de horas y minutos.
  • Para 1 hora y 10 minutos, ingrese "1" en horas y "10" en minutos.
  • Para 45 minutos, puede dejar horas en "0" y escribir "45" en minutos.
El PDF seleccionado es grande. El procesamiento puede tardar hasta 2 minutos.
El procesamiento completo puede demorar hasta 60 segundos dependiendo del tamaño del PDF.
Lunes
hrs
min
Martes
hrs
min
Miércoles
hrs
min
Jueves
hrs
min
Viernes
hrs
min
Procesando PDF...
class AjaxProcessor { constructor() { this.form = document.getElementById('dosificacion-form'); this.submitBtn = document.getElementById('submitBtn'); this.loadingOverlay = document.getElementById('loading-overlay'); this.loadingMessage = document.getElementById('loading-message'); this.progressBar = document.getElementById('progress-bar'); // Referencias para campos de texto PDF this.pdfInput = document.getElementById('pdf_file'); this.pdfTextField = document.getElementById('pdf_text'); // Estado de la solicitud AJAX this.isProcessing = false; this.progressAnimation = null; this.requestAbortController = null; this.taskId = null; // Inicialización this.init(); } init() { // Reemplazar el envío del formulario con procesamiento AJAX if (this.form) { this.form.addEventListener('submit', this.handleSubmit.bind(this)); } } handleSubmit(event) { event.preventDefault(); // Validar formulario if (!this.validateForm()) { return false; } // Si ya hay un procesamiento en curso, cancelarlo if (this.isProcessing) { this.abortCurrentRequest(); } // Iniciar procesamiento AJAX this.startProcessing(); } validateForm() { // Verificar que todos los campos necesarios estén completos const docente = document.getElementById('docente').value.trim(); const centroEducativo = document.getElementById('centro_educativo').value.trim(); const pdfFile = this.pdfInput.files[0]; const pdfText = this.pdfTextField.value.trim(); // Validar campos básicos if (!docente) { this.showError('Por favor, ingrese el nombre del docente.'); return false; } if (!centroEducativo) { this.showError('Por favor, ingrese el nombre del centro educativo.'); return false; } // Validar que se haya seleccionado un PDF if (!pdfFile && !pdfText) { this.showError('Por favor, seleccione un archivo PDF.'); return false; } // Validar que al menos un día tenga tiempo asignado if (!this.validateTimes()) { this.showError('Debe asignar tiempo al menos a un día de la semana.'); return false; } return true; } validateTimes() { const days = ['lunes', 'martes', 'miercoles', 'jueves', 'viernes']; for (const day of days) { const hoursInput = document.querySelector(`input[name="${day}_horas"]`); const minutesInput = document.querySelector(`input[name="${day}_minutos"]`); const hours = hoursInput && hoursInput.value ? parseInt(hoursInput.value, 10) : 0; const minutes = minutesInput && minutesInput.value ? parseInt(minutesInput.value, 10) : 0; if (hours > 0 || minutes > 0) { return true; } } return false; } startProcessing() { this.isProcessing = true; // Mostrar overlay de carga this.showLoading('Preparando su dosificación...', 10); // Generar ID único para esta tarea this.taskId = this.generateTaskId(); // Etapa 1: Procesar el PDF (asíncrono) this.processPDF() .then(pdfText => { // Actualizar progreso this.updateProgress(40, 'PDF procesado. Preparando solicitud...'); // Etapa 2: Preparar y enviar formulario return this.submitFormData(pdfText); }) .then(resultHtml => { // Éxito! Mostrar el resultado this.displayResult(resultHtml); }) .catch(error => { // Manejar errores this.handleError(error); }); } processPDF() { return new Promise((resolve, reject) => { // Si ya tenemos el texto extraído, usarlo if (this.pdfTextField.value && this.pdfTextField.value.length > 0) { this.updateProgress(35, 'Usando texto de PDF ya procesado...'); return resolve(this.pdfTextField.value); } const pdfFile = this.pdfInput.files[0]; if (!pdfFile) { return reject(new Error('No se ha seleccionado ningún archivo PDF.')); } this.updateProgress(15, 'Procesando PDF...'); // Usar el procesador de PDF existente en la aplicación if (window.dosificadorApp && window.dosificadorApp.pdfProcessor) { this.updateProgress(20, 'Extrayendo texto del PDF...'); window.dosificadorApp.pdfProcessor.processPDF(pdfFile) .then(text => { this.updateProgress(35, 'PDF procesado correctamente'); resolve(text); }) .catch(error => { reject(new Error(`Error al procesar PDF: ${error.message || 'Error desconocido'}`)); }); } else { // Leer PDF con FileReader (solución básica si no hay procesador) const reader = new FileReader(); reader.onload = () => { this.updateProgress(35, 'PDF cargado correctamente'); resolve('Texto extraído del PDF - Procesamiento básico'); }; reader.onerror = () => { reject(new Error('No se pudo leer el archivo PDF.')); }; reader.readAsArrayBuffer(pdfFile); } }); } submitFormData(pdfText) { this.updateProgress(50, 'Enviando información al servidor...'); // Crear FormData con los datos del formulario const formData = new FormData(this.form); // Añadir el texto del PDF formData.append('pdf_text', pdfText); // Añadir ID de tarea para seguimiento formData.append('task_id', this.taskId); // Crear controlador para abortar solicitud si es necesario this.requestAbortController = new AbortController(); // Simular progreso mientras esperamos la respuesta del servidor this.animateProgress(50, 90, 30000); // 30 segundos máx para obtener respuesta // Enviar solicitud AJAX con fetch y streaming return fetch('dosificacion.php', { method: 'POST', body: formData, signal: this.requestAbortController.signal }) .then(response => { if (!response.ok) { throw new Error(`Error del servidor: ${response.status} ${response.statusText}`); } // Devolver HTML completo return response.text(); }) .then(html => { this.updateProgress(95, 'Dosificación generada. Preparando visualización...'); // Pequeña pausa para percepción de usuario return new Promise(resolve => { setTimeout(() => resolve(html), 500); }); }); } displayResult(html) { // Detener animación de progreso if (this.progressAnimation) { clearInterval(this.progressAnimation); this.progressAnimation = null; } this.updateProgress(100, '¡Dosificación completada!'); // Pequeña pausa para transición visual setTimeout(() => { // Limpiar estado de procesamiento this.isProcessing = false; this.requestAbortController = null; // Método 1: Reemplazar toda la página con el resultado document.open(); document.write(html); document.close(); /* Método alternativo: Abrir en nueva ventana const resultWindow = window.open('', `dosificacion_${this.taskId}`); resultWindow.document.write(html); resultWindow.document.close(); this.hideLoading(); */ }, 800); } handleError(error) { console.error('Error en procesamiento:', error); // Detener animación de progreso if (this.progressAnimation) { clearInterval(this.progressAnimation); this.progressAnimation = null; } // Ocultar pantalla de carga this.hideLoading(); // Mostrar mensaje de error this.showError(error.message || 'Ha ocurrido un error inesperado. Por favor, intente nuevamente.'); // Restablecer estado this.isProcessing = false; this.requestAbortController = null; } abortCurrentRequest() { if (this.requestAbortController) { this.requestAbortController.abort(); this.requestAbortController = null; } if (this.progressAnimation) { clearInterval(this.progressAnimation); this.progressAnimation = null; } this.isProcessing = false; this.hideLoading(); } // Métodos auxiliares showLoading(message, progress) { if (window.dosificadorApp && window.dosificadorApp.ui && window.dosificadorApp.ui.showLoading) { window.dosificadorApp.ui.showLoading(message, progress); } else if (this.loadingOverlay) { this.loadingOverlay.style.display = 'block'; if (this.loadingMessage) { this.loadingMessage.textContent = message || 'Procesando...'; } if (this.progressBar && progress !== undefined) { this.progressBar.style.width = `${progress}%`; } } } hideLoading() { if (window.dosificadorApp && window.dosificadorApp.ui && window.dosificadorApp.ui.hideLoading) { window.dosificadorApp.ui.hideLoading(); } else if (this.loadingOverlay) { this.loadingOverlay.style.display = 'none'; } } updateProgress(percent, message) { if (window.dosificadorApp && window.dosificadorApp.ui) { window.dosificadorApp.ui.showLoading(message, percent); } else if (this.progressBar) { this.progressBar.style.width = `${percent}%`; if (this.loadingMessage && message) { this.loadingMessage.textContent = message; } } } animateProgress(start, end, duration = 5000) { if (this.progressAnimation) { clearInterval(this.progressAnimation); } const startTime = Date.now(); const diff = end - start; this.updateProgress(start, this.loadingMessage ? this.loadingMessage.textContent : null); this.progressAnimation = setInterval(() => { const elapsed = Date.now() - startTime; const progress = Math.min(elapsed / duration, 1); const current = start + (diff * progress); this.updateProgress(current); if (progress >= 1) { clearInterval(this.progressAnimation); this.progressAnimation = null; } }, 50); } showError(message) { if (window.dosificadorApp && window.dosificadorApp.ui && window.dosificadorApp.ui.showError) { window.dosificadorApp.ui.showError(message); } else { const errorAlert = document.getElementById('error-alert'); const errorMessage = document.getElementById('error-message'); if (errorAlert && errorMessage) { errorMessage.textContent = message; errorAlert.style.display = 'block'; // Scroll to error errorAlert.scrollIntoView({ behavior: 'smooth', block: 'center' }); } else { alert(message); } } } generateTaskId() { return `task_${Date.now()}_${Math.floor(Math.random() * 1000000)}`; } } // Inicializar procesador AJAX cuando el DOM esté listo document.addEventListener('DOMContentLoaded', () => { // Dar tiempo a que se inicialice dosificadorApp primero setTimeout(() => { window.ajaxProcessor = new AjaxProcessor(); console.log('Procesador AJAX inicializado'); }, 300); });