ITEM-366 Ajouter bouton stop dans le tableau de bord et de l'appel au ws

src/components/Supp/BtnStop.vue

@@ -0,0 +1,25 @@
+<template>
+  <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>
+</template>
+<script setup>
+import DialogConfirmationStop from "@/components/Supp/DialogConfirmationStop.vue";
+import {ref} from "vue";
+
+const emits = defineEmits(['stop'])
+const props = defineProps({
+  id:{
+    required:true,
+    type:Number
+  }
+})
+const dialog = ref(false);
+
+function click() {
+  dialog.value = true
+}
+
+
+</script>

src/components/Supp/DialogConfirmationStop.vue

@@ -0,0 +1,33 @@
+<template>
+  <v-dialog v-model="dialog" width="500">
+    <v-card>
+      <v-card-title>Confirmation</v-card-title>
+      <v-card-text>
+        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>
+        <v-btn @click="stopDemande">Confirmer</v-btn>
+      </v-card-actions>
+    </v-card>
+  </v-dialog>
+</template>
+<script setup>
+import itemService from "@/service/ItemService";
+
+const emits = defineEmits(['stop'])
+const dialog = defineModel();
+const props = defineProps({
+  id:{
+    required:true,
+    type:Number
+  }
+})
+
+function stopDemande(){
+  itemService.stopDemande(props.id).finally(() => {
+    dialog.value = false;
+    emits('stop');
+  });
+}
+</script>

src/service/ItemService.js

@@ -167,6 +167,10 @@ export class ItemService {
       return response.data
     })
   }
+
+  stopDemande(id) {
+    return this.client.patch('stopDemandeSupp/' + id);
+  }
 }
 
 export default new ItemService()

src/views/Suppression/SuppTable.vue

@@ -106,6 +106,7 @@
         </td>
         <td class="text-center">
           <!-- Colonne Action -->
+          <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>
         </td>
@@ -125,6 +126,7 @@ 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";
 
 //Emit
 const emit = defineEmits(['backendError', 'backendSuccess']);
@@ -352,6 +354,10 @@ function canCancel(item) {
   return item.etatDemande !== 'Terminé' && item.etatDemande !== 'En cours de traitement' && item.etatDemande !== 'En attente';
 }
 
+function canStop(item) {
+  return item.etatDemande === 'En cours de traitement' || item.etatDemande === 'En attente'
+}
+
 //Suppression d'une demande
 function supprimerDemande(item) {
   suppDialog.value = true;