diff --git a/frontend/src/api/tus.js b/frontend/src/api/tus.js index 9764a532..4bae833d 100644 --- a/frontend/src/api/tus.js +++ b/frontend/src/api/tus.js @@ -28,6 +28,8 @@ export async function upload( let resourcePath = `${tusEndpoint}${filePath}?override=${overwrite}`; await createUpload(resourcePath); + let uploadSize = content.size || 0; // Get the size of the content being uploaded + store.commit('setTotalFileSize', store.state.upload.totalFileSize + uploadSize); return new Promise((resolve, reject) => { let upload = new tus.Upload(content, { @@ -182,6 +184,12 @@ function calcProgress(filePath) { store.commit("setETA", eta); store.commit("setUploadPercentage", uploadPercentage); + let totalUploaded = 0; + for (let file in CURRENT_UPLOAD_LIST) { + totalUploaded += CURRENT_UPLOAD_LIST[file].currentBytesUploaded; + } + store.commit('setTotalUploadedSize', totalUploaded); + fileData.initialBytesUploaded = fileData.currentBytesUploaded; fileData.lastProgressTimestamp = Date.now(); } diff --git a/frontend/src/components/prompts/UploadFiles.vue b/frontend/src/components/prompts/UploadFiles.vue index ef67c374..5261566d 100644 --- a/frontend/src/components/prompts/UploadFiles.vue +++ b/frontend/src/components/prompts/UploadFiles.vue @@ -11,6 +11,10 @@
{{ uploadSpeed.toFixed(2) }} MB/s
{{ formattedETA }} remaining
{{ uploadPercentage.toFixed(2) }}%
+
+ {{ formatFileSize(totalUploadedSize) }} / + {{ formatFileSize(totalFileSize) }} +