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 000000000..cbd50903f
--- /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 e385384b4..b7c164eb1 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: {