websites/Flask-Files
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

wip

Browse source
This commit is contained in:
pika 2025-03-24 14:38:18 +01:00
parent e99b2745bd
commit 16e8490b30
6 changed files with 330 additions and 90 deletions
Download patch file Download diff file Expand all files Collapse all files

93
app/templates/base.html
View file

@ -59,6 +59,50 @@
</div>
</div>
</div>
<!-- Upload Files Panel - hidden by default -->
<div id="upload-files-panel" class="upload-files-panel">
<div class="upload-files-header">
<h3><i class="fas fa-cloud-upload-alt"></i> Upload Files</h3>
<button class="close-btn" id="close-upload-panel">&times;</button>
</div>
<div class="upload-files-content">
<div class="upload-drop-area" id="upload-drop-area">
<i class="fas fa-cloud-upload-alt"></i>
<p>Drag & drop files or folders here</p>
<p>or</p>
<button class="btn primary" id="select-files-btn">
<i class="fas fa-file"></i> Select Files
</button>
<input type="file" id="file-upload-input" multiple style="display: none">
</div>
<div class="upload-queue">
<h4>Upload Queue</h4>
<div class="upload-files-list" id="upload-files-list">
<!-- Files will be added here dynamically -->
</div>
</div>
</div>
<div class="upload-files-footer">
<div class="upload-progress">
<div class="upload-progress-label">
<span>Overall Progress</span>
<span id="upload-progress-percentage">0%</span>
</div>
<div class="upload-progress-bar">
<div class="upload-progress-bar-fill" id="upload-progress-bar-fill"></div>
</div>
</div>
<div class="upload-actions">
<button class="btn secondary" id="cancel-upload-btn">Cancel</button>
<button class="btn primary" id="start-upload-btn">Start Upload</button>
</div>
</div>
</div>
{% endif %}
<!-- Sidebar Navigation -->
@ -168,55 +212,6 @@
{% include 'components/mobile_menu.html' %}
{% endif %}
<!-- Add this right before the closing </body> tag -->
<div id="upload-overlay" class="upload-overlay">
<div class="upload-modal">
<div class="upload-header">
<h3><i class="fas fa-cloud-upload-alt"></i> Upload Files</h3>
<button class="close-upload" id="close-upload-btn">&times;</button>
</div>
<div class="upload-body">
<div class="upload-dropzone" id="dropzone">
<i class="fas fa-cloud-upload-alt upload-icon"></i>
<p>Drag & drop files or folders here</p>
<p>or</p>
<div class="upload-buttons">
<label class="btn primary">
<i class="fas fa-file"></i> Select Files
<input type="file" id="file-upload" multiple style="display: none">
</label>
<label class="btn">
<i class="fas fa-folder"></i> Select Folder
<input type="file" id="folder-upload" webkitdirectory directory multiple
style="display: none">
</label>
</div>
</div>
<div class="upload-list" id="upload-list">
<h4>Upload Queue</h4>
<div class="upload-items" id="upload-items"></div>
</div>
<div class="upload-progress-overall">
<div class="progress-label">
<span>Overall Progress</span>
<span id="upload-percentage">0%</span>
</div>
<div class="progress-bar-container">
<div class="progress-bar" id="total-progress-bar" style="width: 0%"></div>
</div>
</div>
</div>
<div class="upload-footer">
<button class="btn" id="cancel-upload-btn">Cancel</button>
<button class="btn primary" id="start-upload-btn">Start Upload</button>
</div>
</div>
</div>
<!-- Common JS file with shared functions -->
<script src="{{ url_for('static', filename='js/common.js') }}"></script>
<script src="{{ url_for('static', filename='js/theme.js') }}"></script>