feat: upload progressbar

This commit is contained in:
kodi
2026-03-14 07:28:31 +01:00
parent f0b04fd4ee
commit f092007998
6 changed files with 170 additions and 40 deletions
+15 -5
View File
@@ -104,11 +104,6 @@
<button id="delete-btn" type="button" disabled><span class="shortcut-hint">F8</span><span>Delete</span></button>
</div>
<input id="upload-input" type="file" multiple hidden>
<div id="upload-progress" class="upload-progress hidden" aria-live="polite">
<div id="upload-target" class="upload-progress-target"></div>
<div id="upload-current-file" class="upload-progress-file"></div>
<div id="upload-count" class="upload-progress-count"></div>
</div>
<div id="actions-error" class="error"></div>
</section>
</div>
@@ -170,6 +165,21 @@
</div>
</div>
<div id="upload-modal" class="popup-overlay hidden" role="dialog" aria-modal="true" aria-labelledby="upload-modal-title">
<div class="popup-card upload-modal-card">
<h3 id="upload-modal-title">Uploading</h3>
<div id="upload-modal-target" class="popup-meta"></div>
<div id="upload-modal-current-file" class="popup-meta"></div>
<div class="upload-modal-progress">
<div id="upload-modal-progress-bar" class="upload-modal-progress-bar"></div>
</div>
<div id="upload-modal-count" class="upload-modal-count"></div>
<div id="upload-modal-status" class="popup-meta"></div>
<div class="popup-actions">
<button id="upload-modal-cancel-btn" type="button">Cancel</button>
</div>
</div>
</div>
<div id="search-modal" class="popup-overlay hidden" role="dialog" aria-modal="true" aria-labelledby="search-title">
<div class="popup-card search-card">
<button id="search-close-btn" class="viewer-close" type="button" aria-label="Close search">X</button>