From abbb7fe35e460f80b3d836df45fd39c9f611b1ba Mon Sep 17 00:00:00 2001
From: Jerome Villiseck <jerome.villiseck@outlook.com>
Date: Tue, 20 Aug 2024 14:08:17 +0200
Subject: [PATCH] =?UTF-8?q?-=20Gestion=20de=20l'=C3=A9v=C3=A9nement=20mett?=
 =?UTF-8?q?ant=20=C3=A0=20jour=20de=20demande=20en=20back=20avec=20le=20ty?=
 =?UTF-8?q?pe=20de=20fichier=20-=20Gestion=20des=20libell=C3=A9s=20dans=20?=
 =?UTF-8?q?les=20input=20de=20chargement=20des=20fichiers?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SelectFile.vue       | 15 ++++++++++++---
 src/components/Supp/TypeFile.vue    |  8 +++++---
 src/service/DemandesService.js      |  3 +++
 src/views/Suppression/SuppSteps.vue |  8 ++++++--
 4 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/src/components/SelectFile.vue b/src/components/SelectFile.vue
index 00e43cc..609ebaf 100644
--- a/src/components/SelectFile.vue
+++ b/src/components/SelectFile.vue
@@ -18,20 +18,29 @@
         aria-label="Dépôt du fichier"
         v-model="fileCharged"
         ref="fileInput"
-        label="Cliquez pour charger votre fichier complété (format .txt ou .csv obligatoire)"
+        :label="label"
       >
       </v-file-input>
     </v-card-text>
   </v-card>
 </template>
 <script setup>
-import { ref } from 'vue';
+import {computed, ref} from 'vue'
 
 const fileCharged = defineModel();
-const props = defineProps(  {isLoading: { type: Boolean}})
+const props = defineProps(  {isLoading: { type: Boolean}, typeFile: { type: String}})
 const emits = defineEmits(['deleted']);
 
 const isValidFile = ref(false)
+const label = computed(() => {
+  if (props.typeFile === 'PPN'){
+    return 'Cliquez pour charger votre liste de PPN (Fichier PPN sur une colonne, format .txt ou .csv obligatoire)';
+  } else if (props.typeFile === 'EPN'){
+    return 'Cliquez pour charger votre liste d’EPN (Fichier EPN sur une colonne, format .txt ou .csv obligatoire)';
+  } else {
+    return 'Cliquez pour charger votre fichier complété (format .txt ou .csv obligatoire)';
+  }
+})
 const rules = ref([
   value => {
     if(!value[0]) {
diff --git a/src/components/Supp/TypeFile.vue b/src/components/Supp/TypeFile.vue
index 35a138c..22cb036 100644
--- a/src/components/Supp/TypeFile.vue
+++ b/src/components/Supp/TypeFile.vue
@@ -22,17 +22,19 @@
 </template>
 <script setup>
 
+const emits = defineEmits(['clicked'])
 const props = defineProps({
   isLoading: {
     type: Boolean,
     default: false
   }
 })
-const typeFile = defineModel();
-const types = ['PPN','EPN']
+const model = defineModel();
+const types = ['PPN','EPN'];
 
 function onClick(type) {
-  typeFile.value = type;
+  model.value = type;
+  emits('clicked')
 }
 
 </script>
diff --git a/src/service/DemandesService.js b/src/service/DemandesService.js
index 7f5f16d..18dc30e 100644
--- a/src/service/DemandesService.js
+++ b/src/service/DemandesService.js
@@ -100,6 +100,9 @@ export class DemandesService {
   modifierCommentaireDemande(id, commentaire, typeDemande){
     return this.client.patch(`demandes/${typeDemande}/${id}?commentaire=${commentaire}`);
   }
+  modifierTypeFileDemande(id, typeFileDemande){
+    return this.client.patch(`demandes/SUPP/${id}?typeSupp=${typeFileDemande}`);
+  }
 
   uploadDemande(id, file, typeDemande){
     const config = { headers: {
diff --git a/src/views/Suppression/SuppSteps.vue b/src/views/Suppression/SuppSteps.vue
index d728b00..b167ac7 100644
--- a/src/views/Suppression/SuppSteps.vue
+++ b/src/views/Suppression/SuppSteps.vue
@@ -56,8 +56,8 @@
               </v-container>
             </v-stepper-window-item>
             <v-stepper-window-item>
-              <type-file v-if="!typeFileSelected" v-model="typeFileSelected"></type-file>
-              <select-file v-else-if="!isLoaded" v-model="fileSelected">Selection du fichier {{typeFileSelected}}</select-file>
+              <type-file v-if="!typeFileSelected" v-model="typeFileSelected" @clicked="setTypeSelected()"></type-file>
+              <select-file v-else-if="!isLoaded" v-model="fileSelected" :typeFile="typeFileSelected">Selection du fichier {{typeFileSelected}}</select-file>
               <download-file v-if="isLoaded" :file-link="fileLink" :file-name="fileName" @clicked="isDownloaded = true">Téléchargement du fichier PPN/RCR/EPN</download-file>
               <v-alert
                 v-if="alertMessage"
@@ -183,6 +183,10 @@ function uploadFile() {
       isLoading.value = false;
     });
 }
+function setTypeSelected(){
+  demandesService.modifierTypeFileDemande(demande.value.id, typeFileSelected.value)
+}
+
 function prevSelectTypeFile(){
   typeFileSelected.value = null;
   raz();