Implement queued jobs workflow and uploaded source file browser

This commit is contained in:
2026-06-23 16:13:10 -04:00
parent 79d67ea6a5
commit 2ceb948b98
3 changed files with 323 additions and 13 deletions
+21 -1
View File
@@ -49,6 +49,23 @@
</button>
</div>
</div>
<!-- Previously Uploaded Files Browser -->
<div class="glass-card" style="margin-top: 2rem; padding: 1.5rem;">
<div style="display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--border-color); padding-bottom: 0.75rem; margin-bottom: 1rem;">
<h3 style="margin: 0; font-family: var(--font-heading); font-size: 1.25rem;"><i class="fa-solid fa-folder-tree" style="color: var(--primary); margin-right: 0.5rem;"></i> Previously Uploaded Source Videos</h3>
<button type="button" id="refresh-uploads-btn" class="btn btn-secondary btn-small">
<i class="fa-solid fa-arrows-rotate"></i> Refresh
</button>
</div>
<div id="uploads-browser-list" style="display: flex; flex-direction: column; gap: 0.75rem;">
<!-- Dynamically populated files -->
<div style="text-align: center; padding: 2rem; color: var(--text-muted);">
<i class="fa-solid fa-photo-film" style="font-size: 2rem; margin-bottom: 0.5rem; color: rgba(255,255,255,0.15);"></i>
<p>No uploaded files found. Upload a video above to get started!</p>
</div>
</div>
</div>
</div>
<!-- Step 2: Configuration & Preview -->
@@ -455,7 +472,10 @@
</div>
<!-- Action control -->
<div style="display: flex; justify-content: flex-end;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-top: 1.5rem;">
<button type="button" id="back-to-workspace-btn" class="btn btn-secondary">
<i class="fa-solid fa-arrow-left"></i> Add Another Job
</button>
<button type="button" id="cancel-upscale-btn" class="btn btn-danger">
<i class="fa-solid fa-circle-stop"></i> Abort Upscaling Job
</button>