From 056372f85ad68de7741dc5e0e56014710fa3df90 Mon Sep 17 00:00:00 2001
From: SamuelQuetin <quetin@abes.fr>
Date: Thu, 5 Dec 2024 16:11:15 +0100
Subject: [PATCH] ITEM-386 Ajouter action "Restaurer"

---
 src/service/ItemService.js               |  4 +++
 src/views/Exemplarisation/ExempTable.vue | 39 +++++++++++++---------
 src/views/Modification/ModifTable.vue    | 39 +++++++++++++---------
 src/views/Recouvrement/RecouvTable.vue   | 42 +++++++++++++++---------
 src/views/Suppression/SuppTable.vue      | 25 ++++++++++----
 5 files changed, 96 insertions(+), 53 deletions(-)

diff --git a/src/service/ItemService.js b/src/service/ItemService.js
index 4635ebd..ebf75cc 100644
--- a/src/service/ItemService.js
+++ b/src/service/ItemService.js
@@ -170,6 +170,10 @@ export class ItemService {
   stopDemande(id) {
     return this.client.patch('stopDemandeSupp/' + id);
   }
+
+  restaurerDemande(id, typeDemande) {
+    return this.client.patch('restaurerDemande/' + typeDemande + '/' + id )
+  }
 }
 
 export default new ItemService()
diff --git a/src/views/Exemplarisation/ExempTable.vue b/src/views/Exemplarisation/ExempTable.vue
index a6b6324..c998d49 100644
--- a/src/views/Exemplarisation/ExempTable.vue
+++ b/src/views/Exemplarisation/ExempTable.vue
@@ -1,18 +1,18 @@
 <template>
 
   <v-container fluid>
-    <v-chip :variant="isActiveDemandesDisplayed ? 'plain' : 'tonal'" style="margin-right: 10px"
-            @click="switchArchiveActiveDisplay(!isActiveDemandesDisplayed)">Demandes d'exemplarisation
+    <v-chip :variant="isArchiveDemandesDisplayed ? 'plain' : 'tonal'" style="margin-right: 10px"
+            @click="switchArchiveActiveDisplay(!isArchiveDemandesDisplayed)">Demandes d'exemplarisation
     </v-chip>
-    <v-chip :variant="!isActiveDemandesDisplayed ? 'plain' : 'tonal'"
-            @click="switchArchiveActiveDisplay(!isActiveDemandesDisplayed)">Demandes d'exemplarisation archivées
+    <v-chip :variant="!isArchiveDemandesDisplayed ? 'plain' : 'tonal'"
+            @click="switchArchiveActiveDisplay(!isArchiveDemandesDisplayed)">Demandes d'exemplarisation archivées
     </v-chip>
     <v-chip variant="text">
       <v-tooltip v-if="isAdmin" activator="parent" location="bottom">
         <template v-slot:activator="{ props }">
           <label>
             <input type="checkbox" v-model="extendedAllILN" style="margin-right: 5px"
-                   @change="loadItems('EXEMP', isActiveDemandesDisplayed)">
+                   @change="loadItems('EXEMP')">
             <span v-bind="props">Affichage étendu sur tous les ILN</span>
           </label>
         </template>
@@ -121,13 +121,13 @@
           <!-- Colonne Action -->
           <v-btn v-if="canArchive(item)" variant="plain" icon="mdi-archive" @click="archiverDemande(item)"></v-btn>
           <v-btn v-else-if="canCancel(item)" variant="plain" icon="mdi-delete" @click="supprimerDemande(item)"></v-btn>
-
+          <v-btn v-if="item.etatDemande === 'Archivé'" variant="plain"  icon="mdi-package-up" @click="restaurerDemande(item)"></v-btn>
         </td>
       </tr>
     </template>
   </v-data-table>
   <dialog-suppression v-model="suppDialog" :demande="suppDemande"
-                      @supp="loadItems('EXEMP', isActiveDemandesDisplayed)"></dialog-suppression>
+                      @supp="loadItems('EXEMP')"></dialog-suppression>
 </template>
 
 <script setup>
@@ -288,11 +288,11 @@ const isDialogOpen = computed(() => {
 });
 //Actives or archives demands displayed
 
-const isActiveDemandesDisplayed = ref(false);
+const isArchiveDemandesDisplayed = ref(false);
 
 //Data initialisation
 onMounted(() => {
-  loadItems('EXEMP', isActiveDemandesDisplayed.value);
+  loadItems('EXEMP');
   contentsDemandesFromServer.value = [...contentsDemandesFromServer.value];
   itemService.getTypeExemp()
     .then(response => {
@@ -304,7 +304,7 @@ onMounted(() => {
     });
   polling = setInterval(() => {
     if (!isDialogOpen.value) {
-      loadItems('EXEMP', isActiveDemandesDisplayed.value)
+      loadItems('EXEMP')
         .then(() => {
           filterItems();
         });
@@ -317,13 +317,13 @@ onBeforeUnmount(() => {
 });
 
 function switchArchiveActiveDisplay(value) {
-  isActiveDemandesDisplayed.value = value;
-  loadItems('EXEMP', isActiveDemandesDisplayed.value);
+  isArchiveDemandesDisplayed.value = value;
+  loadItems('EXEMP');
 }
 
-async function loadItems(type, archive) {
+async function loadItems(type) {
   try {
-    const response = await itemService.fetchDemandes(type, archive, extendedAllILN.value);
+    const response = await itemService.fetchDemandes(type, isArchiveDemandesDisplayed.value, extendedAllILN.value);
     contentsDemandesFromServer.value = response.data;
     contentsDemandesFrontFiltered.value = response.data.map((item) => ({
       ...item,
@@ -374,6 +374,15 @@ function supprimerDemande(item) {
   suppDemande.value = item;
 }
 
+function restaurerDemande(item) {
+  itemService.restaurerDemande(item.id, "EXEMP").then(() => {
+    loadItems('EXEMP');
+  }).catch(error => {
+    console.error(error);
+    emit('backendError', error);
+  });
+}
+
 //Archivage d'une demande
 async function archiverDemande(item) {
   try {
@@ -394,7 +403,7 @@ function onRowClick(item) {
 }
 
 function saveComment() {
-  loadItems('EXEMP', isActiveDemandesDisplayed.value)
+  loadItems('EXEMP')
     .then(() => {
       filterItems();
     });
diff --git a/src/views/Modification/ModifTable.vue b/src/views/Modification/ModifTable.vue
index 1273ae4..e34ff8f 100644
--- a/src/views/Modification/ModifTable.vue
+++ b/src/views/Modification/ModifTable.vue
@@ -1,18 +1,17 @@
 <template>
   <v-container fluid>
-    <!--:variant="isActiveDemandesDisplayed ? 'plain' : 'tonal'" -->
-    <v-chip :variant="isActiveDemandesDisplayed ? 'plain' : 'tonal'" style="margin-right: 10px"
-            @click="switchArchiveActiveDisplay(!isActiveDemandesDisplayed)">Demandes de modification
+    <v-chip :variant="isArchiveDemandesDisplayed ? 'plain' : 'tonal'" style="margin-right: 10px"
+            @click="switchArchiveActiveDisplay(!isArchiveDemandesDisplayed)">Demandes de modification
     </v-chip>
-    <v-chip :variant="!isActiveDemandesDisplayed ? 'plain' : 'tonal'"
-            @click="switchArchiveActiveDisplay(!isActiveDemandesDisplayed)">Demandes de modification archivées
+    <v-chip :variant="!isArchiveDemandesDisplayed ? 'plain' : 'tonal'"
+            @click="switchArchiveActiveDisplay(!isArchiveDemandesDisplayed)">Demandes de modification archivées
     </v-chip>
     <v-chip variant="text">
       <v-tooltip v-if="isAdmin" activator="parent" location="bottom">
         <template v-slot:activator="{ props }">
           <label>
             <input type="checkbox" v-model="extendedAllILN" style="margin-right: 5px"
-                   @change="loadItems('MODIF', isActiveDemandesDisplayed)">
+                   @change="loadItems('MODIF')">
             <span v-bind="props">Affichage étendu sur tous les ILN</span>
           </label>
         </template>
@@ -120,12 +119,13 @@
           <!-- Colonne Action -->
           <v-btn v-if="canArchive(item)" variant="plain" icon="mdi-archive" @click="archiverDemande(item)"></v-btn>
           <v-btn v-else-if="canCancel(item)" variant="plain" icon="mdi-delete" @click="supprimerDemande(item)"></v-btn>
+          <v-btn v-if="item.etatDemande === 'Archivé'" variant="plain"  icon="mdi-package-up" @click="restaurerDemande(item)"></v-btn>
         </td>
       </tr>
     </template>
   </v-data-table>
   <dialog-suppression v-model="suppDialog" :demande="suppDemande"
-                      @supp="loadItems('MODIF', isActiveDemandesDisplayed)"></dialog-suppression>
+                      @supp="loadItems('MODIF')"></dialog-suppression>
 </template>
 
 <script setup>
@@ -286,11 +286,11 @@ const isDialogOpen = computed(() => {
 });
 
 //Actives or archives demands displayed
-const isActiveDemandesDisplayed = ref(false);
+const isArchiveDemandesDisplayed = ref(false);
 
 //Data initialisation
 onMounted(() => {
-  loadItems('MODIF', isActiveDemandesDisplayed.value);
+  loadItems('MODIF');
   contentsDemandesFromServer.value = [...contentsDemandesFromServer.value];
   itemService.getTypeTraitement()
     .then(response => {
@@ -302,7 +302,7 @@ onMounted(() => {
     });
   polling = setInterval(() => {
     if (!isDialogOpen.value) {
-      loadItems('MODIF', isActiveDemandesDisplayed.value)
+      loadItems('MODIF')
         .then(() => {
           filterItems();
         });
@@ -315,13 +315,13 @@ onBeforeUnmount(() => {
 });
 
 function switchArchiveActiveDisplay(value) {
-  isActiveDemandesDisplayed.value = value;
-  loadItems('MODIF', isActiveDemandesDisplayed.value);
+  isArchiveDemandesDisplayed.value = value;
+  loadItems('MODIF');
 }
 
-async function loadItems(type, archive) {
+async function loadItems(type) {
   try {
-    const response = await itemService.fetchDemandes(type, archive, extendedAllILN.value);
+    const response = await itemService.fetchDemandes(type, isArchiveDemandesDisplayed.value, extendedAllILN.value);
     contentsDemandesFromServer.value = response.data;
     contentsDemandesFrontFiltered.value = response.data.map((item) => ({
       ...item,
@@ -383,6 +383,15 @@ function supprimerDemande(item) {
   suppDemande.value = item;
 }
 
+function restaurerDemande(item) {
+  itemService.restaurerDemande(item.id, "MODIF").then(() => {
+    loadItems('MODIF');
+  }).catch(error => {
+    console.error(error);
+    emit('backendError', error);
+  });
+}
+
 //Archivage d'une demande
 async function archiverDemande(item) {
   try {
@@ -403,7 +412,7 @@ function onRowClick(item) {
 }
 
 function saveComment() {
-  loadItems('MODIF', isActiveDemandesDisplayed.value)
+  loadItems('MODIF')
     .then(() => {
       filterItems();
     });
diff --git a/src/views/Recouvrement/RecouvTable.vue b/src/views/Recouvrement/RecouvTable.vue
index fd6f33c..1b3bb02 100644
--- a/src/views/Recouvrement/RecouvTable.vue
+++ b/src/views/Recouvrement/RecouvTable.vue
@@ -1,17 +1,17 @@
 <template>
   <v-container fluid>
-    <v-chip :variant="isActiveDemandesDisplayed ? 'plain' : 'tonal'" style="margin-right: 10px"
-            @click="switchArchiveActiveDisplay(!isActiveDemandesDisplayed)">Demandes de recouvrement
+    <v-chip :variant="isArchiveDemandesDisplayed ? 'plain' : 'tonal'" style="margin-right: 10px"
+            @click="switchArchiveActiveDisplay(!isArchiveDemandesDisplayed)">Demandes de recouvrement
     </v-chip>
-    <v-chip :variant="!isActiveDemandesDisplayed ? 'plain' : 'tonal'"
-            @click="switchArchiveActiveDisplay(!isActiveDemandesDisplayed)">Demandes de recouvrement archivées
+    <v-chip :variant="!isArchiveDemandesDisplayed ? 'plain' : 'tonal'"
+            @click="switchArchiveActiveDisplay(!isArchiveDemandesDisplayed)">Demandes de recouvrement archivées
     </v-chip>
     <v-chip variant="text">
       <v-tooltip v-if="isAdmin" activator="parent" location="bottom">
         <template v-slot:activator="{ props }">
           <label>
             <input type="checkbox" v-model="extendedAllILN" style="margin-right: 5px"
-                   @change="loadItems('RECOUV', isActiveDemandesDisplayed)">
+                   @change="loadItems('RECOUV')">
             <span v-bind="props">Affichage étendu sur tous les ILN</span>
           </label>
         </template>
@@ -108,12 +108,13 @@
           <!-- Colonne Action -->
           <v-btn v-if="canArchive(item)" variant="plain" icon="mdi-archive" @click="archiverDemande(item)"></v-btn>
           <v-btn v-else-if="canCancel(item)" variant="plain" icon="mdi-delete" @click="supprimerDemande(item)"></v-btn>
+          <v-btn v-if="item.etatDemande === 'Archivé'" variant="plain"  icon="mdi-package-up" @click="restaurerDemande(item)"></v-btn>
         </td>
       </tr>
     </template>
   </v-data-table>
   <dialog-suppression v-model="suppDialog" :demande="suppDemande"
-                      @supp="loadItems('RECOUV', isActiveDemandesDisplayed)"></dialog-suppression>
+                      @supp="loadItems('RECOUV')"></dialog-suppression>
 </template>
 
 <script setup>
@@ -260,15 +261,15 @@ const isDialogOpen = computed(() => {
 });
 
 //Actives or archives demands displayed
-const isActiveDemandesDisplayed = ref(false);
+const isArchiveDemandesDisplayed = ref(false);
 
 //Data initialisation
 onMounted(() => {
-  loadItems('RECOUV', isActiveDemandesDisplayed.value);
+  loadItems('RECOUV');
   contentsDemandesFromServer.value = [...contentsDemandesFromServer.value];
   polling = setInterval(() => {
     if (!isDialogOpen.value) {
-      loadItems('RECOUV', isActiveDemandesDisplayed.value)
+      loadItems('RECOUV')
         .then(() => {
           filterItems();
         });
@@ -281,13 +282,13 @@ onBeforeUnmount(() => {
 });
 
 function switchArchiveActiveDisplay(value) {
-  isActiveDemandesDisplayed.value = value;
-  loadItems('RECOUV', isActiveDemandesDisplayed.value);
+  isArchiveDemandesDisplayed.value = value;
+  loadItems('RECOUV');
 }
 
-async function loadItems(type, archive) {
+async function loadItems(type) {
   try {
-    const response = await itemService.fetchDemandes(type, archive, extendedAllILN.value);
+    const response = await itemService.fetchDemandes(type, isArchiveDemandesDisplayed.value, extendedAllILN.value);
     contentsDemandesFromServer.value = response.data;
     contentsDemandesFrontFiltered.value = response.data.map((item) => ({
       ...item,
@@ -337,12 +338,21 @@ function supprimerDemande(item) {
   suppDemande.value = item;
 }
 
+function restaurerDemande(item) {
+  itemService.restaurerDemande(item.id, "RECOUV").then(() => {
+    loadItems('RECOUV')
+  }).catch(error => {
+    console.error(error);
+    emit('backendError', error);
+  });
+}
+
 //Archivage d'une demande
 async function archiverDemande(item) {
   try {
-    await itemService.archiverDemande('EXEMP', item.id);
+    await itemService.archiverDemande('RECOUV', item.id);
     // Mettre à jour les données après l'archivage réussi
-    await loadItems('EXEMP');
+    await loadItems('RECOUV');
     emit('backendSuccess');
   } catch (error) {
     console.error(error);
@@ -360,7 +370,7 @@ function saveAction() {
 }
 
 function saveComment() {
-  loadItems('RECOUV', isActiveDemandesDisplayed.value)
+  loadItems('RECOUV')
     .then(() => {
       filterItems();
     });
diff --git a/src/views/Suppression/SuppTable.vue b/src/views/Suppression/SuppTable.vue
index e67b014..5173b5d 100644
--- a/src/views/Suppression/SuppTable.vue
+++ b/src/views/Suppression/SuppTable.vue
@@ -110,6 +110,7 @@
           <btn-stop v-if="canStop(item)" :id="item.id" @stop="loadItems('SUPP', isArchiveDemandesDisplayed)"></btn-stop>
           <v-btn v-if="canArchive(item)" variant="plain" icon="mdi-archive" @click="archiverDemande(item)"></v-btn>
           <v-btn v-else-if="canCancel(item)" variant="plain" icon="mdi-delete" @click="supprimerDemande(item)"></v-btn>
+          <v-btn v-if="item.etatDemande === 'Archivé'" variant="plain"  icon="mdi-package-up" @click="restaurerDemande(item)"></v-btn>
         </td>
       </tr>
     </template>
@@ -128,6 +129,7 @@ import MenuDownloadFile from '@/components/MenuDownloadFile.vue';
 import moment from 'moment/moment';
 import {useAuthStore} from "@/store/authStore";
 import BtnStop from "@/components/Supp/BtnStop.vue";
+import itemService from "@/service/ItemService";
 
 //Emit
 const emit = defineEmits(['backendError', 'backendSuccess']);
@@ -270,7 +272,7 @@ const isArchiveDemandesDisplayed = ref(false);
 
 //Data initialisation
 onMounted(() => {
-  loadItems('SUPP', isArchiveDemandesDisplayed.value);
+  loadItems('SUPP');
   contentsDemandesFromServer.value = [...contentsDemandesFromServer.value];
   demandesService.getTypeTraitement()
     .then(response => {
@@ -282,7 +284,7 @@ onMounted(() => {
     });
   polling = setInterval(() => {
     if (!isDialogOpen.value) {
-      loadItems('SUPP', isArchiveDemandesDisplayed.value)
+      loadItems('SUPP')
         .then(() => {
           filterItems();
         });
@@ -296,12 +298,12 @@ onBeforeUnmount(() => {
 
 function switchArchiveActiveDisplay(value) {
   isArchiveDemandesDisplayed.value = value;
-  loadItems('SUPP', isArchiveDemandesDisplayed.value);
+  loadItems('SUPP');
 }
 
-async function loadItems(type, archive) {
+async function loadItems(type) {
   try {
-    const response = await demandesService.fetchDemandes(type, archive, extendedAllILN.value);
+    const response = await demandesService.fetchDemandes(type, isArchiveDemandesDisplayed.value, extendedAllILN.value);
     contentsDemandesFromServer.value = response.data;
     contentsDemandesFrontFiltered.value = response.data.map((item) => ({
       ...item,
@@ -366,12 +368,21 @@ function supprimerDemande(item) {
   suppDemande.value = item;
 }
 
+function restaurerDemande(item) {
+  itemService.restaurerDemande(item.id, "SUPP").then(() => {
+    loadItems('SUPP');
+  }).catch(error => {
+    console.error(error);
+    emit('backendError', error);
+  });
+}
+
 //Archivage d'une demande
 async function archiverDemande(item) {
   try {
     await demandesService.archiverDemande('SUPP', item.id);
     // Mettre à jour les données après l'archivage réussi
-    await loadItems('SUPP', isArchiveDemandesDisplayed.value);
+    await loadItems('SUPP');
     emit('backendSuccess');
   } catch (error) {
     console.error(error);
@@ -386,7 +397,7 @@ function onRowClick(item) {
 }
 
 function saveComment() {
-  loadItems('SUPP', isArchiveDemandesDisplayed.value)
+  loadItems('SUPP')
     .then(() => {
       filterItems();
     });