From 8649dc447548eb679151336cbddc55a952633427 Mon Sep 17 00:00:00 2001
From: Theophyl Hoguet <theophyl.hoguet@etu.u-bordeaux.fr>
Date: Sat, 11 Mar 2023 17:29:37 +0100
Subject: [PATCH] =?UTF-8?q?t=C3=A9l=C3=A9charge=20toutes=20les=20images=20?=
 =?UTF-8?q?s'il=20y=20en=20a=20plusieurs=20+=20texte=20en=20blanc?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/Upload.vue | 27 +++++++++++++++++++++------
 1 file changed, 21 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/Upload.vue b/frontend/src/components/Upload.vue
index 6745675..9e79f8e 100644
--- a/frontend/src/components/Upload.vue
+++ b/frontend/src/components/Upload.vue
@@ -30,9 +30,12 @@ export default defineComponent({
 		async submitImage() {
 			if (this.sent === true || this.file === null)
 				return;
-			let formData = new FormData();
-			formData.append('file', this.file[0]);
-			await api.createImage(formData);
+			Array.from(this.file).forEach((file, id) => {
+
+				let formData = new FormData();
+				formData.append('file', file);
+				api.createImage(formData);
+			});
 			this.sent = true;
 			this.$emit('updateImageList');
 			this.resetFile();
@@ -69,12 +72,12 @@ export default defineComponent({
 </script>
 <template>
 	<div>
-		<label>Files
+		<label>Ajouter une ou plusieurs image(s):
 			<input id="fileUpload" type="file" @change="handleFilesUpload($event as InputFileEvent)" accept="image/jpeg"
 				multiple />
 		</label>
-		<button :class="sent ? 'green' : 'normal'" @click="submitImage()">{{ sent ? 'Sent' : 'Submit' }}</button>
-		<button v-if="file !== null" @click="resetFile()">Reset</button>
+		<button :class="sent ? 'green' : 'normal'" @click="submitImage()">{{ sent ? 'Envoyé' : 'Envoyer' }}</button>
+		<button v-if="file !== null" @click="resetFile()">Reinitialiser</button>
 	</div>
 	<h2 v-if="file !== null">Preview :</h2>
 	<div class="previewBox">
@@ -90,6 +93,18 @@ img {
 	border: 1px solid black;
 }
 
+label {
+	color: white;
+}
+
+input {
+	color: white;
+}
+
+h2 {
+	color: white;
+}
+
 .imageLabel {
 	display: flex;
 	flex-direction: column;