From 18e7736704bfe8b737d6f888f3eaca12fc4069cd Mon Sep 17 00:00:00 2001
From: Jerome Villiseck <jerome.villiseck@outlook.com>
Date: Wed, 10 Jul 2024 11:18:56 +0200
Subject: [PATCH 01/16] - Optionnal chaining - Correction gestion des erreurs

---
 src/App.vue | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 41b0c44..45b51ae 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -73,11 +73,10 @@ function addError(error) {
     }
     newError.description = 'Erreur ' + error.response.status
   }
-  if(error.response.data.detail){
-    newError.description = error.response.data.detail
-  }
-  if(error.response.data.message){
-    newError.description = error.response.data.message
+  if (error?.response?.data?.detail) {
+    newError.description = error.response.data.detail;
+  } else if (error?.response?.data?.message) {
+    newError.description = error.response.data.message;
   }
   if(error.request.url){
     newError.description = 'Problème de disponibilité du fichier demandé'

From cb2a1dae39dddb2f234f92f3ea86f3c6f94c1d24 Mon Sep 17 00:00:00 2001
From: SamuelQuetin <quetin@abes.fr>
Date: Thu, 11 Jul 2024 15:17:21 +0200
Subject: [PATCH 02/16] fix mail

---
 src/components/Email.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Email.vue b/src/components/Email.vue
index af1022a..e7f42c5 100644
--- a/src/components/Email.vue
+++ b/src/components/Email.vue
@@ -81,7 +81,7 @@ onMounted(() => {
 });
 
 function validate() {
-  if(props.email){
+  if(!props.email){
     demandesService.creerEmail(props.userId, emailModel.value)
       .then(result => {
         emits('validate', result.data.email);

From 3a843654a31ed3f0d7a174b52535417fe6697b20 Mon Sep 17 00:00:00 2001
From: SamuelQuetin <quetin@abes.fr>
Date: Thu, 11 Jul 2024 15:28:57 +0200
Subject: [PATCH 03/16] fix mail

---
 src/views/Utilisateur/ModificationEmail.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/Utilisateur/ModificationEmail.vue b/src/views/Utilisateur/ModificationEmail.vue
index 5c7e462..467987b 100644
--- a/src/views/Utilisateur/ModificationEmail.vue
+++ b/src/views/Utilisateur/ModificationEmail.vue
@@ -20,7 +20,7 @@ const user = authStore.getUser
 
 function setEmailUser(email){
   user.value.email = email;
-  authStore.set
+  authStore.setUser(user);
   router.push('Accueil');
 }
 </script>

From 186b1b3ef21d457f0e86bde83ee0098f2e76da25 Mon Sep 17 00:00:00 2001
From: SamuelQuetin <samquetinuel@gmail.com>
Date: Fri, 12 Jul 2024 08:31:01 +0200
Subject: [PATCH 04/16] fix bug user.email

---
 src/views/Utilisateur/ModificationEmail.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/views/Utilisateur/ModificationEmail.vue b/src/views/Utilisateur/ModificationEmail.vue
index 467987b..4d05a35 100644
--- a/src/views/Utilisateur/ModificationEmail.vue
+++ b/src/views/Utilisateur/ModificationEmail.vue
@@ -11,7 +11,6 @@
 
 <script setup>
 import Email from '@/components/Email.vue';
-import { ref } from 'vue';
 import router from '@/router';
 import {useAuthStore} from '@/store/authStore'
 
@@ -19,7 +18,7 @@ const authStore = useAuthStore()
 const user = authStore.getUser
 
 function setEmailUser(email){
-  user.value.email = email;
+  user.email = email;
   authStore.setUser(user);
   router.push('Accueil');
 }

From 46cebefcbbeb3622ed2012ec5dd31f72c0984a2b Mon Sep 17 00:00:00 2001
From: SamuelQuetin <samquetinuel@gmail.com>
Date: Fri, 12 Jul 2024 10:09:33 +0200
Subject: [PATCH 05/16] Changement du titre + favicon

---
 package.json       |   2 +-
 public/favicon.ico | Bin 15406 -> 1150 bytes
 src/App.vue        |   6 +++++-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index b6b6674..32dd27e 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-	"name": "vuetify-project",
+	"name": "Item",
 	"version": "0.0.0",
 	"scripts": {
 		"dev": "vite",
diff --git a/public/favicon.ico b/public/favicon.ico
index 8fb9f91b3aab4eec0c76ffc5342528033c61e247..9832fe775d68e1e080ab3febfa46aaf3b014d667 100644
GIT binary patch
literal 1150
zcmb8v+e!ja6b9fe1zmI_1YVY%bUfrC=^XVY6;V_a5=C?%LL_>LAj~w=%uLfvGY?t4
zMsM=BR<<s>ioJ%lH?wE{Z}!Dzlrqs}HY*yfYQ0k_i&Dy<rX^ZwuhXOyJ?rUi_s=~I
zJEI1+{dNR>Hf(uq*z^ozV`K<x?m?`&2C(An$FjqUC8H0E_FkMH1VN>wcLN4=j0L;p
zkFhuAfR4c*=aPNwk2|4bw9|m><8Z<S9YgY0(FiUh7dV=9LC27MJQf8T$5U=CL-L91
z7}z+O_GlTBze&WwMrg*XWk^1iOn{B>tWV33eEK#CHcsdKT88BB(kZZUHXqP3B!8bt
zgAG1Md=_-;A)5gkRO<IEY7zNd7Hn`{4Bp3ktBKZI1I<Pa^;#9L)e5RFWmL)~JeP_n
nJrz(a<WYFcfep!v@%hoxGE^7+1Ujfq@<;f84$&)h>M!bV2djII

literal 15406
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
Bh2#JL

diff --git a/src/App.vue b/src/App.vue
index 45b51ae..1c1a51d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -32,7 +32,7 @@
 </template>
 
 <script setup>
-import {ref} from 'vue'
+import { onBeforeMount, ref } from 'vue';
 import Header from '@/components/Structure/Header.vue'
 import Navbar from '@/components/Structure/Navbar.vue'
 import Footer from '@/components/Structure/Footer.vue'
@@ -42,6 +42,10 @@ import {HttpStatusCode} from 'axios'
 const errorStack = ref([])
 const drawer = ref(false)
 
+onBeforeMount(() => {
+    document.title = 'Item';
+})
+
 function addError(error) {
   let newError = {
     message: 'Erreur',

From a3654c9919c8432318172ad5a5a4c6dc65d6f323 Mon Sep 17 00:00:00 2001
From: SamuelQuetin <samquetinuel@gmail.com>
Date: Fri, 12 Jul 2024 10:39:17 +0200
Subject: [PATCH 06/16] Fix route inconnue

---
 src/router/index.js | 38 ++++----------------------------------
 1 file changed, 4 insertions(+), 34 deletions(-)

diff --git a/src/router/index.js b/src/router/index.js
index 35f7774..acc5b92 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -104,41 +104,11 @@ const routes = [
     props: true,
     meta: {requiresAuth: true}
   },
+
+  // Gestion de la 404, redirection vers la page d'accueil
   {
-    path: '/donnees-personnelles',
-    name: 'donnees-personnelles',
-    component: Accueil,
-    meta: {requiresAuth: false}
-  },
-  {
-    path: '/sortie-application-vers-assistance',
-    name: 'sortie-application-vers-assistance',
-    component: Accueil,
-    meta: {requiresAuth: false}
-  },
-  {
-    path: '/sortie-application-vers-documentation',
-    name: 'sortie-application-vers-documentation',
-    component: Accueil,
-    meta: {requiresAuth: false}
-  },
-  {
-    path: '/sortie-application-vers-accessibilite',
-    name: 'sortie-application-vers-accessibilite',
-    component: Accueil,
-    meta: {requiresAuth: false}
-  },
-  {
-    path: '/sortie-application-vers-mentions-legales',
-    name: 'sortie-application-vers-mentions-legales',
-    component: Accueil,
-    meta: {requiresAuth: false}
-  },
-  {
-    path: '/sortie-application-vers-cgu',
-    name: 'sortie-application-vers-cgu',
-    component: Accueil,
-    meta: {requiresAuth: false}
+    path: '/:pathMatch(.*)*',
+    redirect: "/accueil",
   }
 ]
 

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 07/16] 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 08/16] 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 09/16] =?UTF-8?q?Ajout=20creer=20demande=20par=20defaut=20?=
 =?UTF-8?q?pour=20tester=20workflow=20Ajout=20variable=20pour=20stepper=20?=
 =?UTF-8?q?ajout=20Uploadfile=20Ajout=20pr=C3=A9c=C3=A9dent=20pour=20reven?=
 =?UTF-8?q?ir=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 10/16] =?UTF-8?q?fix=20mail=20fix=20envoy=C3=A9=20=3D>=20e?=
 =?UTF-8?q?nvoyer?=
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 11/16] 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>

From 4edb01f331da8c1c8ee9b6888704def418cc1684 Mon Sep 17 00:00:00 2001
From: SamuelQuetin <quetin@abes.fr>
Date: Tue, 16 Jul 2024 11:50:57 +0200
Subject: [PATCH 12/16] Ajout RCR

---
 src/views/Suppression/SuppSteps.vue | 57 ++++++++++++++++++++---------
 1 file changed, 40 insertions(+), 17 deletions(-)

diff --git a/src/views/Suppression/SuppSteps.vue b/src/views/Suppression/SuppSteps.vue
index 3530ff5..6723db8 100644
--- a/src/views/Suppression/SuppSteps.vue
+++ b/src/views/Suppression/SuppSteps.vue
@@ -44,16 +44,16 @@
 
           <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>-->
+              <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>
               <type-file v-if="!typeFileSelected" v-model="typeFileSelected"></type-file>
@@ -107,19 +107,42 @@ const demande = ref();
 const emits = defineEmits(['backendError']);
 const props = defineProps({id: {type: String}});
 
+const rcrSelected = ref();
 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 createDemande() {
+  if (demande.value && (rcrSelected.value === demande.value.rcr)) {
+    next();
+  } else if (demande.value) {
+    isLoading.value = true;
+    demandesService.modifierRcrDemande(demande.value.id, rcrSelected.value, 'SUPP')
+      .then(response => {
+        demande.value = response.data;
+        next();
+      }).catch(err => {
+      emits('backendError', err);
+    }).finally(() => {
+      isLoading.value = false;
+    });
+  } else {
+    isLoading.value = true;
+    demandesService.creerDemande(rcrSelected.value, 'SUPP')
+      .then(response => {
+        demande.value = response.data;
+        next();
+      }).catch(err => {
+      emits('backendError', err);
+    }).finally(() => {
+      isLoading.value = false;
+    });
+  }
+}
+
 function uploadFile() {
   alertMessage.value = '';
   alertType.value = 'success';

From 6d7e261726d84c802420f7498bda1f72a7255968 Mon Sep 17 00:00:00 2001
From: SamuelQuetin <quetin@abes.fr>
Date: Wed, 17 Jul 2024 08:46:20 +0200
Subject: [PATCH 13/16] update

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

diff --git a/src/views/Suppression/SuppSteps.vue b/src/views/Suppression/SuppSteps.vue
index 6723db8..6f1ea32 100644
--- a/src/views/Suppression/SuppSteps.vue
+++ b/src/views/Suppression/SuppSteps.vue
@@ -57,7 +57,8 @@
             </v-stepper-window-item>
             <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>
+              <select-file v-else-if="!isLoaded" v-model="fileSelected">Selection du fichier {{typeFileSelected}}</select-file>
+              <download-file v-if="isLoaded" file-link="" file-name=""></download-file>
               <v-alert
                 v-if="alertMessage"
                 :type="alertType"
@@ -72,12 +73,17 @@
                   précédent
                 </v-btn>
                 <v-btn
-                  v-if="typeFileSelected"
+                  v-if="typeFileSelected && !isLoaded"
                   :disabled="!fileSelected"
                   @click="uploadFile()"
                 >
                   Envoyer
                 </v-btn>
+                <v-btn
+                  v-if="isLoaded"
+                >
+                  Suivant
+                </v-btn>
               </v-container>
             </v-stepper-window-item>
             <v-stepper-window-item>
@@ -97,6 +103,8 @@ import { onMounted, ref } from 'vue';
 import TypeFile from '@/components/Supp/TypeFile.vue';
 import SelectFile from '@/components/SelectFile.vue';
 import demandesService from '@/service/DemandesService';
+import {tr} from "vuetify/locale";
+import DownloadFile from "@/components/Modif/DownloadFile.vue";
 
 
 
@@ -110,6 +118,9 @@ const props = defineProps({id: {type: String}});
 const rcrSelected = ref();
 const typeFileSelected = ref();
 const fileSelected = ref();
+const fileLink = ref('');
+const fileName = ref('');
+const isLoaded = ref(false)
 const isLoading = ref(false);
 const alertMessage = ref('');
 const alertType = ref('success');
@@ -147,9 +158,16 @@ function uploadFile() {
   alertMessage.value = '';
   alertType.value = 'success';
   isLoading.value = true;
-  demandesService.uploadDemande(1, fileSelected.value, 'SUPP')
+  demandesService.uploadDemande(demande.value.id, fileSelected.value, 'SUPP')
     .then(() => {
       alertMessage.value = "Fichier envoyé";
+      isLoaded.value = true;
+      demandesService.getFile(demande.value.id, 'SUPP','fichier_prepare', '.csv')
+        .then(response => {
+          let blob = new Blob([response.data], {type: 'application/csv'});
+          fileLink.value = window.URL.createObjectURL(blob);
+          fileName.value = `fichier_demande_${demande.value.id}.csv`;
+        })
     })
     .catch(err => {
       alertMessage.value = err.response.data.message;
@@ -177,5 +195,6 @@ function raz(){
   isLoading.value = false;
   alertMessage.value = '';
   alertType.value = 'success';
+  isLoaded.value = false;
 }
 </script>

From d1b63fc6fc8725699a998f122320070ab1142fd5 Mon Sep 17 00:00:00 2001
From: SamuelQuetin <samquetinuel@gmail.com>
Date: Wed, 17 Jul 2024 14:04:25 +0200
Subject: [PATCH 14/16] =?UTF-8?q?Ajout=20variable=20dans=20composant=20pou?=
 =?UTF-8?q?r=20DL=20le=20fichier=20pr=C3=A9par=C3=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Suppression/SuppSteps.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/Suppression/SuppSteps.vue b/src/views/Suppression/SuppSteps.vue
index 6f1ea32..7f1ca28 100644
--- a/src/views/Suppression/SuppSteps.vue
+++ b/src/views/Suppression/SuppSteps.vue
@@ -58,7 +58,7 @@
             <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>
-              <download-file v-if="isLoaded" file-link="" file-name=""></download-file>
+              <download-file v-if="isLoaded" :file-link="fileLink" :file-name="fileName"></download-file>
               <v-alert
                 v-if="alertMessage"
                 :type="alertType"

From da9e678b2949e09b0b31a6cb450e3be13e457b9a Mon Sep 17 00:00:00 2001
From: SamuelQuetin <samquetinuel@gmail.com>
Date: Wed, 17 Jul 2024 14:13:20 +0200
Subject: [PATCH 15/16] ajout bouton next

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

diff --git a/src/views/Suppression/SuppSteps.vue b/src/views/Suppression/SuppSteps.vue
index 7f1ca28..d728b00 100644
--- a/src/views/Suppression/SuppSteps.vue
+++ b/src/views/Suppression/SuppSteps.vue
@@ -58,7 +58,7 @@
             <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>
-              <download-file v-if="isLoaded" :file-link="fileLink" :file-name="fileName"></download-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"
                 :type="alertType"
@@ -66,7 +66,10 @@
                 <span v-html="alertMessage"></span>
               </v-alert>
               <v-container class="d-flex justify-space-between">
-                <v-btn v-if="typeFileSelected" @click="prevSelectTypeFile">
+                <v-btn v-if="typeFileSelected && !isLoaded" @click="prevSelectTypeFile">
+                  précédent
+                </v-btn>
+                <v-btn v-else-if="isLoaded" @click="prevSelectFile">
                   précédent
                 </v-btn>
                 <v-btn v-else @click="prev">
@@ -81,6 +84,8 @@
                 </v-btn>
                 <v-btn
                   v-if="isLoaded"
+                  :disabled="!isDownloaded"
+                  @click="next"
                 >
                   Suivant
                 </v-btn>
@@ -120,7 +125,8 @@ const typeFileSelected = ref();
 const fileSelected = ref();
 const fileLink = ref('');
 const fileName = ref('');
-const isLoaded = ref(false)
+const isLoaded = ref(false);
+const isDownloaded = ref(false);
 const isLoading = ref(false);
 const alertMessage = ref('');
 const alertType = ref('success');
@@ -181,6 +187,9 @@ function prevSelectTypeFile(){
   typeFileSelected.value = null;
   raz();
 }
+function prevSelectFile(){
+  raz();
+}
 function next() {
   currentStep.value++;
   raz();
@@ -196,5 +205,6 @@ function raz(){
   alertMessage.value = '';
   alertType.value = 'success';
   isLoaded.value = false;
+  isDownloaded.value = false;
 }
 </script>

From 40b2ffcf77d6a992c703326a0507d88fc0c4b56e Mon Sep 17 00:00:00 2001
From: SamuelQuetin <quetin@abes.fr>
Date: Thu, 18 Jul 2024 10:36:26 +0200
Subject: [PATCH 16/16] Reformat Accueil Comme ItemV2 Ajout Btn page supp et
 tableau supp

---
 src/components/Home/BtnAccueil.vue | 40 +++++++++++------------
 src/router/index.js                |  7 ++++
 src/views/Accueil.vue              | 51 ++++++++++++++++++------------
 3 files changed, 57 insertions(+), 41 deletions(-)

diff --git a/src/components/Home/BtnAccueil.vue b/src/components/Home/BtnAccueil.vue
index c11fe99..1ab9873 100644
--- a/src/components/Home/BtnAccueil.vue
+++ b/src/components/Home/BtnAccueil.vue
@@ -1,14 +1,24 @@
 <template>
-  <div
-    class="btnAccueil py-12  px-4 d-flex align-center rounded"
-    style=" border-radius: 20px;"
-    @click="router.push(route)"
-  >
-    <v-icon x-large color="grey-darken-2" class="mr-3">{{ icon }}</v-icon>
-    <h3 class="flex-grow-1 text-center">
-      <slot/>
-    </h3>
-  </div>
+  <v-hover v-slot="{ isHovering, props }">
+    <button
+      v-bind="props"
+      type="button"
+      :class="`py-12  px-4 d-flex align-center rounded elevation-${isHovering ? 6 : 2}`"
+      style="border-radius: 20px; display: block; width: 100%;"
+      @click="router.push(route)"
+    >
+      <v-row>
+        <v-col cols="12" xl="3" lg="3" md="3" sm="3" xs="3" align-self="center">
+          <v-icon size="xx-large" color="grey-darken-2"  class="mr-3">{{ icon }}</v-icon>
+        </v-col>
+        <v-col cols="12" xl="9" lg="9" md="9" sm="9" xs="9" class="d-flex justify-start">
+          <span  class="text-h5 font-weight-bold">
+            <slot/>
+          </span>
+        </v-col>
+      </v-row>
+    </button>
+  </v-hover>
 </template>
 
 <script setup>
@@ -19,13 +29,3 @@ const props = defineProps({
   route: { type: String, required: true }
 })
 </script>
-<style scoped>
-.btnAccueil:hover {
-  cursor: pointer;
-  background-color: lightgrey !important;
-  transition-duration: 0.3s;
-}
-.btnAccueil {
-  border: 1px solid black;
-}
-</style>
diff --git a/src/router/index.js b/src/router/index.js
index 2c8a5f6..f9457e2 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -11,6 +11,7 @@ import Accueil from '@/views/Accueil.vue';
 import ModificationEmail from '@/views/Utilisateur/ModificationEmail.vue';
 import demandesService from '@/service/DemandesService'
 import {useAuthStore} from '@/store/authStore'
+import SuppTable from "@/views/Suppression/SuppTable.vue";
 
 const routes = [
   {
@@ -66,6 +67,12 @@ const routes = [
     component: RecouvTable,
     meta: {requiresAuth: true}
   },
+  {
+    path: '/suppression-tableau',
+    name: 'suppression-tableau',
+    component: SuppTable,
+    meta: {requiresAuth: true}
+  },
   {
     path: '/modification',
     name: 'modification',
diff --git a/src/views/Accueil.vue b/src/views/Accueil.vue
index cd15e3f..8bafeb1 100644
--- a/src/views/Accueil.vue
+++ b/src/views/Accueil.vue
@@ -1,37 +1,46 @@
 <template>
   <v-container class="fill-height">
-    <v-responsive class="align-centerfill-height mx-auto">
-      <div class="py-5"/>
-      <v-row>
-        <v-col class="text-center" cols="12" md="6">
-          <BtnAccueil id="btn-recouvrement" icon="mdi-percent" route="recouvrement">
+    <v-responsive class="align-centerfill-height">
+      <v-row class="pa-5">
+        <v-col class="text-center" cols="12" xl="6" lg="6" md="12" sm="12" xs="12">
+          <btn-accueil id="btn-recouvrement" icon="mdi-percent" route="recouvrement">
             Calculer mon taux de recouvrement
-          </BtnAccueil>
+          </btn-accueil>
         </v-col>
-        <v-col class="text-center" cols="12" md="6">
-          <BtnAccueil id="btn-recouvrement-tableau" icon="mdi-chart-bar" route="recouvrement-tableau">
+        <v-col class="text-center" cols="12" xl="6" lg="6" md="12" sm="12" xs="12">
+          <btn-accueil id="btn-recouvrement-tableau" icon="mdi-chart-bar" route="recouvrement-tableau">
             Gérer mes taux de recouvrement
-          </BtnAccueil>
+          </btn-accueil>
         </v-col>
-        <v-col class="text-center" cols="12" md="6">
-          <BtnAccueil id="btn-exemplarisation" icon="mdi-plus" route="exemplarisation">
+        <v-col class="text-center" cols="12" xl="6" lg="6" md="12" sm="12" xs="12">
+          <btn-accueil id="btn-exemplarisation" icon="mdi-plus-circle-outline" route="exemplarisation">
             Créer des exemplaires
-          </BtnAccueil>
+          </btn-accueil>
         </v-col>
-        <v-col class="text-center" cols="12" md="6">
-          <BtnAccueil id="btn-exemplarisation-tableau" icon="mdi-chart-bar" route="exemplarisation-tableau">
+        <v-col class="text-center" cols="12" xl="6" lg="6" md="12" sm="12" xs="12">
+          <btn-accueil id="btn-exemplarisation-tableau" icon="mdi-chart-bar" route="exemplarisation-tableau">
             Gérer mes créations
-          </BtnAccueil>
+          </btn-accueil>
         </v-col>
-        <v-col class="text-center" cols="12" md="6">
-          <BtnAccueil id="btn-modification" icon="mdi-pencil" route="modification">
+        <v-col class="text-center" cols="12" xl="6" lg="6" md="12" sm="12" xs="12">
+          <btn-accueil id="btn-modification" icon="mdi-pencil" route="modification">
             Modifier des exemplaires
-          </BtnAccueil>
+          </btn-accueil>
         </v-col>
-        <v-col class="text-center" cols="12" md="6">
-          <BtnAccueil id="btn-modification-tableau" icon="mdi-chart-bar" route="modification-tableau">
+        <v-col class="text-center" cols="12" xl="6" lg="6" md="12" sm="12" xs="12">
+          <btn-accueil id="btn-modification-tableau" icon="mdi-chart-bar" route="modification-tableau">
             Gérer mes modifications
-          </BtnAccueil>
+          </btn-accueil>
+        </v-col>
+        <v-col class="text-center" cols="12" xl="6" lg="6" md="12" sm="12" xs="12">
+          <btn-accueil id="btn-suppression" icon="mdi-close-circle-outline" route="suppression">
+            Supprimer des exemplaires
+          </btn-accueil>
+        </v-col>
+        <v-col class="text-center" cols="12" xl="6" lg="6" md="12" sm="12" xs="12">
+          <btn-accueil id="btn-suppression-tableau" icon="mdi-chart-bar" route="suppression-tableau">
+            Gérer mes suppressions
+          </btn-accueil>
         </v-col>
       </v-row>
     </v-responsive>