joachim/FileRise
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adjusted drop files & removed unused

Browse Source
This commit is contained in:
Ryan
2025-03-09 03:10:37 -04:00
committed by GitHub
parent 658372c6ce
commit eeeee1477e
5 changed files with 25 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
index.html
View File

@@ -53,16 +53,21 @@
<!-- Main Operations: Upload and Folder Management -->
<div id="mainOperations" style="display: none;">
<div class="row" id="uploadFolderRow">
<div class="row align-items-stretch" id="uploadFolderRow">
<!-- Upload Card: 60% width -->
<div class="col-md-7 d-flex">
<div class="card flex-fill">
<div class="card-header">Upload Files</div>
<div class="card-body">
<form id="uploadFileForm" method="post" enctype="multipart/form-data">
<div class="form-group">
<div id="uploadDropArea"
style="border:2px dashed #ccc; padding:20px; text-align:center; cursor:pointer;">
<!-- Make card-body a flex container in column direction -->
<div class="card-body d-flex flex-column">
<form id="uploadFileForm" method="post" enctype="multipart/form-data" class="d-flex flex-column"
style="height: 100%;">
<!-- Make the form-group container flex-grow so it fills available space -->
<div class="form-group flex-grow-1" style="margin-bottom: 1rem;">
<!-- Set drop area to grow to fill its parent -->
<div id="uploadDropArea" style="border:2px dashed #ccc; padding:20px; cursor:pointer; height: 100%;
display: flex; flex-direction: column; justify-content: center; align-items: center;">
<span>Drop files here or click 'Choose files'</span>
<br>
<input type="file" id="file" name="file[]" class="form-control-file" multiple required
@@ -135,12 +140,17 @@
border-radius:4px;
padding:10px;
">
<ul style="margin: 0; padding-left:20px;">
<li>To view files in a folder, click on the folder name in the tree.</li>
<li>To create a subfolder, select a folder from the tree above and click "Create Folder".</li>
<li>To rename or delete a folder, first select it from the tree, then click "Rename Folder" or "Delete
Folder" respectively.</li>
</ul>
<details style="margin-top:5px; font-size:12px; color:#555;">
<summary style="cursor:pointer; list-style: none;">Folder Navigation & Management Help Info <i
class="material-icons" style="vertical-align: middle;">info</i></summary>
<ul style="margin: 0; padding-left:20px;">
<li>To view files in a folder, click on the folder name in the tree.</li>
<li>Above [-] expands and [+] collapses a folder in the tree.</li>
<li>To create a subfolder, select a folder from the tree above and click "Create Folder".</li>
<li>To rename or delete a folder, first select it from the tree, then click "Rename Folder" or
"Delete Folder" respectively.</li>
</ul>
</details>
</div>
</div>
</div>
@@ -189,7 +199,6 @@
</div>
</div>
</div>
<select id="copyMoveFolderSelect" style="display: none;"></select>
</div>
<div id="fileList"></div>
</div>
@@ -235,7 +244,7 @@
</div>
</div>
</div>
<!-- JavaScript Files -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script type="module" src="main.js"></script>