diff --git a/content.js b/content.js index 4269cc0..098bb42 100644 --- a/content.js +++ b/content.js @@ -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