From dc0d5d8ada1e58f82d02f2d827e7cc295b6fc8cd Mon Sep 17 00:00:00 2001
From: Eryne Kachetel-Langue <eryne.kachetellangue@hotmail.com>
Date: Tue, 7 Jan 2025 14:43:28 +0100
Subject: [PATCH] FIX
 ITEM-446-front-dans-le-menu-lateral-lors-du-clic-sur-le-service-supprimer-des-exemplaires-renvoyer-sur-la-premiere-etape-du-workflow-de-suppression
 :      - modification de la fonction navigateTo() dans Navbar.vue      -
 ajout d'un watch(), d'une fonction cleanPath() et modification du onMounted()
 dans RecouvSteps.vue, ExempSteps.vue, ModifSteps.vue et SuppSteps.vue

---
 src/components/Structure/Navbar.vue      |  8 ++++++-
 src/views/Exemplarisation/ExempSteps.vue | 28 ++++++++++++++++++++++--
 src/views/Modification/ModifSteps.vue    | 19 +++++++++++++++-
 src/views/Recouvrement/RecouvSteps.vue   | 28 +++++++++++++++++++++---
 src/views/Suppression/SuppSteps.vue      | 21 ++++++++++++++++--
 5 files changed, 95 insertions(+), 9 deletions(-)

diff --git a/src/components/Structure/Navbar.vue b/src/components/Structure/Navbar.vue
index cf5639a..bf76617 100644
--- a/src/components/Structure/Navbar.vue
+++ b/src/components/Structure/Navbar.vue
@@ -178,7 +178,13 @@ const authStore = useAuthStore()
 const emit = defineEmits(['close'])
 
 function navigateTo(routeName) {
-  router.push({ name: routeName }).catch(err => {})
+  if ((routeName === 'suppression') || (routeName === "recouvrement") || (routeName === "exemplarisation") || (routeName === "modification")) {
+    let newRouteName = "/" + routeName + "/empty"
+    router.replace(newRouteName).catch(err => {});
+    router.currentRoute.value.fullPath = "/suppression/empty";
+  } else {
+    router.push({ name: routeName }).catch(err => {})
+  }
   fixNavBarModel.value ? '' : emit('close')
 }
 
diff --git a/src/views/Exemplarisation/ExempSteps.vue b/src/views/Exemplarisation/ExempSteps.vue
index be99482..285a9a2 100644
--- a/src/views/Exemplarisation/ExempSteps.vue
+++ b/src/views/Exemplarisation/ExempSteps.vue
@@ -113,7 +113,7 @@
 
 <script setup>
 
-import { onMounted, ref } from 'vue';
+import { onMounted, ref, watch } from 'vue';
 import itemService from '@/service/ItemService';
 import router from '@/router';
 import SelectFile from '@/components/SelectFile.vue';
@@ -138,8 +138,17 @@ const isLoading = ref(false);
 const dialog = ref(false);
 const suppDialog = ref(false);
 
+watch(router.currentRoute, (newValue) => {
+  if (newValue.fullPath.includes("empty")) {
+    cleanPath()
+    raz();
+    currentStep.value = 1;
+    prev();
+  }
+})
+
 onMounted(() => {
-  if (props.id) {
+  if ((props.id !== 'empty') && (props.id != null)) {
     itemService.getDemande(props.id, 'EXEMP')
       .then(response => {
         demande.value = response.data;
@@ -169,9 +178,18 @@ onMounted(() => {
       .catch(() => {
         router.replace('/exemplarisation');
       });
+  } else {
+    cleanPath();
   }
 });
 
+function cleanPath() {
+  if (router.currentRoute.value.fullPath.includes("empty")) {
+    router.replace('/exemplarisation');
+    router.currentRoute.value.fullPath = "/exemplarisation";
+  }
+}
+
 function createDemande() {
   if (demande.value && (rcrSelected.value === demande.value.rcr)) {
     next();
@@ -270,6 +288,12 @@ function prev() {
   changeEtat();
 }
 
+function raz() {
+  isLoading.value = false;
+  alertMessage.value = '';
+  alertType.value = 'success';
+}
+
 function changeEtat() {
   if ((currentStep.value + 1) === 1) {
     itemService.choixEtape(demande.value.id, 2, 'EXEMP')
diff --git a/src/views/Modification/ModifSteps.vue b/src/views/Modification/ModifSteps.vue
index 480125f..bd8d617 100644
--- a/src/views/Modification/ModifSteps.vue
+++ b/src/views/Modification/ModifSteps.vue
@@ -157,7 +157,7 @@
 </template>
 
 <script setup>
-import { onMounted, ref } from 'vue';
+import { onMounted, ref, watch } from 'vue';
 import router from '@/router';
 import itemService from '@/service/ItemService';
 import Rcr from '@/components/Rcr.vue';
@@ -188,6 +188,14 @@ const typeTraitementSelected = ref();
 const emits = defineEmits(['backendError']);
 const props = defineProps({ id: { type: String } });
 
+watch(router.currentRoute, (newValue) => {
+  if (newValue.fullPath.includes("empty")) {
+    cleanPath()
+    currentStep.value = 1;
+    prev();
+  }
+})
+
 onMounted(() => {
   if (props.id) {
     itemService.getDemande(props.id, 'MODIF')
@@ -227,9 +235,18 @@ onMounted(() => {
       .catch(() => {
         router.replace('/modification');
       });
+  } else {
+    cleanPath();
   }
 });
 
+function cleanPath() {
+  if (router.currentRoute.value.fullPath.includes("empty")) {
+    router.replace('/modification');
+    router.currentRoute.value.fullPath = "/modification";
+  }
+}
+
 function createDemande() {
   if (demande.value && (rcrSelected.value === demande.value.rcr)) {
     next();
diff --git a/src/views/Recouvrement/RecouvSteps.vue b/src/views/Recouvrement/RecouvSteps.vue
index 5cb5392..03177d8 100644
--- a/src/views/Recouvrement/RecouvSteps.vue
+++ b/src/views/Recouvrement/RecouvSteps.vue
@@ -80,7 +80,7 @@
 <script setup>
 import Rcr from '@/components/Rcr.vue';
 import SelectFile from '@/components/SelectFile.vue';
-import { onMounted, ref } from 'vue';
+import {onMounted, ref, watch} from 'vue'
 import itemService from '@/service/ItemService';
 import router from '@/router';
 import DialogSuppression from '@/components/Dialog/DialogSuppression.vue';
@@ -99,10 +99,17 @@ const isLoading = ref(false);
 const dialog = ref(false);
 const suppDialog = ref(false);
 
-
+watch(router.currentRoute, (newValue) => {
+  if (newValue.fullPath.includes("empty")) {
+    cleanPath()
+    raz();
+    currentStep.value = 1;
+    prev();
+  }
+})
 
 onMounted(() => {
-  if(props.id){
+  if((props.id !== 'empty') && (props.id != null)){
     itemService.getDemande(props.id, "RECOUV")
       .then(response => {
         demande.value = response.data;
@@ -113,9 +120,18 @@ onMounted(() => {
       }).catch(() => {
         router.replace("/recouvrement");
     })
+  } else {
+    cleanPath();
   }
 })
 
+function cleanPath() {
+  if (router.currentRoute.value.fullPath.includes("empty")) {
+    router.replace('/recouvrement');
+    router.currentRoute.value.fullPath = "/recouvrement";
+  }
+}
+
 function createDemande() {
   if (demande.value && (rcrSelected.value === demande.value.rcr)) {
     next();
@@ -168,4 +184,10 @@ function next() {
 function prev() {
   currentStep.value--;
 }
+
+function raz() {
+  isLoading.value = false;
+  alertMessage.value = '';
+  alertType.value = 'success';
+}
 </script>
diff --git a/src/views/Suppression/SuppSteps.vue b/src/views/Suppression/SuppSteps.vue
index 6b50107..3e869e8 100644
--- a/src/views/Suppression/SuppSteps.vue
+++ b/src/views/Suppression/SuppSteps.vue
@@ -160,7 +160,7 @@
 </template>
 
 <script setup>
-import { onMounted, ref } from 'vue';
+import { onMounted, ref, watch } from 'vue';
 import TypeFile from '@/components/Supp/TypeFile.vue';
 import SelectFile from '@/components/SelectFile.vue';
 import itemService from '@/service/ItemService';
@@ -192,8 +192,16 @@ const alertType = ref('success');
 const dialog = ref(false);
 const suppDialog = ref(false);
 
+watch(router.currentRoute, (newValue) => {
+  if (newValue.fullPath.includes("empty")) {
+    cleanPath()
+    currentStep.value = 1;
+    prev();
+  }
+})
+
 onMounted(() => {
-  if (props.id) {
+  if ((props.id !== 'empty') && (props.id != null)) {
     itemService.getDemande(props.id, 'SUPP')
       .then(response => {
         demande.value = response.data;
@@ -228,9 +236,18 @@ onMounted(() => {
       .catch(() => {
         router.replace('/suppression');
       });
+  } else {
+    cleanPath();
   }
 });
 
+function cleanPath() {
+  if (router.currentRoute.value.fullPath.includes("empty")) {
+    router.replace('/suppression');
+    router.currentRoute.value.fullPath = "/suppression";
+  }
+}
+
 function createDemande() {
   if (demande.value && (rcrSelected.value === demande.value.rcr)) {
     next();