From f77b65dfc345876c4fb5f0d13092e72e2a948f1a Mon Sep 17 00:00:00 2001
From: SamuelQuetin <samquetinuel@gmail.com>
Date: Fri, 6 Dec 2024 09:40:24 +0100
Subject: [PATCH] Ajout du catch du message d'erreur

---
 src/components/Supp/BtnStop.vue               | 23 ++++++++-------
 .../Supp/DialogConfirmationStop.vue           | 28 +++++++++++--------
 src/views/Suppression/SuppTable.vue           | 17 ++++++-----
 3 files changed, 39 insertions(+), 29 deletions(-)

diff --git a/src/components/Supp/BtnStop.vue b/src/components/Supp/BtnStop.vue
index 6d866ff..76fa34a 100644
--- a/src/components/Supp/BtnStop.vue
+++ b/src/components/Supp/BtnStop.vue
@@ -1,25 +1,28 @@
 <template>
-  <v-btn icon="mdi-stop"  variant="plain" @click="click">
+  <v-btn icon="mdi-stop" variant="plain" @click="click">
   </v-btn>
-  <dialog-confirmation-stop v-model="dialog" :id="id" @stop="emits('stop')">
+  <dialog-confirmation-stop v-model="dialog" :id="id" @stop="emits('stop')" @on-error="throwError">
   </dialog-confirmation-stop>
 </template>
 <script setup>
-import DialogConfirmationStop from "@/components/Supp/DialogConfirmationStop.vue";
-import {ref} from "vue";
+import DialogConfirmationStop from '@/components/Supp/DialogConfirmationStop.vue';
+import { ref } from 'vue';
 
-const emits = defineEmits(['stop'])
+const emits = defineEmits(['stop', 'onError']);
 const props = defineProps({
-  id:{
-    required:true,
-    type:Number
+  id: {
+    required: true,
+    type: Number
   }
-})
+});
 const dialog = ref(false);
 
 function click() {
-  dialog.value = true
+  dialog.value = true;
 }
 
+function throwError(err) {
+  emits('onError', err);
+}
 
 </script>
diff --git a/src/components/Supp/DialogConfirmationStop.vue b/src/components/Supp/DialogConfirmationStop.vue
index 0f8c046..08c8e1a 100644
--- a/src/components/Supp/DialogConfirmationStop.vue
+++ b/src/components/Supp/DialogConfirmationStop.vue
@@ -3,7 +3,7 @@
     <v-card>
       <v-card-title>Confirmation</v-card-title>
       <v-card-text>
-        Voulez vous vraiment stopper le traitement sur la demande N°{{id}} ?
+        Voulez vous vraiment stopper le traitement sur la demande N°{{ id }} ?
       </v-card-text>
       <v-card-actions>
         <v-btn @click="dialog=false">Refuser</v-btn>
@@ -13,21 +13,25 @@
   </v-dialog>
 </template>
 <script setup>
-import itemService from "@/service/ItemService";
+import itemService from '@/service/ItemService';
 
-const emits = defineEmits(['stop'])
+const emits = defineEmits(['stop', 'onError']);
 const dialog = defineModel();
 const props = defineProps({
-  id:{
-    required:true,
-    type:Number
+  id: {
+    required: true,
+    type: Number
   }
-})
+});
 
-function stopDemande(){
-  itemService.stopDemande(props.id).finally(() => {
-    dialog.value = false;
-    emits('stop');
-  });
+function stopDemande() {
+  itemService.stopDemande(props.id)
+    .catch(err => {
+      emits('onError', err);
+    })
+    .finally(() => {
+      dialog.value = false;
+      emits('stop');
+    });
 }
 </script>
diff --git a/src/views/Suppression/SuppTable.vue b/src/views/Suppression/SuppTable.vue
index e67b014..a6a804c 100644
--- a/src/views/Suppression/SuppTable.vue
+++ b/src/views/Suppression/SuppTable.vue
@@ -27,7 +27,8 @@
       </v-tooltip>
     </v-chip>
   </v-container>
-  <v-data-table :headers="filteredHeadingsDemandes" :items="contentsDemandesFrontFiltered" :items-length="totalItemsFound"
+  <v-data-table :headers="filteredHeadingsDemandes" :items="contentsDemandesFrontFiltered"
+                :items-length="totalItemsFound"
                 :loading="!isDataLoaded" show-expand :sort-by="sortBy"
                 item-key="id">
     <template v-slot:body.prepend>
@@ -107,7 +108,8 @@
         </td>
         <td class="text-center">
           <!-- Colonne Action -->
-          <btn-stop v-if="canStop(item)" :id="item.id" @stop="loadItems('SUPP', isArchiveDemandesDisplayed)"></btn-stop>
+          <btn-stop v-if="canStop(item)" :id="item.id" @stop="loadItems('SUPP', isArchiveDemandesDisplayed)"
+                    @on-error="throwError"></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>
         </td>
@@ -126,14 +128,15 @@ import DialogSuppression from '@/components/Dialog/DialogSuppression.vue';
 import DialogCommentaire from '@/components/Dialog/DialogCommentaire.vue';
 import MenuDownloadFile from '@/components/MenuDownloadFile.vue';
 import moment from 'moment/moment';
-import {useAuthStore} from "@/store/authStore";
-import BtnStop from "@/components/Supp/BtnStop.vue";
+import { useAuthStore } from '@/store/authStore';
+import BtnStop from '@/components/Supp/BtnStop.vue';
 
 //Emit
 const emit = defineEmits(['backendError', 'backendSuccess']);
 
 //Data
-const isAdmin = useAuthStore().isAdmin();
+const isAdmin = useAuthStore()
+  .isAdmin();
 const extendedAllILN = ref(true); // todo Pour les tests il faut laisser à true/ pour la prod faudra mettre à false
 const headingsDemandes = [
   {
@@ -226,7 +229,7 @@ const headingsDemandes = [
 ];
 const filteredHeadingsDemandes = computed(() =>
   headingsDemandes.filter(heading => heading.display !== false)
-)
+);
 
 const listStatut = [
   'En saisie',
@@ -357,7 +360,7 @@ function canCancel(item) {
 }
 
 function canStop(item) {
-  return item.etatDemande === 'En cours de traitement' || item.etatDemande === 'En attente'
+  return item.etatDemande === 'En cours de traitement' || item.etatDemande === 'En attente';
 }
 
 //Suppression d'une demande