blek
/
bfile
1
0
Fork 0
Code Issues 6 Pull Requests 1 Packages Projects Releases 1 Wiki Activity

display some conditional JS text

This commit is contained in:
blek 2023-09-30 01:09:24 +10:00
parent 8b4566a634
commit 69a695f9fb
Signed by: blek
GPG Key ID: 14546221E3595D0C
2 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
filed/static/dragndrop-form.js Normal file
View File

@ -0,0 +1,11 @@
(
() => {
// display the js only text
document.getElementById('drag-n-drop-jsonly').style.display = 'initial';
const drag_rop = document.getElementsByClassName('file-drag-n-drop-inside')[0];
const dr_rop_t = document.getElementsByClassName('file-drag-n-drop-inside-text')[0];
}
)()

6
filed/templates/index.html
View File

@ -34,10 +34,16 @@
<span class="file-drag-n-drop-inside"> <span class="file-drag-n-drop-inside">
<span class="file-drag-n-drop-inside-text"> <span class="file-drag-n-drop-inside-text">
<object data="/tab-new-symbolic.svg" width="32" height="32"></object><br/> <object data="/tab-new-symbolic.svg" width="32" height="32"></object><br/>
<span id='drag-n-drop-jsonly' style='display:none'>
Drag & drop your files here! Drag & drop your files here!
</span> </span>
<noscript>
Click to upload your files!
</noscript>
</span> </span>
</span> </span>
</span>
<script src="/dragndrop-form.js"></script>
</label> </label>
</p> </p>
</form> </form>