jamesp/videoscroller
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Front end improvements

Browse Source
This commit is contained in:
James Pattinson
2026-02-01 05:57:52 -05:00
parent a7aedd3b64
commit 2193c37a3e
3 changed files with 311 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/index.html
View File

@@ -48,19 +48,27 @@
<div id="uploadModal" class="modal">
<div class="modal-content">
<div class="modal-header">
<h3>Upload Encrypted Video</h3>
<h3>Upload Encrypted Videos</h3>
<button class="close-btn" id="closeUploadBtn">&times;</button>
</div>
<form id="uploadForm">
<input type="file" id="fileInput" accept="video/*" required>
<div class="file-drop-zone" id="dropZone">
<p>Drag and drop videos here or click to select</p>
<input type="file" id="fileInput" accept="video/*" multiple style="display: none;">
</div>
<button type="submit">Encrypt & Upload</button>
</form>
<div id="uploadError" class="error-message"></div>
<div id="uploadProgress" class="progress-bar" style="display: none;">
<div class="progress-fill"></div>
<div id="uploadProgress" style="display: none;">
<div id="progressList"></div>
</div>
</div>
</div>
<!-- Drop Zone Overlay -->
<div id="dropOverlay" class="drop-overlay">
<div class="drop-indicator">Drop files to upload</div>
</div>
</div>
<script src="app.js"></script>