From 1a8557974aa00948eedef098c31a6bc86e3c36ba Mon Sep 17 00:00:00 2001
From: SamuelQuetin <quetin@abes.fr>
Date: Mon, 4 Nov 2024 08:46:13 +0100
Subject: [PATCH 01/10] ITEM-289 changer le libeller

---
 src/views/Exemplarisation/ExempTable.vue | 6 +++---
 src/views/Modification/ModifTable.vue    | 4 ++--
 src/views/Recouvrement/RecouvTable.vue   | 2 +-
 src/views/Suppression/SuppTable.vue      | 6 +++---
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/views/Exemplarisation/ExempTable.vue b/src/views/Exemplarisation/ExempTable.vue
index 97f539e..fb92592 100644
--- a/src/views/Exemplarisation/ExempTable.vue
+++ b/src/views/Exemplarisation/ExempTable.vue
@@ -102,8 +102,8 @@
           <v-chip color="error" variant="flat" v-else-if="item.etatDemande === 'En erreur'">En erreur</v-chip>
         </td>
         <td @click="onRowClick(item)" class="text-center">
-          <v-progress-linear v-model="item.pourcentageProgressionTraitement" :height="18" :striped="false"
-                             color="grey-lighten-1" style="border: 1px solid grey; font-weight: bolder">
+          <v-progress-linear v-model="item.pourcentageProgressionTraitement" height="18"
+                             :color="item.pourcentageProgressionTraitement === 100 ? 'success' : 'grey-lighten-1'" style="border: 1px solid grey; font-weight: bolder">
             {{ item.pourcentageProgressionTraitement }} %
           </v-progress-linear>
         </td>
@@ -144,7 +144,7 @@ const headingsDemandes = [
     align: 'center'
   },
   {
-    title: 'Demande',
+    title: 'N° de Demande',
     key: 'id',
     align: 'center'
   },
diff --git a/src/views/Modification/ModifTable.vue b/src/views/Modification/ModifTable.vue
index e0bc376..b16e7ca 100644
--- a/src/views/Modification/ModifTable.vue
+++ b/src/views/Modification/ModifTable.vue
@@ -103,7 +103,7 @@
         </td>
         <td @click="onRowClick(item)" class="text-center">
           <v-progress-linear v-model="item.pourcentageProgressionTraitement" height="18"
-                             color="grey-lighten-1" style="border: 1px solid grey; font-weight: bolder">
+                             :color="item.pourcentageProgressionTraitement === 100 ? 'success' : 'grey-lighten-1'" style="border: 1px solid grey; font-weight: bolder">
             {{ item.pourcentageProgressionTraitement }} %
           </v-progress-linear>
         </td>
@@ -143,7 +143,7 @@ const headingsDemandes = ref([
     align: 'center'
   },
   {
-    title: 'Demande',
+    title: 'N° de Demande',
     key: 'id',
     align: 'center'
   },
diff --git a/src/views/Recouvrement/RecouvTable.vue b/src/views/Recouvrement/RecouvTable.vue
index b25e97c..56e1a58 100644
--- a/src/views/Recouvrement/RecouvTable.vue
+++ b/src/views/Recouvrement/RecouvTable.vue
@@ -137,7 +137,7 @@ const headingsDemandes = ref([
     align: 'center'
   },
   {
-    title: 'Demande',
+    title: 'N° de Demande',
     key: 'id',
     align: 'center'
   },
diff --git a/src/views/Suppression/SuppTable.vue b/src/views/Suppression/SuppTable.vue
index bf08fa6..89b6945 100644
--- a/src/views/Suppression/SuppTable.vue
+++ b/src/views/Suppression/SuppTable.vue
@@ -4,7 +4,7 @@
       Suppression d'exemplaires
     </v-chip>
     <v-chip :variant="!isArchiveDemandesDisplayed ? 'plain' : 'tonal'" @click="switchArchiveActiveDisplay(!isArchiveDemandesDisplayed)">
-      Suppression d'exemplaires archivées
+      Demandes archivées
     </v-chip>
     <v-chip variant="text">
       <v-tooltip activator="parent" location="bottom">
@@ -88,7 +88,7 @@
         </td>
         <td @click="onRowClick(item)" class="text-center">
           <v-progress-linear v-model="item.pourcentageProgressionTraitement" height="18"
-                             color="grey-lighten-1" style="border: 1px solid grey; font-weight: bolder">
+                             :color="item.pourcentageProgressionTraitement === 100 ? 'success' : 'grey-lighten-1'" style="border: 1px solid grey; font-weight: bolder">
             {{ item.pourcentageProgressionTraitement }} %
           </v-progress-linear>
         </td>
@@ -128,7 +128,7 @@ const headingsDemandes = ref([
     align: 'center'
   },
   {
-    title: 'Demande',
+    title: 'N° de Demande',
     key: 'id',
     align: 'center'
   },

From 81812a4e9d88156c8d7030359dc4568ed9b0193f Mon Sep 17 00:00:00 2001
From: SamuelQuetin <samquetinuel@gmail.com>
Date: Mon, 4 Nov 2024 09:53:34 +0100
Subject: [PATCH 02/10] Ajout gestion couleur !

---
 src/views/Exemplarisation/ExempTable.vue | 62 ++++++++++++++++--------
 src/views/Modification/ModifTable.vue    | 19 ++++++--
 src/views/Recouvrement/RecouvTable.vue   | 62 ++++++++++++++++--------
 src/views/Suppression/SuppTable.vue      | 28 ++++++++---
 4 files changed, 121 insertions(+), 50 deletions(-)

diff --git a/src/views/Exemplarisation/ExempTable.vue b/src/views/Exemplarisation/ExempTable.vue
index fb92592..8379541 100644
--- a/src/views/Exemplarisation/ExempTable.vue
+++ b/src/views/Exemplarisation/ExempTable.vue
@@ -4,7 +4,8 @@
     <v-chip :variant="isActiveDemandesDisplayed ? 'plain' : 'tonal'" style="margin-right: 10px"
             @click="switchArchiveActiveDisplay(!isActiveDemandesDisplayed)">Créations d'exemplaires
     </v-chip>
-    <v-chip :variant="!isActiveDemandesDisplayed ? 'plain' : 'tonal'" @click="switchArchiveActiveDisplay(!isActiveDemandesDisplayed)">Créations
+    <v-chip :variant="!isActiveDemandesDisplayed ? 'plain' : 'tonal'"
+            @click="switchArchiveActiveDisplay(!isActiveDemandesDisplayed)">Créations
       d'exemplaires archivées
     </v-chip>
     <v-chip variant="text">
@@ -103,7 +104,8 @@
         </td>
         <td @click="onRowClick(item)" class="text-center">
           <v-progress-linear v-model="item.pourcentageProgressionTraitement" height="18"
-                             :color="item.pourcentageProgressionTraitement === 100 ? 'success' : 'grey-lighten-1'" style="border: 1px solid grey; font-weight: bolder">
+                             :color="item.pourcentageProgressionTraitement === 100 ? 'success' : 'grey-lighten-1'"
+                             style="border: 1px solid grey; font-weight: bolder">
             {{ item.pourcentageProgressionTraitement }} %
           </v-progress-linear>
         </td>
@@ -128,10 +130,10 @@
 import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
 import router from '@/router';
 import DialogSuppression from '@/components/Dialog/DialogSuppression.vue';
-import DialogCommentaire from "@/components/Dialog/DialogCommentaire.vue";
+import DialogCommentaire from '@/components/Dialog/DialogCommentaire.vue';
 import itemService from '@/service/ItemService';
-import MenuDownloadFile from "@/components/MenuDownloadFile.vue";
-import moment from "moment";
+import MenuDownloadFile from '@/components/MenuDownloadFile.vue';
+import moment from 'moment';
 //Emit
 const emit = defineEmits(['backendError', 'backendSuccess']);
 
@@ -152,9 +154,11 @@ const headingsDemandes = [
     title: 'Crée le',
     key: 'dateCreation',
     align: 'center',
-    sort:(d1,d2) => {
-      const date1 = moment(d1, "DD/MM/yyyy HH:mm").valueOf();
-      const date2 = moment(d2, "DD/MM/yyyy HH:mm").valueOf();
+    sort: (d1, d2) => {
+      const date1 = moment(d1, 'DD/MM/yyyy HH:mm')
+        .valueOf();
+      const date2 = moment(d2, 'DD/MM/yyyy HH:mm')
+        .valueOf();
       if (date1 > date2) return 1;
       if (date1 < date2) return -1;
       return 0;
@@ -164,9 +168,11 @@ const headingsDemandes = [
     title: 'Mise à jour',
     key: 'dateModification',
     align: 'center',
-    sort:(d1,d2) => {
-      const date1 = moment(d1, "DD/MM/yyyy HH:mm").valueOf();
-      const date2 = moment(d2, "DD/MM/yyyy HH:mm").valueOf();
+    sort: (d1, d2) => {
+      const date1 = moment(d1, 'DD/MM/yyyy HH:mm')
+        .valueOf();
+      const date2 = moment(d2, 'DD/MM/yyyy HH:mm')
+        .valueOf();
       if (date1 > date2) return 1;
       if (date1 < date2) return -1;
       return 0;
@@ -229,7 +235,10 @@ const contentsDemandesFrontFiltered = ref([]);
 const totalItemsFound = ref(0);
 const suppDialog = ref(false);
 const suppDemande = ref({});
-const sortBy = ref([{ key: 'dateModification', order: 'desc' }]);
+const sortBy = ref([{
+  key: 'dateModification',
+  order: 'desc'
+}]);
 
 //Progress bar displayed while fetching data
 const isDataLoaded = ref(false);
@@ -245,7 +254,7 @@ const indexRechercheSearchField = ref('');
 const statutSearchField = ref();
 let polling;
 const isDialogOpen = computed(() => {
-  return !!contentsDemandesFrontFiltered.value.find(item => item.expanded === true)
+  return !!contentsDemandesFrontFiltered.value.find(item => item.expanded === true);
 });
 //Actives or archives demands displayed
 const isActiveDemandesDisplayed = ref(false);
@@ -263,7 +272,7 @@ onMounted(() => {
       listTypeExemp.value.push('Non défini');
     });
   polling = setInterval(() => {
-    if(!isDialogOpen.value) {
+    if (!isDialogOpen.value) {
       loadItems('EXEMP', isActiveDemandesDisplayed.value)
         .then(() => {
           filterItems();
@@ -274,7 +283,8 @@ onMounted(() => {
 
 onBeforeUnmount(() => {
   clearInterval(polling);
-})
+});
+
 function switchArchiveActiveDisplay(value) {
   isActiveDemandesDisplayed.value = value;
   loadItems('EXEMP', isActiveDemandesDisplayed.value);
@@ -351,14 +361,26 @@ function onRowClick(item) {
   }
 }
 
-function saveComment(){
-  loadItems('EXEMP',isActiveDemandesDisplayed.value).then(()=>{
-    filterItems();
-  })
+function saveComment() {
+  loadItems('EXEMP', isActiveDemandesDisplayed.value)
+    .then(() => {
+      filterItems();
+    });
 }
 
 function throwError(error) {
-  emit('backendError',error);
+  emit('backendError', error);
+}
+
+function colorProgressBar(item) {
+  if (item.pourcentageProgressionTraitement === 100) {
+    if (item.etatDemande === 'Terminé') {
+      return 'success';
+    } else if (item.etatDemande === 'En erreur') {
+      return 'error';
+    }
+  }
+  return 'grey-lighten-1';
 }
 </script>
 
diff --git a/src/views/Modification/ModifTable.vue b/src/views/Modification/ModifTable.vue
index b16e7ca..8e54b8f 100644
--- a/src/views/Modification/ModifTable.vue
+++ b/src/views/Modification/ModifTable.vue
@@ -4,7 +4,8 @@
     <v-chip :variant="isActiveDemandesDisplayed ? 'plain' : 'tonal'" style="margin-right: 10px"
             @click="switchArchiveActiveDisplay(!isActiveDemandesDisplayed)">Modification d'exemplaires
     </v-chip>
-    <v-chip :variant="!isActiveDemandesDisplayed ? 'plain' : 'tonal'" @click="switchArchiveActiveDisplay(!isActiveDemandesDisplayed)">Modification
+    <v-chip :variant="!isActiveDemandesDisplayed ? 'plain' : 'tonal'"
+            @click="switchArchiveActiveDisplay(!isActiveDemandesDisplayed)">Modification
       d'exemplaires archivées
     </v-chip>
     <v-chip variant="text">
@@ -103,7 +104,8 @@
         </td>
         <td @click="onRowClick(item)" class="text-center">
           <v-progress-linear v-model="item.pourcentageProgressionTraitement" height="18"
-                             :color="item.pourcentageProgressionTraitement === 100 ? 'success' : 'grey-lighten-1'" style="border: 1px solid grey; font-weight: bolder">
+                             :color="colorProgressBar(item)"
+                             style="border: 1px solid grey; font-weight: bolder">
             {{ item.pourcentageProgressionTraitement }} %
           </v-progress-linear>
         </td>
@@ -377,7 +379,18 @@ function saveComment() {
 }
 
 function throwError(error) {
-  emit('backendError',error);
+  emit('backendError', error);
+}
+
+function colorProgressBar(item) {
+  if (item.pourcentageProgressionTraitement === 100) {
+    if (item.etatDemande === 'Terminé') {
+      return 'success';
+    } else if (item.etatDemande === 'En erreur') {
+      return 'error';
+    }
+  }
+  return 'grey-lighten-1';
 }
 </script>
 
diff --git a/src/views/Recouvrement/RecouvTable.vue b/src/views/Recouvrement/RecouvTable.vue
index 56e1a58..71dc5f8 100644
--- a/src/views/Recouvrement/RecouvTable.vue
+++ b/src/views/Recouvrement/RecouvTable.vue
@@ -3,7 +3,8 @@
     <v-chip :variant="isActiveDemandesDisplayed ? 'plain' : 'tonal'" style="margin-right: 10px"
             @click="switchArchiveActiveDisplay(!isActiveDemandesDisplayed)">Calculs de taux de recouvrement
     </v-chip>
-    <v-chip :variant="!isActiveDemandesDisplayed ? 'plain' : 'tonal'" @click="switchArchiveActiveDisplay(!isActiveDemandesDisplayed)">Calculs de taux
+    <v-chip :variant="!isActiveDemandesDisplayed ? 'plain' : 'tonal'"
+            @click="switchArchiveActiveDisplay(!isActiveDemandesDisplayed)">Calculs de taux
       de recouvrement archivés
     </v-chip>
     <v-chip variant="text">
@@ -66,7 +67,7 @@
     <!-- Colonne de progression-->
     <template v-slot:item.pourcentageProgressionTraitement="{ item }">
       <v-progress-linear v-model="item.pourcentageProgressionTraitement" :height="18" :striped="false"
-                         color="grey-lighten-1" style="border: 1px solid grey; font-weight: bolder">
+                         :color="colorProgressBar(item)" style="border: 1px solid grey; font-weight: bolder">
         {{ item.pourcentageProgressionTraitement }} %
       </v-progress-linear>
     </template>
@@ -97,7 +98,7 @@
         </td>
         <td @click="onRowClick(item)" class="text-center">
           <v-progress-linear v-model="item.pourcentageProgressionTraitement" :height="18" :striped="false"
-                             color="grey-lighten-1" style="border: 1px solid grey; font-weight: bolder">
+                             :color="colorProgressBar(item)" style="border: 1px solid grey; font-weight: bolder">
             {{ item.pourcentageProgressionTraitement }} %
           </v-progress-linear>
         </td>
@@ -121,9 +122,9 @@ import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
 import itemService from '@/service/ItemService';
 import router from '@/router';
 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 DialogCommentaire from '@/components/Dialog/DialogCommentaire.vue';
+import MenuDownloadFile from '@/components/MenuDownloadFile.vue';
+import moment from 'moment/moment';
 
 //Emit
 const emit = defineEmits(['backendError', 'backendSuccess']);
@@ -145,9 +146,11 @@ const headingsDemandes = ref([
     title: 'Crée le',
     key: 'dateCreation',
     align: 'center',
-    sort:(d1,d2) => {
-      const date1 = moment(d1, "DD/MM/yyyy HH:mm").valueOf();
-      const date2 = moment(d2, "DD/MM/yyyy HH:mm").valueOf();
+    sort: (d1, d2) => {
+      const date1 = moment(d1, 'DD/MM/yyyy HH:mm')
+        .valueOf();
+      const date2 = moment(d2, 'DD/MM/yyyy HH:mm')
+        .valueOf();
       if (date1 > date2) return 1;
       if (date1 < date2) return -1;
       return 0;
@@ -157,9 +160,11 @@ const headingsDemandes = ref([
     title: 'Mise à jour',
     key: 'dateModification',
     align: 'center',
-    sort:(d1,d2) => {
-      const date1 = moment(d1, "DD/MM/yyyy HH:mm").valueOf();
-      const date2 = moment(d2, "DD/MM/yyyy HH:mm").valueOf();
+    sort: (d1, d2) => {
+      const date1 = moment(d1, 'DD/MM/yyyy HH:mm')
+        .valueOf();
+      const date2 = moment(d2, 'DD/MM/yyyy HH:mm')
+        .valueOf();
       if (date1 > date2) return 1;
       if (date1 < date2) return -1;
       return 0;
@@ -216,7 +221,10 @@ const contentsDemandesFrontFiltered = ref([]);
 const totalItemsFound = ref(0);
 const suppDialog = ref(false);
 const suppDemande = ref({});
-const sortBy = ref([{ key: 'dateModification', order: 'desc' }]);
+const sortBy = ref([{
+  key: 'dateModification',
+  order: 'desc'
+}]);
 
 //Progress bar displayed while fetching data
 const isDataLoaded = ref(false);
@@ -232,7 +240,7 @@ const indexRechercheSearchField = ref('');
 const statutSearchField = ref();
 let polling;
 const isDialogOpen = computed(() => {
-  return !!contentsDemandesFrontFiltered.value.find(item => item.expanded === true)
+  return !!contentsDemandesFrontFiltered.value.find(item => item.expanded === true);
 });
 
 //Actives or archives demands displayed
@@ -243,7 +251,7 @@ onMounted(() => {
   loadItems('RECOUV', isActiveDemandesDisplayed.value);
   contentsDemandesFromServer.value = [...contentsDemandesFromServer.value];
   polling = setInterval(() => {
-    if(!isDialogOpen.value) {
+    if (!isDialogOpen.value) {
       loadItems('RECOUV', isActiveDemandesDisplayed.value)
         .then(() => {
           filterItems();
@@ -254,7 +262,7 @@ onMounted(() => {
 
 onBeforeUnmount(() => {
   clearInterval(polling);
-})
+});
 
 function switchArchiveActiveDisplay(value) {
   isActiveDemandesDisplayed.value = value;
@@ -335,14 +343,26 @@ function onRowClick(item) {
 function saveAction() {
 }
 
-function saveComment(){
-  loadItems('RECOUV',isActiveDemandesDisplayed.value).then(()=>{
-    filterItems();
-  })
+function saveComment() {
+  loadItems('RECOUV', isActiveDemandesDisplayed.value)
+    .then(() => {
+      filterItems();
+    });
 }
 
 function throwError(error) {
-  emit('backendError',error);
+  emit('backendError', error);
+}
+
+function colorProgressBar(item) {
+  if (item.pourcentageProgressionTraitement === 100) {
+    if (item.etatDemande === 'Terminé') {
+      return 'success';
+    } else if (item.etatDemande === 'En erreur') {
+      return 'error';
+    }
+  }
+  return 'grey-lighten-1';
 }
 </script>
 
diff --git a/src/views/Suppression/SuppTable.vue b/src/views/Suppression/SuppTable.vue
index 89b6945..fe0c9a0 100644
--- a/src/views/Suppression/SuppTable.vue
+++ b/src/views/Suppression/SuppTable.vue
@@ -1,9 +1,11 @@
 <template>
   <v-container fluid>
-    <v-chip :variant="isArchiveDemandesDisplayed ? 'plain' : 'tonal'" style="margin-right: 10px" @click="switchArchiveActiveDisplay(!isArchiveDemandesDisplayed)">
+    <v-chip :variant="isArchiveDemandesDisplayed ? 'plain' : 'tonal'" style="margin-right: 10px"
+            @click="switchArchiveActiveDisplay(!isArchiveDemandesDisplayed)">
       Suppression d'exemplaires
     </v-chip>
-    <v-chip :variant="!isArchiveDemandesDisplayed ? 'plain' : 'tonal'" @click="switchArchiveActiveDisplay(!isArchiveDemandesDisplayed)">
+    <v-chip :variant="!isArchiveDemandesDisplayed ? 'plain' : 'tonal'"
+            @click="switchArchiveActiveDisplay(!isArchiveDemandesDisplayed)">
       Demandes archivées
     </v-chip>
     <v-chip variant="text">
@@ -84,11 +86,13 @@
           <v-chip color="success" variant="flat" v-else-if="item.etatDemande === 'Terminé'">Terminé</v-chip>
           <v-chip color="archived" variant="flat" v-else-if="item.etatDemande === 'Archivé'">Archivé</v-chip>
           <v-chip color="error" variant="flat" v-else-if="item.etatDemande === 'En erreur'">En erreur</v-chip>
-          <v-chip color="info" variant="flat" v-else>{{item.etatDemande}}</v-chip> <!-- Cas : ne correspont à aucun cas -->
+          <v-chip color="info" variant="flat" v-else>{{ item.etatDemande }}</v-chip>
+          <!-- Cas : ne correspont à aucun cas -->
         </td>
         <td @click="onRowClick(item)" class="text-center">
           <v-progress-linear v-model="item.pourcentageProgressionTraitement" height="18"
-                             :color="item.pourcentageProgressionTraitement === 100 ? 'success' : 'grey-lighten-1'" style="border: 1px solid grey; font-weight: bolder">
+                             :color="colorProgressBar(item)"
+                             style="border: 1px solid grey; font-weight: bolder">
             {{ item.pourcentageProgressionTraitement }} %
           </v-progress-linear>
         </td>
@@ -330,7 +334,7 @@ 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', isArchiveDemandesDisplayed.value);
     emit('backendSuccess');
   } catch (error) {
     console.error(error);
@@ -352,8 +356,20 @@ function saveComment() {
 }
 
 function throwError(error) {
-  emit('backendError',error);
+  emit('backendError', error);
 }
+
+function colorProgressBar(item) {
+  if (item.pourcentageProgressionTraitement === 100) {
+    if (item.etatDemande === 'Terminé') {
+      return 'success';
+    } else if (item.etatDemande === 'En erreur') {
+      return 'error';
+    }
+  }
+  return 'grey-lighten-1';
+}
+
 </script>
 
 <style scoped>

From a9261e6fa03927405827b27ec96cf07d75a02c50 Mon Sep 17 00:00:00 2001
From: pierre-maraval <pierre.maraval@gmail.com>
Date: Mon, 4 Nov 2024 11:13:32 +0100
Subject: [PATCH 03/10] FIX : Ajout gestion erreur si le backend est down.

---
 src/App.vue         | 29 ++++++++++++++++++++++++-----
 src/router/index.js |  6 +++---
 2 files changed, 27 insertions(+), 8 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 7b67520..e6bb3f8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -35,7 +35,7 @@
 </template>
 
 <script setup>
-import {computed, ref} from 'vue'
+import {computed, ref, watch} from 'vue'
 import Header from '@/components/Structure/Header.vue'
 import Navbar from '@/components/Structure/Navbar.vue'
 import Footer from '@/components/Structure/Footer.vue'
@@ -43,6 +43,8 @@ import router from '@/router/index'
 import {HttpStatusCode} from 'axios'
 import InfoAppBanner from '@/components/Structure/InfoAppBanner.vue'
 import {useAuthStore} from '@/store/authStore'
+import {useRoute} from "vue-router";
+
 
 const errorStack = ref([])
 const drawer = ref(false)
@@ -53,6 +55,23 @@ const authenticated = computed(() => {
   return authStore.isAuthenticated
 })
 
+const route = useRoute();
+
+watch(
+  () => route.query.error,
+  (error) => {
+    if (error) {
+      let newError = {
+        message: 'Erreur réseau',
+        description: 'Service indisponible : merci de réessayer ultérieurement.'
+      }
+      errorStack.value.push(newError);
+    }
+  },
+  { immediate: true } // Option pour exécuter le watcher dès le montage du composant
+);
+
+
 function addError(error) {
   let newError = {
     message: 'Erreur',
@@ -60,22 +79,22 @@ function addError(error) {
   }
   if(!error.response){
     newError.message = 'Erreur réseau : ' + error.code
-    newError.description = 'Le serveur ne répond pas. Vérifiez sa disponibilité.'
+    newError.description = 'Service indisponible : merci de réessayer ultérieurement.'
   }else{
     if (error.response.status === HttpStatusCode.NotFound){
       newError.message = 'Impossible de récupérer les données'
       newError.description = 'Vérifiez que vos urls d\'appel au serveur sont correctes ainsi que vos clés d\'autorisation ' + '(' + error.config.url + ')'
     }
     if(error.response.status === HttpStatusCode.Forbidden){
-      newError.message = 'Accès rejeté par le serveur'
+      newError.message = 'Accès rejeté'
       newError.description = 'Vérifiez que vos urls d\'appel au serveur sont correctes ainsi que vos clés d\'autorisation ' + '(' + error.config.url + ')'
     }
     if(error.response.status === HttpStatusCode.Unauthorized){
-      newError.message = 'Accès refusé par le serveur'
+      newError.message = 'Accès refusé'
       newError.description = error.response.data.message + '(' + error.config.url + ')'
     }
     if(error.response.status === HttpStatusCode.BadRequest){
-      newError.message = 'Accès rejeté par le serveur'
+      newError.message = 'Accès rejeté'
       newError.description = 'Mauvaise requête : contrôlez les paramètres de votre requête et observez les logs du serveur pour plus d\'informations ' + '(' + error.config.url + ')'
     }
     if(error.response.status.toString().startsWith('5')){
diff --git a/src/router/index.js b/src/router/index.js
index b7047e4..6d21b56 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -163,14 +163,14 @@ router.beforeEach(async (to, from, next) => {
         if (valid.data) {
           next();
         } else {
-          console.error('Token invalide auprès du serveur');
+          console.error('Token invalide : vous ne pouvez pas accéder à l\'application');
           itemService.logout();
-          next('/identification');
+          next({ name: 'identification', query: { error: 'Token invalide : vous ne pouvez pas accéder à l\'application' } });
         }
       } catch (error) {
         console.error(error);
         itemService.logout();
-        next('/identification');
+        next({ name: 'identification', query: { error: 'Service indisponible : merci de réessayer ultérieurement' } });
       }
     } else {
       next('/identification');

From 2cb5cb004fa9a2dcefa34edbd83c31c846ec2d10 Mon Sep 17 00:00:00 2001
From: SamuelQuetin <samquetinuel@gmail.com>
Date: Mon, 4 Nov 2024 15:18:25 +0100
Subject: [PATCH 04/10] Fix Oublie gestion couleur progress bar dans table
 exemp

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

diff --git a/src/views/Exemplarisation/ExempTable.vue b/src/views/Exemplarisation/ExempTable.vue
index 8379541..1a9e0fe 100644
--- a/src/views/Exemplarisation/ExempTable.vue
+++ b/src/views/Exemplarisation/ExempTable.vue
@@ -104,7 +104,7 @@
         </td>
         <td @click="onRowClick(item)" class="text-center">
           <v-progress-linear v-model="item.pourcentageProgressionTraitement" height="18"
-                             :color="item.pourcentageProgressionTraitement === 100 ? 'success' : 'grey-lighten-1'"
+                             :color="colorProgressBar(item)"
                              style="border: 1px solid grey; font-weight: bolder">
             {{ item.pourcentageProgressionTraitement }} %
           </v-progress-linear>

From 9f1f0c9b6037ff4f6d830328d6c0d9cb690cd3e5 Mon Sep 17 00:00:00 2001
From: Jerome Villiseck <jerome.villiseck@outlook.com>
Date: Mon, 4 Nov 2024 15:29:37 +0100
Subject: [PATCH 05/10] =?UTF-8?q?-=20Mise=20en=20place=20du=20bool=C3=A9ea?=
 =?UTF-8?q?n=20pour=20retourner=20le=20role=20dans=20le=20store?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/store/authStore.js                   | 11 ++++++-----
 src/views/Exemplarisation/ExempSteps.vue |  3 ++-
 src/views/Exemplarisation/ExempTable.vue |  3 +++
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/store/authStore.js b/src/store/authStore.js
index 0e685fa..d78d370 100644
--- a/src/store/authStore.js
+++ b/src/store/authStore.js
@@ -6,11 +6,11 @@ export const useAuthStore = defineStore('auth', {
     token: sessionStorage.getItem('token'),
     authenticated: !!sessionStorage.getItem('token'),
   }),
-  
+
   getters: {
     getUser: (state) => state.user,
     isAuthenticated: (state) => state.authenticated,
-    getToken: (state) => state.token
+    getToken: (state) => state.token,
   },
   actions: {
     login(user, token) {
@@ -27,11 +27,12 @@ export const useAuthStore = defineStore('auth', {
       sessionStorage.setItem('user', JSON.stringify(this.user))
       sessionStorage.setItem('token', this.token);
     },
-    setToken(token) {
-      this.token = token;
-    },
     setUser(user){
       this.user = user;
+    },
+    isAdmin() {
+      console.log(JSON.stringify(this.user))
+      return this.user.role === 'ADMIN';
     }
   },
 });
diff --git a/src/views/Exemplarisation/ExempSteps.vue b/src/views/Exemplarisation/ExempSteps.vue
index fb12d81..858eecc 100644
--- a/src/views/Exemplarisation/ExempSteps.vue
+++ b/src/views/Exemplarisation/ExempSteps.vue
@@ -108,7 +108,7 @@
 
 <script setup>
 
-import { onMounted, ref } from 'vue';
+import {onMounted, ref} from 'vue'
 import itemService from '@/service/ItemService';
 import router from '@/router';
 import SelectFile from '@/components/SelectFile.vue';
@@ -118,6 +118,7 @@ import Simulation from "@/components/Simulation.vue";
 import DialogLancerTraitement from '@/components/Dialog/DialogLancerTraitement.vue';
 import DialogSuppression from '@/components/Dialog/DialogSuppression.vue';
 import RecapDemande from '@/components/RecapDemande.vue';
+import {useAuthStore} from '@/store/authStore'
 
 const emits = defineEmits(['backendError', 'backendSuccess', 'login-success'])
 const props = defineProps({id : {type: String}});
diff --git a/src/views/Exemplarisation/ExempTable.vue b/src/views/Exemplarisation/ExempTable.vue
index 8379541..e455aaa 100644
--- a/src/views/Exemplarisation/ExempTable.vue
+++ b/src/views/Exemplarisation/ExempTable.vue
@@ -134,6 +134,7 @@ import DialogCommentaire from '@/components/Dialog/DialogCommentaire.vue';
 import itemService from '@/service/ItemService';
 import MenuDownloadFile from '@/components/MenuDownloadFile.vue';
 import moment from 'moment';
+import {useAuthStore} from '@/store/authStore'
 //Emit
 const emit = defineEmits(['backendError', 'backendSuccess']);
 
@@ -259,6 +260,8 @@ const isDialogOpen = computed(() => {
 //Actives or archives demands displayed
 const isActiveDemandesDisplayed = ref(false);
 
+const isAdmin = useAuthStore().isAdmin();
+
 //Data initialisation
 onMounted(() => {
   loadItems('EXEMP', isActiveDemandesDisplayed.value);

From 3b24a5a313fc7e979f31e52083d8a4b1facb5189 Mon Sep 17 00:00:00 2001
From: Jerome Villiseck <jerome.villiseck@outlook.com>
Date: Mon, 4 Nov 2024 16:15:49 +0100
Subject: [PATCH 06/10] - Adaptation du header

---
 src/store/authStore.js                   |  1 -
 src/views/Exemplarisation/ExempTable.vue | 48 ++++++++++++++++--------
 2 files changed, 33 insertions(+), 16 deletions(-)

diff --git a/src/store/authStore.js b/src/store/authStore.js
index d78d370..892c207 100644
--- a/src/store/authStore.js
+++ b/src/store/authStore.js
@@ -31,7 +31,6 @@ export const useAuthStore = defineStore('auth', {
       this.user = user;
     },
     isAdmin() {
-      console.log(JSON.stringify(this.user))
       return this.user.role === 'ADMIN';
     }
   },
diff --git a/src/views/Exemplarisation/ExempTable.vue b/src/views/Exemplarisation/ExempTable.vue
index e455aaa..d6b265f 100644
--- a/src/views/Exemplarisation/ExempTable.vue
+++ b/src/views/Exemplarisation/ExempTable.vue
@@ -27,7 +27,7 @@
       </v-tooltip>
     </v-chip>
   </v-container>
-  <v-data-table :headers="headingsDemandes" :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"
   >
@@ -47,6 +47,7 @@
                         variant="underlined" append-inner-icon="mdi-magnify"></v-text-field>
         </td>
         <td>
+          <!--TODO v-if dans les items-->
           <v-text-field v-model="ilnSearchField" hide-details @input="filterItems" variant="underlined"
                         append-inner-icon="mdi-magnify"></v-text-field>
         </td>
@@ -139,22 +140,27 @@ import {useAuthStore} from '@/store/authStore'
 const emit = defineEmits(['backendError', 'backendSuccess']);
 
 //Data
+const isAdmin = useAuthStore().isAdmin();
 const extendedAllILN = ref(false);
+
 const headingsDemandes = [
   {
     title: '',
     key: 'data-table-expand',
-    align: 'center'
+    align: 'center',
+    display: true,
   },
   {
     title: 'N° de Demande',
     key: 'id',
-    align: 'center'
+    align: 'center',
+    display: true,
   },
   {
     title: 'Crée le',
     key: 'dateCreation',
     align: 'center',
+    display: true,
     sort: (d1, d2) => {
       const date1 = moment(d1, 'DD/MM/yyyy HH:mm')
         .valueOf();
@@ -169,6 +175,7 @@ const headingsDemandes = [
     title: 'Mise à jour',
     key: 'dateModification',
     align: 'center',
+    display: true,
     sort: (d1, d2) => {
       const date1 = moment(d1, 'DD/MM/yyyy HH:mm')
         .valueOf();
@@ -182,47 +189,59 @@ const headingsDemandes = [
   {
     title: 'ILN',
     key: 'iln',
-    align: 'center'
+    align: 'center',
+    display: isAdmin,
   },
   {
     title: 'RCR',
     key: 'rcr',
-    align: 'center'
+    align: 'center',
+    display: true,
   },
   {
     title: 'Type',
     key: 'typeExemp',
-    align: 'center'
+    align: 'center',
+    display: true,
   },
   {
     title: 'Index',
     key: 'indexRecherche',
-    align: 'center'
+    align: 'center',
+    display: true,
   },
   {
     title: 'Statut',
     key: 'etatDemande',
-    align: 'center'
+    align: 'center',
+    display: true,
   },
   {
     title: 'Progression',
     key: 'pourcentageProgressionTraitement',
     value: 'pourcentageProgressionTraitement',
-    align: 'center'
+    align: 'center',
+    display: true,
   },
   {
     title: 'Fichiers',
     key: 'filesToDownload',
     value: 'filesToDownload',
-    align: 'center'
+    align: 'center',
+    display: true,
   },
   {
     title: 'Action',
     key: 'archiveOrCancel',
     value: 'archiveOrCancel',
-    align: 'center'
+    align: 'center',
+    display: true,
   }
 ];
+const filteredHeadingsDemandes = computed(() =>
+  headingsDemandes.filter(heading => heading.display !== false)
+)
+
 const listStatut = [
   'En saisie',
   'En attente',
@@ -236,14 +255,14 @@ const contentsDemandesFrontFiltered = ref([]);
 const totalItemsFound = ref(0);
 const suppDialog = ref(false);
 const suppDemande = ref({});
+
 const sortBy = ref([{
   key: 'dateModification',
   order: 'desc'
 }]);
-
 //Progress bar displayed while fetching data
-const isDataLoaded = ref(false);
 
+const isDataLoaded = ref(false);
 //Search fields columns
 const numDemandeSearchField = ref('');
 const dateCreationSearchField = ref('');
@@ -258,9 +277,8 @@ const isDialogOpen = computed(() => {
   return !!contentsDemandesFrontFiltered.value.find(item => item.expanded === true);
 });
 //Actives or archives demands displayed
-const isActiveDemandesDisplayed = ref(false);
 
-const isAdmin = useAuthStore().isAdmin();
+const isActiveDemandesDisplayed = ref(false);
 
 //Data initialisation
 onMounted(() => {

From b0c03ce331b2fcff5548bc4b93fde39c14fde883 Mon Sep 17 00:00:00 2001
From: Jerome Villiseck <jerome.villiseck@outlook.com>
Date: Mon, 4 Nov 2024 16:19:55 +0100
Subject: [PATCH 07/10] - suppression todo bloque html

---
 src/views/Exemplarisation/ExempTable.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/views/Exemplarisation/ExempTable.vue b/src/views/Exemplarisation/ExempTable.vue
index d6b265f..f0ae714 100644
--- a/src/views/Exemplarisation/ExempTable.vue
+++ b/src/views/Exemplarisation/ExempTable.vue
@@ -47,7 +47,6 @@
                         variant="underlined" append-inner-icon="mdi-magnify"></v-text-field>
         </td>
         <td>
-          <!--TODO v-if dans les items-->
           <v-text-field v-model="ilnSearchField" hide-details @input="filterItems" variant="underlined"
                         append-inner-icon="mdi-magnify"></v-text-field>
         </td>

From d5e702b41297dc2bd6464e018ddaa04f7c0c6192 Mon Sep 17 00:00:00 2001
From: EryneKL <97091460+EryneKL@users.noreply.github.com>
Date: Wed, 6 Nov 2024 08:49:38 +0100
Subject: [PATCH 08/10] =?UTF-8?q?FEAT=20ITEM-355-front-utiliser-la-couche-?=
 =?UTF-8?q?service-pour-connaitre-le-role-en-boolean-exploiter-ce-booleen-?=
 =?UTF-8?q?pour-masquer-les-elements-relatif-a-l-iln-dans-le-tableau=20:?=
 =?UTF-8?q?=20=20=20=20=20=20-=20modification=20de=20l'en-t=C3=AAte=20des?=
 =?UTF-8?q?=20tableaux=20dans=20ModifTable.vue,=20RecouvTable.vue=20et=20S?=
 =?UTF-8?q?uppTable.vue?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Modification/ModifTable.vue  | 44 ++++++++++++++++++--------
 src/views/Recouvrement/RecouvTable.vue | 41 +++++++++++++++++-------
 src/views/Suppression/SuppTable.vue    | 38 +++++++++++++++-------
 3 files changed, 87 insertions(+), 36 deletions(-)

diff --git a/src/views/Modification/ModifTable.vue b/src/views/Modification/ModifTable.vue
index 8e54b8f..8786f5a 100644
--- a/src/views/Modification/ModifTable.vue
+++ b/src/views/Modification/ModifTable.vue
@@ -27,7 +27,7 @@
       </v-tooltip>
     </v-chip>
   </v-container>
-  <v-data-table :headers="headingsDemandes" :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>
@@ -132,27 +132,32 @@ 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";
 
 //Emit
 const emit = defineEmits(['backendError', 'backendSuccess']);
 
 //Data
+const isAdmin = useAuthStore().isAdmin();
 const extendedAllILN = ref(false);
-const headingsDemandes = ref([
+const headingsDemandes = [
   {
     title: '',
     key: 'data-table-expand',
-    align: 'center'
+    align: 'center',
+    display: true,
   },
   {
     title: 'N° de Demande',
     key: 'id',
-    align: 'center'
+    align: 'center',
+    display: true,
   },
   {
     title: 'Crée le',
     key: 'dateCreation',
     align: 'center',
+    display: true,
     sort: (d1, d2) => {
       const date1 = moment(d1, 'DD/MM/yyyy HH:mm')
         .valueOf();
@@ -167,6 +172,7 @@ const headingsDemandes = ref([
     title: 'Mise à jour',
     key: 'dateModification',
     align: 'center',
+    display: true,
     sort: (d1, d2) => {
       const date1 = moment(d1, 'DD/MM/yyyy HH:mm')
         .valueOf();
@@ -180,47 +186,59 @@ const headingsDemandes = ref([
   {
     title: 'ILN',
     key: 'iln',
-    align: 'center'
+    align: 'center',
+    display: isAdmin,
   },
   {
     title: 'RCR',
     key: 'rcr',
-    align: 'center'
+    align: 'center',
+    display: true,
   },
   {
     title: 'Zones et sous zones',
     key: 'zone',
-    align: 'center'
+    align: 'center',
+    display: true,
   },
   {
     title: 'Traitement',
     key: 'traitement',
-    align: 'center'
+    align: 'center',
+    display: true,
   },
   {
     title: 'Statut',
     key: 'etatDemande',
-    align: 'center'
+    align: 'center',
+    display: true,
   },
   {
     title: 'Progression',
     key: 'pourcentageProgressionTraitement',
     value: 'pourcentageProgressionTraitement',
-    align: 'center'
+    align: 'center',
+    display: true,
   },
   {
     title: 'Fichiers',
     key: 'filesToDownload',
     value: 'filesToDownload',
-    align: 'center'
+    align: 'center',
+    display: true,
   },
   {
     title: 'Action',
     key: 'archiveOrCancel',
     value: 'archiveOrCancel',
-    align: 'center'
+    align: 'center',
+    display: true,
   }
-]);
+];
+const filteredHeadingsDemandes = computed(() =>
+  headingsDemandes.filter(heading => heading.display !== false)
+)
+
 const listStatut = [
   'En saisie',
   'En attente',
diff --git a/src/views/Recouvrement/RecouvTable.vue b/src/views/Recouvrement/RecouvTable.vue
index 71dc5f8..427ee44 100644
--- a/src/views/Recouvrement/RecouvTable.vue
+++ b/src/views/Recouvrement/RecouvTable.vue
@@ -26,7 +26,7 @@
       </v-tooltip>
     </v-chip>
   </v-container>
-  <v-data-table :headers="headingsDemandes" :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>
@@ -125,27 +125,32 @@ 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";
 
 //Emit
 const emit = defineEmits(['backendError', 'backendSuccess']);
 
 //Data
+const isAdmin = useAuthStore().isAdmin();
 const extendedAllILN = ref(false);
-const headingsDemandes = ref([
+const headingsDemandes = [
   {
     title: '',
     key: 'data-table-expand',
-    align: 'center'
+    align: 'center',
+    display: true,
   },
   {
     title: 'N° de Demande',
     key: 'id',
-    align: 'center'
+    align: 'center',
+    display: true,
   },
   {
     title: 'Crée le',
     key: 'dateCreation',
     align: 'center',
+    display: true,
     sort: (d1, d2) => {
       const date1 = moment(d1, 'DD/MM/yyyy HH:mm')
         .valueOf();
@@ -160,6 +165,7 @@ const headingsDemandes = ref([
     title: 'Mise à jour',
     key: 'dateModification',
     align: 'center',
+    display: true,
     sort: (d1, d2) => {
       const date1 = moment(d1, 'DD/MM/yyyy HH:mm')
         .valueOf();
@@ -173,42 +179,53 @@ const headingsDemandes = ref([
   {
     title: 'ILN',
     key: 'iln',
-    align: 'center'
+    align: 'center',
+    display: isAdmin,
   },
   {
     title: 'RCR',
     key: 'rcr',
-    align: 'center'
+    align: 'center',
+    display: true,
   },
   {
     title: 'Index',
     key: 'indexRecherche',
-    align: 'center'
+    align: 'center',
+    display: true,
   },
   {
     title: 'Statut',
     key: 'etatDemande',
-    align: 'center'
+    align: 'center',
+    display: true,
   },
   {
     title: 'Progression',
     key: 'pourcentageProgressionTraitement',
     value: 'pourcentageProgressionTraitement',
-    align: 'center'
+    align: 'center',
+    display: true,
   },
   {
     title: 'Fichiers',
     key: 'filesToDownload',
     value: 'filesToDownload',
-    align: 'center'
+    align: 'center',
+    display: true,
   },
   {
     title: 'Action',
     key: 'archiveOrCancel',
     value: 'archiveOrCancel',
-    align: 'center'
+    align: 'center',
+    display: true,
   }
-]);
+];
+const filteredHeadingsDemandes = computed(() =>
+  headingsDemandes.filter(heading => heading.display !== false)
+)
+
 const listStatut = [
   'En saisie',
   'En attente',
diff --git a/src/views/Suppression/SuppTable.vue b/src/views/Suppression/SuppTable.vue
index fe0c9a0..3e992f2 100644
--- a/src/views/Suppression/SuppTable.vue
+++ b/src/views/Suppression/SuppTable.vue
@@ -27,7 +27,7 @@
       </v-tooltip>
     </v-chip>
   </v-container>
-  <v-data-table :headers="headingsDemandes" :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>
@@ -119,27 +119,32 @@ 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";
 
 //Emit
 const emit = defineEmits(['backendError', 'backendSuccess']);
 
 //Data
+const isAdmin = useAuthStore().isAdmin();
 const extendedAllILN = ref(true); // todo Pour les tests il faut laisser à true/ pour la prod faudra mettre à false
-const headingsDemandes = ref([
+const headingsDemandes = [
   {
     title: '',
     key: 'data-table-expand',
-    align: 'center'
+    align: 'center',
+    display: true,
   },
   {
     title: 'N° de Demande',
     key: 'id',
-    align: 'center'
+    align: 'center',
+    display: true,
   },
   {
     title: 'Crée le',
     key: 'dateCreation',
     align: 'center',
+    display: true,
     sort: (d1, d2) => {
       const date1 = moment(d1, 'DD/MM/yyyy HH:mm')
         .valueOf();
@@ -154,6 +159,7 @@ const headingsDemandes = ref([
     title: 'Mise à jour',
     key: 'dateModification',
     align: 'center',
+    display: true,
     sort: (d1, d2) => {
       const date1 = moment(d1, 'DD/MM/yyyy HH:mm')
         .valueOf();
@@ -167,37 +173,47 @@ const headingsDemandes = ref([
   {
     title: 'ILN',
     key: 'iln',
-    align: 'center'
+    align: 'center',
+    display: isAdmin,
   },
   {
     title: 'RCR',
     key: 'rcr',
-    align: 'center'
+    align: 'center',
+    display: true,
   },
   {
     title: 'Statut',
     key: 'etatDemande',
-    align: 'center'
+    align: 'center',
+    display: true,
   },
   {
     title: 'Progression',
     key: 'pourcentageProgressionTraitement',
     value: 'pourcentageProgressionTraitement',
-    align: 'center'
+    align: 'center',
+    display: true,
   },
   {
     title: 'Fichiers',
     key: 'filesToDownload',
     value: 'filesToDownload',
-    align: 'center'
+    align: 'center',
+    display: true,
   },
   {
     title: 'Action',
     key: 'archiveOrCancel',
     value: 'archiveOrCancel',
-    align: 'center'
+    align: 'center',
+    display: true,
   }
-]);
+];
+const filteredHeadingsDemandes = computed(() =>
+  headingsDemandes.filter(heading => heading.display !== false)
+)
+
 const listStatut = [
   'En saisie',
   'En attente',

From 6172258b4647c3b1c7c19e03119cec905cc04092 Mon Sep 17 00:00:00 2001
From: EryneKL <97091460+EryneKL@users.noreply.github.com>
Date: Wed, 6 Nov 2024 09:22:50 +0100
Subject: [PATCH 09/10] =?UTF-8?q?FEAT=20ITEM-355-front-utiliser-la-couche-?=
 =?UTF-8?q?service-pour-connaitre-le-role-en-boolean-exploiter-ce-booleen-?=
 =?UTF-8?q?pour-masquer-les-elements-relatif-a-l-iln-dans-le-tableau=20:?=
 =?UTF-8?q?=20=20=20=20=20=20-=20d=C3=A9sactivation=20de=20la=20coche=20po?=
 =?UTF-8?q?ur=20l'utilisateur=20dans=20ModifTable.vue,=20RecouvTable.vue,?=
 =?UTF-8?q?=20ExempTable.vue=20et=20SuppTable.vue?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Exemplarisation/ExempTable.vue | 2 +-
 src/views/Modification/ModifTable.vue    | 2 +-
 src/views/Recouvrement/RecouvTable.vue   | 2 +-
 src/views/Suppression/SuppTable.vue      | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/Exemplarisation/ExempTable.vue b/src/views/Exemplarisation/ExempTable.vue
index f0ae714..fa71a95 100644
--- a/src/views/Exemplarisation/ExempTable.vue
+++ b/src/views/Exemplarisation/ExempTable.vue
@@ -9,7 +9,7 @@
       d'exemplaires archivées
     </v-chip>
     <v-chip variant="text">
-      <v-tooltip activator="parent" location="bottom">
+      <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"
diff --git a/src/views/Modification/ModifTable.vue b/src/views/Modification/ModifTable.vue
index 8786f5a..e074df6 100644
--- a/src/views/Modification/ModifTable.vue
+++ b/src/views/Modification/ModifTable.vue
@@ -9,7 +9,7 @@
       d'exemplaires archivées
     </v-chip>
     <v-chip variant="text">
-      <v-tooltip activator="parent" location="bottom">
+      <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"
diff --git a/src/views/Recouvrement/RecouvTable.vue b/src/views/Recouvrement/RecouvTable.vue
index 427ee44..733fb32 100644
--- a/src/views/Recouvrement/RecouvTable.vue
+++ b/src/views/Recouvrement/RecouvTable.vue
@@ -8,7 +8,7 @@
       de recouvrement archivés
     </v-chip>
     <v-chip variant="text">
-      <v-tooltip activator="parent" location="bottom">
+      <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"
diff --git a/src/views/Suppression/SuppTable.vue b/src/views/Suppression/SuppTable.vue
index 3e992f2..ade3541 100644
--- a/src/views/Suppression/SuppTable.vue
+++ b/src/views/Suppression/SuppTable.vue
@@ -9,7 +9,7 @@
       Demandes archivées
     </v-chip>
     <v-chip variant="text">
-      <v-tooltip activator="parent" location="bottom">
+      <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"

From 9e16ca613279efa98b9a90a12a7777168515087f Mon Sep 17 00:00:00 2001
From: EryneKL <97091460+EryneKL@users.noreply.github.com>
Date: Wed, 6 Nov 2024 09:41:42 +0100
Subject: [PATCH 10/10] =?UTF-8?q?FEAT=20ITEM-355-front-utiliser-la-couche-?=
 =?UTF-8?q?service-pour-connaitre-le-role-en-boolean-exploiter-ce-booleen-?=
 =?UTF-8?q?pour-masquer-les-elements-relatif-a-l-iln-dans-le-tableau=20:?=
 =?UTF-8?q?=20=20=20=20=20=20-=20d=C3=A9sactivation=20de=20la=20coche=20po?=
 =?UTF-8?q?ur=20l'utilisateur=20dans=20ModifTable.vue,=20RecouvTable.vue,?=
 =?UTF-8?q?=20ExempTable.vue=20et=20SuppTable.vue?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Exemplarisation/ExempSteps.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/views/Exemplarisation/ExempSteps.vue b/src/views/Exemplarisation/ExempSteps.vue
index 858eecc..da8f71b 100644
--- a/src/views/Exemplarisation/ExempSteps.vue
+++ b/src/views/Exemplarisation/ExempSteps.vue
@@ -118,7 +118,6 @@ import Simulation from "@/components/Simulation.vue";
 import DialogLancerTraitement from '@/components/Dialog/DialogLancerTraitement.vue';
 import DialogSuppression from '@/components/Dialog/DialogSuppression.vue';
 import RecapDemande from '@/components/RecapDemande.vue';
-import {useAuthStore} from '@/store/authStore'
 
 const emits = defineEmits(['backendError', 'backendSuccess', 'login-success'])
 const props = defineProps({id : {type: String}});