Implement temporary storage monitoring and clean up system maintenance features
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user