Update templates/processing.html

templates/processing.html

@@ -222,17 +222,48 @@
     </div>
 
     <script>
-        const jobId = '{{ job_id }}';
-        let progressWidth = 20;
-        
-        const processingState = document.getElementById('processing-state');
-        const successState = document.getElementById('success-state');
-        const errorState = document.getElementById('error-state');
-        const statusMessage = document.getElementById('status-message');
-        const progressFill = document.getElementById('progress-fill');
-        const pageTitle = document.getElementById('page-title');
-        const downloadBtn = document.getElementById('download-btn');
-        const outputFilename = document.getElementById('output-filename');
-        const errorMessage = document.getElementById('error-message');
+    const jobId = '{{ job_id }}';
+    let progressWidth = 20;
 
-        // Atualizar
+    const processingState = document.getElementById('processing-state');
+    const successState = document.getElementById('success-state');
+    const errorState = document.getElementById('error-state');
+    const statusMessage = document.getElementById('status-message');
+    const progressFill = document.getElementById('progress-fill');
+    const pageTitle = document.getElementById('page-title');
+    const downloadBtn = document.getElementById('download-btn');
+    const outputFilename = document.getElementById('output-filename');
+    const errorMessage = document.getElementById('error-message');
+
+    function checkJobStatus() {
+        fetch(`/status/${jobId}`)
+            .then(response => response.json())
+            .then(data => {
+                if (data.status === 'completed') {
+                    processingState.classList.add('hidden');
+                    successState.classList.remove('hidden');
+                    pageTitle.innerText = '✅ Transcrição Concluída';
+                    statusMessage.innerText = data.message;
+                    outputFilename.innerText = data.output_file;
+                    downloadBtn.href = `/download/${data.output_file}`;
+                } else if (data.status === 'error') {
+                    processingState.classList.add('hidden');
+                    errorState.classList.remove('hidden');
+                    pageTitle.innerText = '❌ Erro na Transcrição';
+                    errorMessage.innerText = data.message;
+                } else {
+                    statusMessage.innerText = data.message || 'Aguardando...';
+                    progressWidth = Math.min(progressWidth + 5, 95);
+                    progressFill.style.width = `${progressWidth}%`;
+                    setTimeout(checkJobStatus, 3000);
+                }
+            })
+            .catch(err => {
+                statusMessage.innerText = 'Erro ao verificar status.';
+                console.error(err);
+                setTimeout(checkJobStatus, 5000);
+            });
+    }
+
+    setTimeout(checkJobStatus, 3000);
+</script>