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] 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');