diff --git a/frontend/templates/index.html b/frontend/templates/index.html index 5e41565..ede9020 100644 --- a/frontend/templates/index.html +++ b/frontend/templates/index.html @@ -69,9 +69,9 @@ function toggleSourceInput(e) { // ── Progress helpers ────────────────────────────────────────────── function setPhase(label, pct, isSpinner) { const el = document.getElementById('phase-label'); - if (el) el.innerHTML = (isSpinner ? ' ' : '') + label; const fill = document.getElementById('progress-fill'); - if (fill) { fill.style.width = pct + '%'; fill.textContent = pct > 0 ? pct + '%' : ''; } + console.log('[setPhase] el:', !!el, 'fill:', !!fill, 'label:', label, 'pct:', pct); + if (el) el.innerHTML = (isSpinner ? ' ' : '') + label; } function showError(msg) { @@ -135,8 +135,8 @@ async function handleUpload(formData) { xhr.timeout = 7200000; // 2 hour timeout for very large uploads xhr.upload.addEventListener('progress', (e) => { + console.log('[upload] progress', e.loaded, e.total, e.lengthComputable); if (e.lengthComputable) { - const pct = Math.round((e.loaded / e.total) * 100); setPhase('Uploading source file... ' + (e.loaded / (1024**3)).toFixed(1) + ' GiB', pct, false); } else { // Fallback: show bytes uploaded even without total @@ -145,6 +145,7 @@ async function handleUpload(formData) { }); xhr.addEventListener('loadstart', () => { + console.log('[upload] loadstart'); setPhase('Uploading source file...', 0, true); });