Spaces:
Paused
Paused
Update static/js/main.js
Browse files- static/js/main.js +12 -0
static/js/main.js
CHANGED
|
@@ -99,6 +99,18 @@ document.addEventListener('DOMContentLoaded', function() {
|
|
| 99 |
downloadBtn.download = `translated_media.${outputType === 'video' ? 'mp4' : 'mp3'}`;
|
| 100 |
|
| 101 |
// Show results
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 102 |
resultArea.classList.remove('d-none');
|
| 103 |
downloadBtn.classList.remove('d-none');
|
| 104 |
updateProgress(100, 'Translation complete!');
|
|
|
|
| 99 |
downloadBtn.download = `translated_media.${outputType === 'video' ? 'mp4' : 'mp3'}`;
|
| 100 |
|
| 101 |
// Show results
|
| 102 |
+
const thumbnailHTML = `
|
| 103 |
+
<div class="alert alert-success">
|
| 104 |
+
<div class="d-flex align-items-center">
|
| 105 |
+
<img src="${url}" alt="Video thumbnail" style="width: 210px; height: 120px; object-fit: cover; margin: 0 auto; border-radius: 9px; margin: 10px auto;">
|
| 106 |
+
<div>
|
| 107 |
+
<strong>Video úspěšně staženo!</strong>
|
| 108 |
+
<br>
|
| 109 |
+
<small class="text-muted">Připraveno ke zpracování</small>
|
| 110 |
+
</div>
|
| 111 |
+
</div>
|
| 112 |
+
</div>`;
|
| 113 |
+
resultArea.innerHTML = thumbnailHTML;
|
| 114 |
resultArea.classList.remove('d-none');
|
| 115 |
downloadBtn.classList.remove('d-none');
|
| 116 |
updateProgress(100, 'Translation complete!');
|