Add comprehensive debugging to popup

🔍 Debug logging added:
- Log every updateProgress() call with parameters
- Check if popup exists before updating
- Log percentage calculations
- Verify all DOM elements are found
- Log each element update (title, count, percent, status, bar)
- Force popup visibility with display: block and opacity: 1
- Log popup position on screen

This will help identify exactly where the popup is failing
This commit is contained in:
renato97
2025-11-04 05:07:39 +00:00
parent 9068abfe9c
commit 951fc56be8

View File

@@ -64,8 +64,19 @@
// Actualizar progreso
function updateProgress(current, total, title, status) {
const popup = document.getElementById('mass-downloader-progress-popup') || createFloatingProgressPopup();
console.log('📊 updateProgress() llamado:', { current, total, title, status });
let popup = document.getElementById('mass-downloader-progress-popup');
if (!popup) {
console.log('⚠️ Popup no existe, creando uno nuevo...');
popup = createFloatingProgressPopup();
} else {
console.log('✅ Popup existe, actualizando...');
}
const percent = total > 0 ? Math.round((current / total) * 100) : 0;
console.log(`📈 Porcentaje calculado: ${percent}%`);
const titleEl = document.getElementById('progress-title');
const countEl = document.getElementById('progress-count');
@@ -73,13 +84,39 @@
const statusEl = document.getElementById('progress-status');
const barEl = document.getElementById('progress-bar-fill');
if (titleEl) titleEl.textContent = title || 'Descargando...';
if (countEl) countEl.textContent = `${current} / ${total}`;
if (percentEl) percentEl.textContent = `${percent}%`;
if (statusEl) statusEl.textContent = status || '';
if (barEl) barEl.style.width = `${percent}%`;
console.log('🔍 Elementos encontrados:', {
titleEl: !!titleEl,
countEl: !!countEl,
percentEl: !!percentEl,
statusEl: !!statusEl,
barEl: !!barEl
});
if (titleEl) {
titleEl.textContent = title || 'Descargando...';
console.log('📝 Título actualizado:', titleEl.textContent);
}
if (countEl) {
countEl.textContent = `${current} / ${total}`;
console.log('🔢 Contador actualizado:', countEl.textContent);
}
if (percentEl) {
percentEl.textContent = `${percent}%`;
console.log('📊 Porcentaje actualizado:', percentEl.textContent);
}
if (statusEl) {
statusEl.textContent = status || '';
console.log('💬 Status actualizado:', statusEl.textContent);
}
if (barEl) {
barEl.style.width = `${percent}%`;
console.log('📊 Barra actualizada:', `${percent}%`);
}
popup.style.display = 'block';
popup.style.opacity = '1';
console.log('✅ Popup visible, display:', popup.style.display);
console.log('✅ Popup en pantalla:', popup.getBoundingClientRect());
}
// Ocultar progreso