Implement temporary storage monitoring and clean up system maintenance features

This commit is contained in:
2026-06-29 08:10:53 -04:00
parent 71f7b89099
commit c653bd1eed
3 changed files with 302 additions and 0 deletions
+36
View File
@@ -564,6 +564,42 @@
</div>
</section>
<!-- Temporary Storage & Maintenance Section -->
<section class="maintenance-section glass-card" style="margin-top: 3rem;">
<div class="queue-header">
<h2><i class="fa-solid fa-hard-drive"></i> Temporary Storage & Maintenance</h2>
<div style="display: flex; gap: 0.5rem;">
<button type="button" id="refresh-temp-btn" class="btn btn-secondary btn-small">
<i class="fa-solid fa-arrows-rotate"></i> Refresh
</button>
<button type="button" id="cleanup-temp-btn" class="btn btn-danger btn-small">
<i class="fa-solid fa-broom"></i> Clean Up Inactive Temp
</button>
</div>
</div>
<p style="color: var(--text-muted); font-size: 0.9rem; margin-bottom: 1.5rem;">
Monitor temporary image frames created during upscaling. Running jobs cannot be cleared.
</p>
<div class="temp-stats-summary" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-bottom: 1.5rem;">
<div class="glass-card" style="padding: 1rem; background: rgba(255,255,255,0.01); text-align: center;">
<span style="font-size: 0.75rem; color: var(--text-muted); text-transform: uppercase; display: block;">Total Temp Size</span>
<strong id="temp-total-size" style="font-size: 1.5rem; color: var(--primary);">0 Bytes</strong>
</div>
<div class="glass-card" style="padding: 1rem; background: rgba(255,255,255,0.01); text-align: center;">
<span style="font-size: 0.75rem; color: var(--text-muted); text-transform: uppercase; display: block;">Temp Folders Count</span>
<strong id="temp-folder-count" style="font-size: 1.5rem; color: var(--primary);">0</strong>
</div>
</div>
<div id="temp-files-list" style="display: flex; flex-direction: column; gap: 0.75rem;">
<!-- Temp files populated dynamically -->
<div style="text-align: center; padding: 2rem; border: 1px dashed var(--border-color); border-radius: 12px; color: var(--text-muted);">
<p>No temporary directories found.</p>
</div>
</div>
</section>
<!-- Completed Video Gallery -->
<section class="gallery-section glass-card" style="margin-top: 3rem;">
<div class="gallery-header">