let uploader set a collection name for a multiple-file upload

This commit is contained in:
xenofem 2022-05-26 15:42:11 -04:00
parent 3125e1f4e7
commit 97f58bbbe3
5 changed files with 28 additions and 4 deletions

View file

@ -21,6 +21,7 @@ let fileInput;
let fileList;
let uploadButton;
let lifetimeInput;
let collectionNameInput;
let downloadCode;
let progressPercentage;
@ -43,6 +44,7 @@ document.addEventListener('DOMContentLoaded', () => {
fileList = document.getElementById('file_list');
uploadButton = document.getElementById('upload_button');
lifetimeInput = document.getElementById('lifetime');
collectionNameInput = document.getElementById('collection_name');
downloadCode = document.getElementById('download_code');
progressPercentage = document.getElementById('progress_percentage');
progressSize = document.getElementById('progress_size');
@ -120,6 +122,9 @@ function updateFiles() {
fileInputMessage.textContent = 'Select files to upload...';
document.body.className = 'no_files selecting' + extraClasses;
} else {
if (files.length === 1) {
extraClasses += " one_file";
}
fileInputMessage.textContent = 'Select more files to upload...';
uploadButton.textContent = `Upload ${files.length} file${files.length > 1 ? 's' : ''} (${displaySize(totalBytes)})`;
document.body.className = 'selecting' + extraClasses;
@ -184,6 +189,7 @@ function beginUpload() {
function sendManifest() {
const lifetime = parseInt(lifetimeInput.value);
const collection_name = collectionNameInput.value || null;
const fileMetadata = files.map((file) => ({
name: file.name,
size: file.size,
@ -192,6 +198,7 @@ function sendManifest() {
socket.send(JSON.stringify({
files: fileMetadata,
lifetime,
collection_name,
password: uploadPassword,
}));
}