From 32fde342c20edbc63a313bf87477aba10c817b5b Mon Sep 17 00:00:00 2001
From: SamuelQuetin <samquetinuel@gmail.com>
Date: Fri, 12 Jul 2024 11:34:58 +0200
Subject: [PATCH 1/5] Ajout Stepper suppression +- vide Ajout tableau vide
 Ajout route pour stepper

---
 src/router/index.js                 | 18 +++++-
 src/views/Suppression/SuppSteps.vue | 95 +++++++++++++++++++++++++++++
 src/views/Suppression/SuppTable.vue |  8 +++
 3 files changed, 119 insertions(+), 2 deletions(-)
 create mode 100644 src/views/Suppression/SuppSteps.vue
 create mode 100644 src/views/Suppression/SuppTable.vue

diff --git a/src/router/index.js b/src/router/index.js
index acc5b92..2c8a5f6 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -4,11 +4,12 @@ import ExempTable from '@/views/Exemplarisation/ExempTable.vue'
 import ModifTable from '@/views/Modification/ModifTable.vue'
 import RecouvTable from '@/views/Recouvrement/RecouvTable.vue'
 import ModifSteps from '@/views/Modification/ModifSteps.vue';
+import RecouvSteps from '@/views/Recouvrement/RecouvSteps.vue';
+import ExempSteps from '@/views/Exemplarisation/ExempSteps.vue';
+import SuppSteps from '@/views/Suppression/SuppSteps.vue'
 import Accueil from '@/views/Accueil.vue';
 import ModificationEmail from '@/views/Utilisateur/ModificationEmail.vue';
 import demandesService from '@/service/DemandesService'
-import RecouvSteps from '@/views/Recouvrement/RecouvSteps.vue';
-import ExempSteps from '@/views/Exemplarisation/ExempSteps.vue';
 import {useAuthStore} from '@/store/authStore'
 
 const routes = [
@@ -104,6 +105,19 @@ const routes = [
     props: true,
     meta: {requiresAuth: true}
   },
+  {
+    path: '/suppression',
+    name: 'suppression',
+    component: SuppSteps,
+    meta: {requiresAuth: true}
+  },
+  {
+    path: '/suppression/:id',
+    name: 'suppressionWithId',
+    component: SuppSteps,
+    props: true,
+    meta: {requiresAuth: true}
+  },
 
   // Gestion de la 404, redirection vers la page d'accueil
   {
diff --git a/src/views/Suppression/SuppSteps.vue b/src/views/Suppression/SuppSteps.vue
new file mode 100644
index 0000000..1b36e92
--- /dev/null
+++ b/src/views/Suppression/SuppSteps.vue
@@ -0,0 +1,95 @@
+<template>
+  <v-container :class="(currentStep === 4) ? '' : 'fill-height'" fluid>
+    <v-row align="center" justify="center">
+      <v-col :md="(currentStep === 4) ? '' : '7'">
+        <v-stepper v-model="currentStep" @update:model-value="changeEtape()" alt-labels>
+          <v-stepper-header>
+            <v-stepper-item
+              :color="currentStep >= 0 ? '#295494' : ''"
+              :complete="currentStep > 0"
+              :editable="currentStep > 0"
+              icon="mdi-numeric-1"
+              title="Séléction du RCR"
+              :subtitle="demande ? 'Demande n°'+demande.id : 'Demande'"
+            >
+            </v-stepper-item>
+            <v-divider></v-divider>
+            <v-stepper-item
+              :color="currentStep >= 1 ? '#295494' : ''"
+              :complete="currentStep > 1"
+              :editable="currentStep > 1"
+              icon="mdi-numeric-2"
+              title="PPN/RCR/EPN"
+              subtitle="fichier à récupérer"
+            >
+            </v-stepper-item>
+            <v-divider></v-divider>
+            <v-stepper-item
+              :color="currentStep >= 3 ? '#295494' : ''"
+              :complete="currentStep > 3"
+              :editable="currentStep > 3"
+              icon="mdi-numeric-4"
+              title="Envoi"
+              subtitle="du fichier"
+            >
+            </v-stepper-item>
+            <v-divider></v-divider>
+            <v-stepper-item
+              :color="currentStep >= 4 ? '#295494' : ''"
+              icon="mdi-numeric-5"
+              title="Simulation"
+            >
+            </v-stepper-item>
+          </v-stepper-header>
+
+          <v-stepper-window>
+            <v-stepper-window-item>
+<!--              <rcr v-model="rcrSelected" :is-loading="isLoading"></rcr>-->
+<!--              <v-container class="d-flex justify-space-between">-->
+<!--                <v-spacer></v-spacer>-->
+<!--                <v-btn-->
+<!--                  :disabled="!rcrSelected"-->
+<!--                  @click="createDemande"-->
+<!--                >-->
+<!--                  Valider-->
+<!--                </v-btn>-->
+<!--              </v-container>-->
+            </v-stepper-window-item>
+            <v-stepper-window-item>
+
+            </v-stepper-window-item>
+            <v-stepper-window-item>
+              <
+            </v-stepper-window-item>
+            <v-stepper-window-item>
+
+            </v-stepper-window-item>
+          </v-stepper-window>
+        </v-stepper>
+      </v-col>
+    </v-row>
+  </v-container>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+
+
+
+const currentStep = ref(0);
+const demande = ref();
+
+const emits = defineEmits(['backendError']);
+const props = defineProps({id: {type: String}});
+
+
+
+function next() {
+  currentStep.value++;
+}
+
+function prev() {
+  currentStep.value--;
+}
+</script>
diff --git a/src/views/Suppression/SuppTable.vue b/src/views/Suppression/SuppTable.vue
new file mode 100644
index 0000000..9f8876b
--- /dev/null
+++ b/src/views/Suppression/SuppTable.vue
@@ -0,0 +1,8 @@
+<template>
+</template>
+
+<script setup>
+</script>
+
+<style scoped>
+</style>

From 7aec294a43f7f85685a8a10f86011b6ea07d105d Mon Sep 17 00:00:00 2001
From: SamuelQuetin <samquetinuel@gmail.com>
Date: Mon, 15 Jul 2024 14:12:07 +0200
Subject: [PATCH 2/5] Ajout select Type File

---
 src/components/Supp/TypeFile.vue    | 36 +++++++++++++++++++++++++++++
 src/store/authStore.js              |  1 +
 src/views/Suppression/SuppSteps.vue | 13 ++++++-----
 3 files changed, 44 insertions(+), 6 deletions(-)
 create mode 100644 src/components/Supp/TypeFile.vue

diff --git a/src/components/Supp/TypeFile.vue b/src/components/Supp/TypeFile.vue
new file mode 100644
index 0000000..064acee
--- /dev/null
+++ b/src/components/Supp/TypeFile.vue
@@ -0,0 +1,36 @@
+<template>
+  <v-card flat :loading="isLoading">
+    <v-card-title style="background-color: #295494; color: white" class="d-flex justify-space-between">
+      <span>Choix du type de fichier</span>
+      <v-btn depressed variant="text" @click="deleted()" prepend-icon="mdi-delete">Supprimer</v-btn>
+    </v-card-title>
+    <v-card-text class="pa-0 ma-0">
+      <v-hover v-slot="{ isHovering, props }" v-for="type in types" :key="type">
+        <div v-bind="props" :class="`btn-perso elevation-${isHovering ? 6 : 2} pa-5 ma-1 d-flex justify-space-between`" @click="onClick(type)">
+          <v-row class="align-center">
+            <v-col cols="12" sm="3" class="d-flex justify-center">
+              <v-icon size="x-large" dark color="primary"> mdi-file-document-outline  </v-icon>
+            </v-col>
+            <v-col cols="12" sm="9" class="d-flex justify-start"><span class="group">Fichier {{ type }}</span></v-col>
+          </v-row>
+        </div>
+      </v-hover>
+    </v-card-text>
+  </v-card>
+</template>
+<script setup>
+
+const props = defineProps({
+  isLoading: {
+    type: Boolean,
+    default: false
+  }
+})
+const typeFile = defineModel();
+const types = ['PPN','EPN']
+
+function onClick(type) {
+  typeFile.value = type;
+}
+
+</script>
diff --git a/src/store/authStore.js b/src/store/authStore.js
index 196ed00..0e685fa 100644
--- a/src/store/authStore.js
+++ b/src/store/authStore.js
@@ -6,6 +6,7 @@ export const useAuthStore = defineStore('auth', {
     token: sessionStorage.getItem('token'),
     authenticated: !!sessionStorage.getItem('token'),
   }),
+  
   getters: {
     getUser: (state) => state.user,
     isAuthenticated: (state) => state.authenticated,
diff --git a/src/views/Suppression/SuppSteps.vue b/src/views/Suppression/SuppSteps.vue
index 1b36e92..151eb6e 100644
--- a/src/views/Suppression/SuppSteps.vue
+++ b/src/views/Suppression/SuppSteps.vue
@@ -7,7 +7,7 @@
             <v-stepper-item
               :color="currentStep >= 0 ? '#295494' : ''"
               :complete="currentStep > 0"
-              :editable="currentStep > 0"
+              editable
               icon="mdi-numeric-1"
               title="Séléction du RCR"
               :subtitle="demande ? 'Demande n°'+demande.id : 'Demande'"
@@ -17,17 +17,17 @@
             <v-stepper-item
               :color="currentStep >= 1 ? '#295494' : ''"
               :complete="currentStep > 1"
-              :editable="currentStep > 1"
+              editable
               icon="mdi-numeric-2"
               title="PPN/RCR/EPN"
-              subtitle="fichier à récupérer"
+              :subtitle="typeFileSelected ? 'Fichier '+ typeFileSelected : 'fichier envoyé'"
             >
             </v-stepper-item>
             <v-divider></v-divider>
             <v-stepper-item
               :color="currentStep >= 3 ? '#295494' : ''"
               :complete="currentStep > 3"
-              :editable="currentStep > 3"
+              editable
               icon="mdi-numeric-4"
               title="Envoi"
               subtitle="du fichier"
@@ -56,7 +56,7 @@
 <!--              </v-container>-->
             </v-stepper-window-item>
             <v-stepper-window-item>
-
+              <type-file v-model="typeFileSelected"></type-file>
             </v-stepper-window-item>
             <v-stepper-window-item>
               <
@@ -73,6 +73,7 @@
 
 <script setup>
 import { ref } from 'vue';
+import TypeFile from '@/components/Supp/TypeFile.vue';
 
 
 
@@ -83,7 +84,7 @@ const demande = ref();
 const emits = defineEmits(['backendError']);
 const props = defineProps({id: {type: String}});
 
-
+const typeFileSelected = ref();
 
 function next() {
   currentStep.value++;

From 552cc7cd867f91f880b755804dd505d68a43fb5b Mon Sep 17 00:00:00 2001
From: SamuelQuetin <samquetinuel@gmail.com>
Date: Mon, 15 Jul 2024 15:09:49 +0200
Subject: [PATCH 3/5] =?UTF-8?q?Ajout=20creer=20demande=20par=20defaut=20po?=
 =?UTF-8?q?ur=20tester=20workflow=20Ajout=20variable=20pour=20stepper=20aj?=
 =?UTF-8?q?out=20Uploadfile=20Ajout=20pr=C3=A9c=C3=A9dent=20pour=20revenir?=
 =?UTF-8?q?=20=C3=A0=20select=20typefile?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Suppression/SuppSteps.vue | 50 +++++++++++++++++++++++++++--
 1 file changed, 47 insertions(+), 3 deletions(-)

diff --git a/src/views/Suppression/SuppSteps.vue b/src/views/Suppression/SuppSteps.vue
index 151eb6e..f508050 100644
--- a/src/views/Suppression/SuppSteps.vue
+++ b/src/views/Suppression/SuppSteps.vue
@@ -56,10 +56,22 @@
 <!--              </v-container>-->
             </v-stepper-window-item>
             <v-stepper-window-item>
-              <type-file v-model="typeFileSelected"></type-file>
+              <type-file v-if="!typeFileSelected" v-model="typeFileSelected"></type-file>
+              <select-file v-else v-model="fileSelected">Selection du fichier {{typeFileSelected}}</select-file>
+              <v-container class="d-flex justify-space-between">
+                <v-btn @click="prevSelectTypeFile">
+                  précédent
+                </v-btn>
+                <v-btn
+                  v-if="typeFileSelected"
+                  :disabled="!fileSelected"
+                  @click="uploadFile()"
+                >
+                  Envoyé
+                </v-btn>
+              </v-container>
             </v-stepper-window-item>
             <v-stepper-window-item>
-              <
             </v-stepper-window-item>
             <v-stepper-window-item>
 
@@ -72,8 +84,10 @@
 </template>
 
 <script setup>
-import { ref } from 'vue';
+import { onMounted, ref } from 'vue';
 import TypeFile from '@/components/Supp/TypeFile.vue';
+import SelectFile from '@/components/SelectFile.vue';
+import demandesService from '@/service/DemandesService';
 
 
 
@@ -85,7 +99,37 @@ const emits = defineEmits(['backendError']);
 const props = defineProps({id: {type: String}});
 
 const typeFileSelected = ref();
+const fileSelected = ref();
+const isLoading = ref(false);
+const alertMessage = ref('');
+const alertType = ref('success');
 
+onMounted(() => {
+  demandesService.creerDemande('341725201', 'SUPP')
+    .then(response => {
+      demande.value = response.data;
+      next();
+    })
+})
+function uploadFile() {
+  alertMessage.value = '';
+  alertType.value = 'success';
+  isLoading.value = true;
+  demandesService.uploadDemande(1, fileSelected.value, 'SUPP')
+    .then(() => {
+      alertMessage.value = "Fichier envoyé";
+    })
+    .catch(err => {
+      alertMessage.value = err.response.data.message;
+      alertType.value = 'error';
+    })
+    .finally(() => {
+      isLoading.value = false;
+    });
+}
+function prevSelectTypeFile(){
+  typeFileSelected.value = null;
+}
 function next() {
   currentStep.value++;
 }

From f1007c671f8661c18d7f94ff66d2f6eef9b53b88 Mon Sep 17 00:00:00 2001
From: SamuelQuetin <quetin@abes.fr>
Date: Tue, 16 Jul 2024 11:36:07 +0200
Subject: [PATCH 4/5] =?UTF-8?q?fix=20mail=20fix=20envoy=C3=A9=20=3D>=20env?=
 =?UTF-8?q?oyer?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Modification/ModifSteps.vue       | 2 +-
 src/views/Suppression/SuppSteps.vue         | 2 +-
 src/views/Utilisateur/ModificationEmail.vue | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/views/Modification/ModifSteps.vue b/src/views/Modification/ModifSteps.vue
index aff467a..decabff 100644
--- a/src/views/Modification/ModifSteps.vue
+++ b/src/views/Modification/ModifSteps.vue
@@ -87,7 +87,7 @@
                   @click="uploadFileInit()"
                   v-if="!isLoaded"
                 >
-                  Envoyé
+                  Envoyer
                 </v-btn>
                 <v-btn
                   v-else
diff --git a/src/views/Suppression/SuppSteps.vue b/src/views/Suppression/SuppSteps.vue
index f508050..8ce8896 100644
--- a/src/views/Suppression/SuppSteps.vue
+++ b/src/views/Suppression/SuppSteps.vue
@@ -67,7 +67,7 @@
                   :disabled="!fileSelected"
                   @click="uploadFile()"
                 >
-                  Envoyé
+                  Envoyer
                 </v-btn>
               </v-container>
             </v-stepper-window-item>
diff --git a/src/views/Utilisateur/ModificationEmail.vue b/src/views/Utilisateur/ModificationEmail.vue
index 4d05a35..2452a29 100644
--- a/src/views/Utilisateur/ModificationEmail.vue
+++ b/src/views/Utilisateur/ModificationEmail.vue
@@ -20,6 +20,6 @@ const user = authStore.getUser
 function setEmailUser(email){
   user.email = email;
   authStore.setUser(user);
-  router.push('Accueil');
+  router.push('accueil');
 }
 </script>

From 2952c4ef8c1d47d5c89ea3b042a6e8fb1bb913d3 Mon Sep 17 00:00:00 2001
From: SamuelQuetin <quetin@abes.fr>
Date: Tue, 16 Jul 2024 11:46:42 +0200
Subject: [PATCH 5/5] Ajout message erreur pour upload file

---
 src/views/Suppression/SuppSteps.vue | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/views/Suppression/SuppSteps.vue b/src/views/Suppression/SuppSteps.vue
index 8ce8896..3530ff5 100644
--- a/src/views/Suppression/SuppSteps.vue
+++ b/src/views/Suppression/SuppSteps.vue
@@ -58,8 +58,17 @@
             <v-stepper-window-item>
               <type-file v-if="!typeFileSelected" v-model="typeFileSelected"></type-file>
               <select-file v-else v-model="fileSelected">Selection du fichier {{typeFileSelected}}</select-file>
+              <v-alert
+                v-if="alertMessage"
+                :type="alertType"
+              >
+                <span v-html="alertMessage"></span>
+              </v-alert>
               <v-container class="d-flex justify-space-between">
-                <v-btn @click="prevSelectTypeFile">
+                <v-btn v-if="typeFileSelected" @click="prevSelectTypeFile">
+                  précédent
+                </v-btn>
+                <v-btn v-else @click="prev">
                   précédent
                 </v-btn>
                 <v-btn
@@ -129,12 +138,21 @@ function uploadFile() {
 }
 function prevSelectTypeFile(){
   typeFileSelected.value = null;
+  raz();
 }
 function next() {
   currentStep.value++;
+  raz();
 }
 
 function prev() {
   currentStep.value--;
+  raz();
+}
+
+function raz(){
+  isLoading.value = false;
+  alertMessage.value = '';
+  alertType.value = 'success';
 }
 </script>