bfile/filed/templates/index.html

108 lines
5.3 KiB
HTML
Raw Normal View History

2023-09-29 15:25:20 +02:00
{% extends "base.html" %}
2023-09-29 16:41:23 +02:00
{% block body %}
2023-09-29 15:25:20 +02:00
2023-09-30 04:23:54 +02:00
<div style="max-width:95vw;width:fit-content;margin:0 auto">
<h1 style="text-align:center">File upload</h1>
<div style='margin:var(--margin)'>
<p>
You can upload a file here <b>for free</b> to share with others for 30 minutes.<br/>
How cool is that, eh?
</p>
<div class="card">
2023-09-30 05:22:33 +02:00
<h2 class="card-title" style="margin:0">
2023-09-30 04:23:54 +02:00
Upload form
2023-09-30 05:22:33 +02:00
</h2>
2023-09-30 04:23:54 +02:00
<div class='card-text'>
<form action="/upload" method="POST" enctype="multipart/form-data">
<p>
I want my file deleted:
</p>
<ul class="bfile-formupload-file-delete-pick">
<li>
<input type="radio" id="bfile-formupload-delete-30-min" name="delmode" value='30' checked />
<label for="bfile-formupload-delete-30-min">After 30 minutes</label>
</li>
<li>
<input type="radio" id="bfile-formupload-delete-dl" name="delmode" value='dl' />
<label for="bfile-formupload-delete-dl">After 30 minutes OR a download</label>
</li>
</ul>
2023-09-30 04:28:34 +02:00
<p>
2023-09-30 11:26:47 +02:00
<label>
2023-09-30 04:57:13 +02:00
<input type="checkbox" name="named">
2023-09-30 05:55:17 +02:00
</label>
<label for="bfile-formupload-file-name">
2023-09-30 04:28:34 +02:00
I also want my file named:
</label>
2023-09-30 05:55:17 +02:00
<span class="form-input-partial">
<span class="form-input-label">
2023-10-01 13:46:43 +02:00
{{ env.instanceurl }}/
2023-09-30 05:55:17 +02:00
</span>
<input style="max-width:100px" id='bfile-formupload-file-name' type="text" name="filename" placeholder="file.txt"></input>
</span>
2023-09-30 04:28:34 +02:00
</p>
2023-10-09 12:13:07 +02:00
<table>
<tbody>
<tr>
<td>
<label>
<input type="checkbox" name="passworded">
I want to add a password to the file:
2023-10-09 14:46:32 +02:00
<span style="font-size:80%;display:block">
Warning: the file WILL NOT be encrypted,<br/>
therefore this is not 100% secure.<br/>
2023-10-09 12:13:07 +02:00
<a href="/passworded-files">
Learn more
</a>
</span>
</label>
</td>
<td style="padding-left:4px">
<label>
<input type="password" name="password" style="max-width:90px">
</label>
</td>
</tr>
</tbody>
</table>
2023-09-30 04:23:54 +02:00
<p>
<input type="file" name="file" id="bfile-formupload-file" style="display: none" />
<label for="bfile-formupload-file">
<span class='btn btn-fill mobile-file-upload-btn'>
Select a file
</span>
2023-09-30 05:55:17 +02:00
<button type="button" class="file-drag-n-drop">
2023-09-30 04:23:54 +02:00
<span class="file-drag-n-drop-inside">
<span class="file-drag-n-drop-inside-text">
2023-09-30 05:55:17 +02:00
<object data="/tab-new-symbolic.svg" width="32" height="32" tabindex="-1"></object><br/>
2023-09-30 04:23:54 +02:00
<span style="line-height:16pt">
<span id='drag-n-drop-jsonly' style='display:none'>
Drag & drop your files here!
2023-09-29 17:47:10 +02:00
</span>
2023-09-30 04:23:54 +02:00
<noscript>
Click to upload your files!<br/>
<span style="font-size: 70%">
You will be able to drag and drop if you enable JS
</span>
</noscript>
</span>
2023-09-29 17:09:24 +02:00
</span>
2023-09-29 17:04:48 +02:00
</span>
2023-09-30 05:55:17 +02:00
</button>
2023-09-30 04:23:54 +02:00
<script src="/dragndrop-form.js"></script>
</label>
</p>
<p>
<button class='btn btn-fill'>
Upload!
</button>
</p>
</form>
</div>
2023-09-29 16:41:23 +02:00
</div>
</div>
</div>
2023-09-29 15:25:20 +02:00
{% endblock %}