Hide Lufi description on file upload

This commit is contained in:
Booteille 2024-12-10 09:25:34 +01:00
parent cd6be150dc
commit 33dd446c2f
No known key found for this signature in database
GPG Key ID: 0AB6C6CA01272646
1 changed files with 30 additions and 20 deletions

View File

@ -32,6 +32,12 @@ document.addEventListener("DOMContentLoaded", () => {
.querySelector("button .delete") .querySelector("button .delete")
.parentNode.addEventListener("click", () => { .parentNode.addEventListener("click", () => {
card.remove(); card.remove();
if (document.getElementById("uploaded-files").children.length === 0) {
document
.getElementById("lufi-description")
.classList.remove("is-hidden");
}
}); });
return card; return card;
@ -142,7 +148,7 @@ document.addEventListener("DOMContentLoaded", () => {
zipName, zipName,
password password
) => { ) => {
const uploadFilesDOM = document.getElementById("uploaded-files"); const uploadedFilesDOM = document.getElementById("uploaded-files");
const serverUrl = new URL(ws_url.replace("/upload", "")); const serverUrl = new URL(ws_url.replace("/upload", ""));
serverUrl.protocol = serverUrl.protocol === "ws:" ? "http:" : "https:"; serverUrl.protocol = serverUrl.protocol === "ws:" ? "http:" : "https:";
@ -151,6 +157,8 @@ document.addEventListener("DOMContentLoaded", () => {
let uploadingFileCard = initCard("uploading", cardId); let uploadingFileCard = initCard("uploading", cardId);
document.getElementById("lufi-description").classList.add("is-hidden");
const runUpload = (job = null) => { const runUpload = (job = null) => {
if (!job || job.status === JobStatus.COMPLETE) { if (!job || job.status === JobStatus.COMPLETE) {
return lufi return lufi
@ -189,7 +197,7 @@ document.addEventListener("DOMContentLoaded", () => {
updateProgressBar(job.lufiFile, uploadingFileCard); updateProgressBar(job.lufiFile, uploadingFileCard);
}); });
uploadFilesDOM.prepend(uploadingFileCard); uploadedFilesDOM.prepend(uploadingFileCard);
return job return job
.waitForCompletion() .waitForCompletion()
@ -201,8 +209,8 @@ document.addEventListener("DOMContentLoaded", () => {
job.lufiFile.delay === 0 job.lufiFile.delay === 0
? i18n.noLimit ? i18n.noLimit
: `${i18n.expiration} ${formatDate( : `${i18n.expiration} ${formatDate(
job.lufiFile.delay * 86400 + job.lufiFile.createdAt job.lufiFile.delay * 86400 + job.lufiFile.createdAt
)}`; )}`;
if (job.lufiFile.type === "application/zip") { if (job.lufiFile.type === "application/zip") {
uploadedFileCard uploadedFileCard
@ -222,10 +230,11 @@ document.addEventListener("DOMContentLoaded", () => {
job.lufiFile.downloadUrl(); job.lufiFile.downloadUrl();
uploadedFileCard.querySelector(".action-delete").href = uploadedFileCard.querySelector(".action-delete").href =
job.lufiFile.removeUrl(); job.lufiFile.removeUrl();
uploadedFileCard.querySelector(".action-share").href = `${job.lufiFile.serverUrl uploadedFileCard.querySelector(".action-share").href = `${
}m?links=${encodeURIComponent( job.lufiFile.serverUrl
'["' + job.lufiFile.keys.server + '"]' }m?links=${encodeURIComponent(
)}`; '["' + job.lufiFile.keys.server + '"]'
)}`;
uploadedFileCard uploadedFileCard
.querySelector(".action-copy") .querySelector(".action-copy")
@ -242,14 +251,13 @@ document.addEventListener("DOMContentLoaded", () => {
}, 1000); }, 1000);
}); });
} }
uploadFilesDOM.replaceChild( uploadedFilesDOM.replaceChild(
uploadedFileCard, uploadedFileCard,
uploadingFileCard uploadingFileCard
); );
// Add the file to localStorage // Add the file to localStorage
if (!isGuest) { if (!isGuest) {
console.debug(job.lufiFile.keys.server);
addItem( addItem(
job.lufiFile.name, job.lufiFile.name,
job.lufiFile.downloadUrl(), job.lufiFile.downloadUrl(),
@ -263,15 +271,17 @@ document.addEventListener("DOMContentLoaded", () => {
} }
if (isGuest && job.lufiFile.keys.server !== null) { if (isGuest && job.lufiFile.keys.server !== null) {
sendGuestFiles(JSON.stringify({ sendGuestFiles(
name: job.lufiFile.name, JSON.stringify({
short: job.lufiFile.keys.server, name: job.lufiFile.name,
url: job.lufiFile.downloadUrl(), short: job.lufiFile.keys.server,
size: job.lufiFile.size, url: job.lufiFile.downloadUrl(),
created_at: job.lufiFile.createdAt, size: job.lufiFile.size,
delay, created_at: job.lufiFile.createdAt,
token: job.lufiFile.actionToken, delay,
})); token: job.lufiFile.actionToken,
})
);
} }
return okAsync(job); return okAsync(job);
@ -300,7 +310,7 @@ document.addEventListener("DOMContentLoaded", () => {
uploadingFileCard.querySelector(".size").innerText = i18n.unknownYet; uploadingFileCard.querySelector(".size").innerText = i18n.unknownYet;
uploadingFileCard.querySelector(".info").innerText = i18n.compressing; uploadingFileCard.querySelector(".info").innerText = i18n.compressing;
uploadFilesDOM.prepend(uploadingFileCard); uploadedFilesDOM.prepend(uploadingFileCard);
return lufi return lufi
.addFilesToArchive(files) .addFilesToArchive(files)