From 3de9ae6936a8fc0a22352037f0745d8914d89c38 Mon Sep 17 00:00:00 2001 From: Eliot Berriot <contact@eliotberriot.com> Date: Sat, 26 Jan 2019 19:05:23 +0100 Subject: [PATCH] Display progress during file upload --- changes/changelog.d/progress.enhancement | 1 + front/src/components/library/FileUpload.vue | 3 ++- 2 files changed, 3 insertions(+), 1 deletion(-) create mode 100644 changes/changelog.d/progress.enhancement diff --git a/changes/changelog.d/progress.enhancement b/changes/changelog.d/progress.enhancement new file mode 100644 index 00000000..cbd50903 --- /dev/null +++ b/changes/changelog.d/progress.enhancement @@ -0,0 +1 @@ +Display progress during file upload diff --git a/front/src/components/library/FileUpload.vue b/front/src/components/library/FileUpload.vue index e385384b..b7c164eb 100644 --- a/front/src/components/library/FileUpload.vue +++ b/front/src/components/library/FileUpload.vue @@ -102,6 +102,7 @@ </span> <span v-else-if="file.active" class="ui yellow label"> <translate key="2">Uploading…</translate> + ({{ parseInt(file.progress) }}%) </span> <template v-else> <span class="ui label"><translate key="3">Pending</translate></span> @@ -145,7 +146,7 @@ export default { files: [], needsRefresh: false, currentTab: "summary", - uploadUrl: "/api/v1/uploads/", + uploadUrl: this.$store.getters['instance/absoluteUrl']("/api/v1/uploads/"), importReference, supportedExtensions: ["flac", "ogg", "mp3", "opus"], uploads: { -- GitLab