From 6cab67cb11f5f88a0543dc05d39ffa19d28fcdfa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jakob=20R=C3=B6hrl?= <jakob.roehrl@web.de>
Date: Wed, 1 Apr 2020 11:11:28 +0200
Subject: [PATCH] axios config
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Jakob Röhrl <jakob.roehrl@web.de>
---
 src/mixins/attachmentUpload.js |  6 +++++-
 src/services/AttachmentApi.js  | 11 ++++++++++-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/mixins/attachmentUpload.js b/src/mixins/attachmentUpload.js
index 95f93fd8d..ab6b16990 100644
--- a/src/mixins/attachmentUpload.js
+++ b/src/mixins/attachmentUpload.js
@@ -39,7 +39,11 @@ export default {
 			bodyFormData.append('type', 'deck_file')
 			bodyFormData.append('file', file)
 			try {
-				await this.$store.dispatch('createAttachment', { cardId: this.cardId, formData: bodyFormData })
+				await this.$store.dispatch('createAttachment', { cardId: this.cardId,
+					formData: bodyFormData,
+					onUploadProgress: (e) => {
+						console.log(e)
+					} })
 			} catch (err) {
 				if (err.response.data.status === 409) {
 					this.overwriteAttachment = err.response.data.data
diff --git a/src/services/AttachmentApi.js b/src/services/AttachmentApi.js
index 2849c913f..90b23c3dc 100644
--- a/src/services/AttachmentApi.js
+++ b/src/services/AttachmentApi.js
@@ -37,11 +37,20 @@ export class AttachmentApi {
 		return response.data
 	}
 
-	async createAttachment({ cardId, formData }) {
+	async createAttachment({ cardId, formData, onUploadProgress }) {
+		const config = {
+			onUploadProgress: function(progressEvent) {
+			  const percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total)
+			  console.log(percentCompleted)
+			},
+		}
+
 		const response = await axios({
 			method: 'POST',
 			url: this.url(`/cards/${cardId}/attachment`),
 			data: formData,
+			...config,
+			onUploadProgress,
 		})
 		return response.data
 	}