Dangoware/confetti-box
1
0
Fork 0
mirror of https://github.com/Dangoware/confetti-box.git synced 2025-04-19 15:22:57 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add paste event to upload options

Browse source
This commit is contained in:
G2-Games 2024-10-29 00:17:34 -05:00
parent 0f780d027d
commit 07487415c1
2 changed files with 26 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/main.rs
View file

@ -53,7 +53,7 @@ fn home(settings: &State<Settings>) -> Markup {
hr; hr;
button.main_file_upload #fileButton onclick="document.getElementById('fileInput').click()" { button.main_file_upload #fileButton onclick="document.getElementById('fileInput').click()" {
h4 { "Upload File(s)" } h4 { "Upload File(s)" }
p { "Click or Drag and Drop" } p { "Click, Paste, or Drag and Drop" }
} }
h3 { "Expire after:" } h3 { "Expire after:" }
div id="durationBox" { div id="durationBox" {

36
web/request.js
View file

@ -10,7 +10,7 @@ async function formSubmit() {
const duration = form.elements.duration.value; const duration = form.elements.duration.value;
const maxSize = form.elements.fileUpload.dataset.maxFilesize; const maxSize = form.elements.fileUpload.dataset.maxFilesize;
await fileSend(files, duration, maxSize); await sendFile(files, duration, maxSize);
// Reset the form file data since we've successfully submitted it // Reset the form file data since we've successfully submitted it
form.elements.fileUpload.value = ""; form.elements.fileUpload.value = "";
@ -20,12 +20,6 @@ async function dragDropSubmit(evt) {
const form = document.getElementById("uploadForm"); const form = document.getElementById("uploadForm");
const duration = form.elements.duration.value; const duration = form.elements.duration.value;
const files = getDroppedFiles(evt);
await fileSend(files, duration);
}
function getDroppedFiles(evt) {
evt.preventDefault(); evt.preventDefault();
const files = []; const files = [];
@ -44,10 +38,25 @@ function getDroppedFiles(evt) {
}); });
} }
return files; await sendFile(files, duration);
} }
async function fileSend(files, duration, maxSize) { async function pasteSubmit(evt) {
const form = document.getElementById("uploadForm");
const duration = form.elements.duration.value;
evt.preventDefault();
const files = [];
[...evt.clipboardData.files].forEach((file, _) => {
// If dropped items aren't files, reject them
files.push(file);
});
await sendFile(files, duration);
}
async function sendFile(files, duration, maxSize) {
for (const file of files) { for (const file of files) {
const [linkRow, progressBar, progressText] = addNewToList(file.name); const [linkRow, progressBar, progressText] = addNewToList(file.name);
if (file.size > maxSize) { if (file.size > maxSize) {
@ -92,7 +101,6 @@ function makeErrored(progressBar, progressText, linkRow, errorMessage) {
function makeFinished(progressBar, progressText, linkRow, response) { function makeFinished(progressBar, progressText, linkRow, response) {
progressText.textContent = ""; progressText.textContent = "";
const _name = encodeURIComponent(response.name);
const link = progressText.appendChild(document.createElement("a")); const link = progressText.appendChild(document.createElement("a"));
link.textContent = response.mmid; link.textContent = response.mmid;
link.href = "/f/" + response.mmid; link.href = "/f/" + response.mmid;
@ -191,11 +199,17 @@ async function initEverything() {
// This is the entrypoint for everything basically // This is the entrypoint for everything basically
document.addEventListener("DOMContentLoaded", function(_event) { document.addEventListener("DOMContentLoaded", function(_event) {
// Respond to form submissions
const form = document.getElementById("uploadForm"); const form = document.getElementById("uploadForm");
form.addEventListener("submit", formSubmit); form.addEventListener("submit", formSubmit);
let fileButton = document.getElementById("fileButton");
// Respond to file paste events
window.addEventListener("paste", (event) => {pasteSubmit(event)});
// Respond to drag and drop stuff
let fileButton = document.getElementById("fileButton");
document.addEventListener("drop", (e) => {e.preventDefault();}, false); document.addEventListener("drop", (e) => {e.preventDefault();}, false);
document.addEventListener("dragover", (e) => {e.preventDefault()}, false);
fileButton.addEventListener("dragover", (e) => {e.preventDefault();}, false); fileButton.addEventListener("dragover", (e) => {e.preventDefault();}, false);
fileButton.addEventListener("drop", dragDropSubmit, false); fileButton.addEventListener("drop", dragDropSubmit, false);