From a8884d50b9ad48b02bba2ba0151f85503faad813 Mon Sep 17 00:00:00 2001
From: SamuelQuetin <samquetinuel@gmail.com>
Date: Wed, 16 Oct 2024 09:45:32 +0200
Subject: [PATCH] ITEM-191 Ajouter un titre dans chaque workflow

---
 src/components/RecapDemande.vue          |  10 +-
 src/views/Exemplarisation/ExempSteps.vue |   2 +
 src/views/Modification/ModifSteps.vue    |   2 +
 src/views/Recouvrement/RecouvSteps.vue   | 162 +++++++--------
 src/views/Suppression/SuppSteps.vue      | 242 ++++++++++++-----------
 5 files changed, 218 insertions(+), 200 deletions(-)

diff --git a/src/components/RecapDemande.vue b/src/components/RecapDemande.vue
index 496229d..cb441eb 100644
--- a/src/components/RecapDemande.vue
+++ b/src/components/RecapDemande.vue
@@ -1,8 +1,8 @@
 <template>
   <!-- INFOS GENERALES DE LA DEMANDE -->
-  <div id="demInfos" class="elevation-2 mb-4 mt-2">
+  <div v-if="demande" id="demInfos" class="elevation-2 mb-4 mt-2">
     <h3 class="d-flex justify-center">Ma demande</h3>
-    <v-container fluid>
+    <v-container >
       <v-row>
         <v-col>
           <v-row class="d-flex justify-center pa-1">Numéro de Demande</v-row>
@@ -36,3 +36,9 @@ const props = defineProps({
 });
 
 </script>
+
+<style>
+#demInfos{
+  width: 100%;
+}
+</style>
diff --git a/src/views/Exemplarisation/ExempSteps.vue b/src/views/Exemplarisation/ExempSteps.vue
index 07859ae..6834d66 100644
--- a/src/views/Exemplarisation/ExempSteps.vue
+++ b/src/views/Exemplarisation/ExempSteps.vue
@@ -1,5 +1,6 @@
 <template>
   <v-container :class="(currentStep === 3) ? '' : 'fill-height'" fluid>
+    <recap-demande v-if="currentStep < 3" :demande="demande"></recap-demande>
     <v-row align="center" justify="center">
       <v-col :md="(currentStep === 3) ? '' : '7'">
         <v-stepper  v-model="currentStep" @update:model-value="changeEtat()" alt-labels>
@@ -112,6 +113,7 @@ import TypeExemp from '@/components/Exemp/TypeExemp.vue';
 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';
 
 const emits = defineEmits(['backendError', 'backendSuccess', 'login-success'])
 const props = defineProps({id : {type: String}});
diff --git a/src/views/Modification/ModifSteps.vue b/src/views/Modification/ModifSteps.vue
index 3309c67..4dcfa6d 100644
--- a/src/views/Modification/ModifSteps.vue
+++ b/src/views/Modification/ModifSteps.vue
@@ -1,5 +1,6 @@
 <template>
   <v-container :class="(currentStep === 4) ? '' : 'fill-height'" fluid>
+    <recap-demande v-if="currentStep < 4" :demande="demande"></recap-demande>
     <v-row align="center" justify="center">
       <v-col :md="(currentStep === 4) ? '' : '7'">
         <v-stepper v-model="currentStep" @update:model-value="changeEtape()" alt-labels>
@@ -161,6 +162,7 @@ import TypeTraitement from '@/components/Modif/TypeTraitement.vue';
 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';
 
 
 const currentStep = ref(0);
diff --git a/src/views/Recouvrement/RecouvSteps.vue b/src/views/Recouvrement/RecouvSteps.vue
index 1b45aa2..8eecac5 100644
--- a/src/views/Recouvrement/RecouvSteps.vue
+++ b/src/views/Recouvrement/RecouvSteps.vue
@@ -1,86 +1,89 @@
 <template>
   <v-container class="fill-height" fluid>
-    <v-row align="center" justify="center">
-      <v-col md="7">
-        <v-stepper v-model="currentStep" alt-labels>
-          <v-stepper-header>
-            <v-stepper-item
-              :color="currentStep >= 0 ? 'primary' : ''"
-              :complete="currentStep > 0"
-              :editable="demande"
-              icon="mdi-numeric-1"
-              title="Sélection du RCR"
-              :subtitle="demande ? rcrSelected : 'Demande'"
-            >
-            </v-stepper-item>
-            <v-divider></v-divider>
-            <v-stepper-item
-              :color="currentStep >= 1 ? 'primary' : ''"
-              :editable="fileSelected"
-              icon="mdi-numeric-2"
-              title="Chargement"
-              subtitle="du fichier"
-            >
-            </v-stepper-item>
-          </v-stepper-header>
-
-          <v-stepper-window>
-            <v-stepper-window-item>
-              <rcr v-model="rcrSelected"></rcr>
-              <v-container class="d-flex justify-space-between">
-                <v-spacer></v-spacer>
-                <v-btn
-                  :disabled="!rcrSelected"
-                  @click="createDemande"
-                >
-                  Valider
-                </v-btn>
-              </v-container>
-            </v-stepper-window-item>
-            <v-stepper-window-item>
-              <select-file v-model="fileSelected" :is-loading="isLoading" @deleted="deleteDemande()">Charger le fichier du taux de recouvrement</select-file>
-              <v-alert
-                v-if="alertMessage"
-                :type="alertType"
+    <v-col :class="(currentStep === 3) ? '' : 'fill-height'">
+      <recap-demande :demande="demande"></recap-demande>
+      <v-row align="center" justify="center">
+        <v-col md="7">
+          <v-stepper v-model="currentStep" alt-labels>
+            <v-stepper-header>
+              <v-stepper-item
+                :color="currentStep >= 0 ? 'primary' : ''"
+                :complete="currentStep > 0"
+                :editable="demande"
+                icon="mdi-numeric-1"
+                title="Sélection du RCR"
+                :subtitle="demande ? rcrSelected : 'Demande'"
               >
-                <span v-html="alertMessage"></span>
-              </v-alert>
-              <v-container class="d-flex justify-space-between">
-                <v-btn
-                  @click="prev"
-                >
-                  Retour
-                </v-btn>
-                <v-btn
-                  :disabled="!fileSelected"
-                  @click="launchTraitement"
+              </v-stepper-item>
+              <v-divider></v-divider>
+              <v-stepper-item
+                :color="currentStep >= 1 ? 'primary' : ''"
+                :editable="fileSelected"
+                icon="mdi-numeric-2"
+                title="Chargement"
+                subtitle="du fichier"
+              >
+              </v-stepper-item>
+            </v-stepper-header>
+
+            <v-stepper-window>
+              <v-stepper-window-item>
+                <rcr v-model="rcrSelected"></rcr>
+                <v-container class="d-flex justify-space-between">
+                  <v-spacer></v-spacer>
+                  <v-btn
+                    :disabled="!rcrSelected"
+                    @click="createDemande"
+                  >
+                    Valider
+                  </v-btn>
+                </v-container>
+              </v-stepper-window-item>
+              <v-stepper-window-item>
+                <select-file v-model="fileSelected" :is-loading="isLoading" @deleted="deleteDemande()">Charger le fichier du taux de recouvrement</select-file>
+                <v-alert
+                  v-if="alertMessage"
+                  :type="alertType"
                 >
-                  Lancer le traitement
-                </v-btn>
-              </v-container>
-            </v-stepper-window-item>
-          </v-stepper-window>
-        </v-stepper>
-        <v-dialog
-          v-model="dialog"
-          width="500"
-        >
-          <v-card>
-            <v-card-title class="headline" primary-title>Traitement validé</v-card-title>
-            <v-card-text>Votre demande est en cours de traitement.<br/>Un mail vous sera envoyé quand celui-ci sera
-              terminé.
-              <br>Vous pouvez retrouver l'ensemble de vos demandes sur votre tableau de bord ITEM. Rubrique "Gérer mes
-              taux de recouvrement".
-            </v-card-text>
-            <v-divider></v-divider>
-            <v-card-actions>
-              <v-spacer></v-spacer>
-              <v-btn color="primary" @click="router.push('recouvrement-tableau')" aria-label="OK">OK</v-btn>
-            </v-card-actions>
-          </v-card>
-        </v-dialog>
-      </v-col>
-    </v-row>
+                  <span v-html="alertMessage"></span>
+                </v-alert>
+                <v-container class="d-flex justify-space-between">
+                  <v-btn
+                    @click="prev"
+                  >
+                    Retour
+                  </v-btn>
+                  <v-btn
+                    :disabled="!fileSelected"
+                    @click="launchTraitement"
+                  >
+                    Lancer le traitement
+                  </v-btn>
+                </v-container>
+              </v-stepper-window-item>
+            </v-stepper-window>
+          </v-stepper>
+          <v-dialog
+            v-model="dialog"
+            width="500"
+          >
+            <v-card>
+              <v-card-title class="headline" primary-title>Traitement validé</v-card-title>
+              <v-card-text>Votre demande est en cours de traitement.<br/>Un mail vous sera envoyé quand celui-ci sera
+                terminé.
+                <br>Vous pouvez retrouver l'ensemble de vos demandes sur votre tableau de bord ITEM. Rubrique "Gérer mes
+                taux de recouvrement".
+              </v-card-text>
+              <v-divider></v-divider>
+              <v-card-actions>
+                <v-spacer></v-spacer>
+                <v-btn color="primary" @click="router.push('recouvrement-tableau')" aria-label="OK">OK</v-btn>
+              </v-card-actions>
+            </v-card>
+          </v-dialog>
+        </v-col>
+      </v-row>
+    </v-col>
   </v-container>
   <dialog-suppression v-model="suppDialog" :demande="demande" return-to-accueil></dialog-suppression>
 </template>
@@ -92,6 +95,7 @@ import { onMounted, ref } from 'vue';
 import itemService from '@/service/ItemService';
 import router from '@/router';
 import DialogSuppression from '@/components/Dialog/DialogSuppression.vue';
+import RecapDemande from '@/components/RecapDemande.vue';
 
 const props = defineProps({id : {type: String}});
 const emits = defineEmits(['backendError']);
diff --git a/src/views/Suppression/SuppSteps.vue b/src/views/Suppression/SuppSteps.vue
index 3f11cfb..c536dff 100644
--- a/src/views/Suppression/SuppSteps.vue
+++ b/src/views/Suppression/SuppSteps.vue
@@ -1,104 +1,67 @@
 <template>
   <v-container :class="(currentStep === 3) ? '' : 'fill-height'" fluid>
-    <v-row align="center" justify="center">
-      <v-col :md="(currentStep === 3) ? '' : '7'">
-        <v-stepper v-model="currentStep" @update:model-value="changeEtape()" alt-labels>
-          <v-stepper-header>
-            <v-stepper-item
-              :color="currentStep >= 0 ? 'primary' : ''"
-              :complete="currentStep > 0"
-              :editable="currentStep > 0"
-              icon="mdi-numeric-1"
-              title="Sélection du RCR"
-              :subtitle="demande ? rcrSelected : 'Demande'"
-            >
-            </v-stepper-item>
-            <v-divider></v-divider>
-            <v-stepper-item
-              :color="currentStep >= 1 ? 'primary' : ''"
-              :complete="currentStep > 1"
-              :editable="currentStep > 1"
-              icon="mdi-numeric-2"
-              title="PPN/RCR/EPN"
-              :subtitle="typeFileSelected ? 'Fichier '+ typeFileSelected : 'fichier envoyé'"
-            >
-            </v-stepper-item>
-            <v-divider></v-divider>
-            <v-stepper-item
-              :color="currentStep >= 2 ? 'primary' : ''"
-              :complete="currentStep > 2"
-              :editable="currentStep > 2"
-              icon="mdi-numeric-3"
-              title="Envoi"
-              subtitle="du fichier"
-            >
-            </v-stepper-item>
-            <v-divider></v-divider>
-            <v-stepper-item
-              :color="currentStep >= 3 ? 'primary' : ''"
-              icon="mdi-numeric-4"
-              title="Simulation"
-            >
-            </v-stepper-item>
-          </v-stepper-header>
-
-          <v-stepper-window>
-            <v-stepper-window-item>
-              <rcr v-model="rcrSelected" :is-loading="isLoading"></rcr>
-              <v-container class="d-flex justify-space-between">
-                <v-spacer></v-spacer>
-                <v-btn
-                  :disabled="!rcrSelected"
-                  :loading="isLoading"
-                  @click="createDemande"
-                >
-                  Valider
-                </v-btn>
-              </v-container>
-            </v-stepper-window-item>
-            <v-stepper-window-item>
-              <type-file v-if="!typeFileSelected" v-model="typeFileSelected" @clicked="setTypeSelected()" @deleted="deleteDemande()"></type-file>
-              <select-file v-else-if="!isLoaded" :is-loading="isLoading" v-model="fileSelected" typeFile="PPN" @deleted="deleteDemande()">Selection du fichier PPN</select-file>
-              <download-file v-if="isLoaded" :file-link="fileLink" :file-name="fileName" @clicked="isDownloaded = true" @deleted="deleteDemande()">Téléchargement du fichier PPN/RCR/EPN</download-file>
-              <v-alert
-                v-if="alertMessage"
-                :type="alertType"
+    <v-col :class="(currentStep === 3) ? '' : 'fill-height'">
+      <recap-demande v-if="currentStep < 3" :demande="demande"></recap-demande>
+      <v-row align="center" justify="center">
+        <v-col :md="(currentStep === 3) ? '' : '7'">
+          <v-stepper v-model="currentStep" @update:model-value="changeEtape()" alt-labels>
+            <v-stepper-header>
+              <v-stepper-item
+                :color="currentStep >= 0 ? 'primary' : ''"
+                :complete="currentStep > 0"
+                :editable="currentStep > 0"
+                icon="mdi-numeric-1"
+                title="Sélection du RCR"
+                :subtitle="demande ? rcrSelected : 'Demande'"
               >
-                <span v-html="alertMessage"></span>
-              </v-alert>
-              <v-container class="d-flex justify-space-between">
-                <v-btn v-if="typeFileSelected && !isLoaded" @click="prevSelectTypeFile">
-                  précédent
-                </v-btn>
-                <v-btn v-else-if="isLoaded" @click="prevSelectFile">
-                  précédent
-                </v-btn>
-                <v-btn v-else @click="prev">
-                  précédent
-                </v-btn>
-                <v-btn
-                  v-if="typeFileSelected && !isLoaded"
-                  :disabled="!fileSelected"
-                  :loading="isLoading"
-                  @click="uploadFile()"
-                >
-                  Envoyer
-                </v-btn>
-                <v-btn
-                  v-if="isLoaded"
-                  :disabled="!isDownloaded"
-                  @click="next"
-                >
-                  Suivant
-                </v-btn>
-              </v-container>
-            </v-stepper-window-item>
-            <v-stepper-window-item>
-              <v-container>
-                <select-file v-if="typeFileSelected==='PPN'" v-model="fileFinalSelected" :is-loading="isLoading" @deleted="deleteDemande()">Charger le
-                  fichier des exemplaires à supprimer
-                </select-file>
-                <select-file v-else-if="typeFileSelected==='EPN'" v-model="fileSelected"  :is-loading="isLoading" typeFile="EPN" @deleted="deleteDemande()">Selection du fichier EPN</select-file>
+              </v-stepper-item>
+              <v-divider></v-divider>
+              <v-stepper-item
+                :color="currentStep >= 1 ? 'primary' : ''"
+                :complete="currentStep > 1"
+                :editable="currentStep > 1"
+                icon="mdi-numeric-2"
+                title="PPN/RCR/EPN"
+                :subtitle="typeFileSelected ? 'Fichier '+ typeFileSelected : 'fichier envoyé'"
+              >
+              </v-stepper-item>
+              <v-divider></v-divider>
+              <v-stepper-item
+                :color="currentStep >= 2 ? 'primary' : ''"
+                :complete="currentStep > 2"
+                :editable="currentStep > 2"
+                icon="mdi-numeric-3"
+                title="Envoi"
+                subtitle="du fichier"
+              >
+              </v-stepper-item>
+              <v-divider></v-divider>
+              <v-stepper-item
+                :color="currentStep >= 3 ? 'primary' : ''"
+                icon="mdi-numeric-4"
+                title="Simulation"
+              >
+              </v-stepper-item>
+            </v-stepper-header>
+
+            <v-stepper-window>
+              <v-stepper-window-item>
+                <rcr v-model="rcrSelected" :is-loading="isLoading"></rcr>
+                <v-container class="d-flex justify-space-between">
+                  <v-spacer></v-spacer>
+                  <v-btn
+                    :disabled="!rcrSelected"
+                    :loading="isLoading"
+                    @click="createDemande"
+                  >
+                    Valider
+                  </v-btn>
+                </v-container>
+              </v-stepper-window-item>
+              <v-stepper-window-item>
+                <type-file v-if="!typeFileSelected" v-model="typeFileSelected" @clicked="setTypeSelected()" @deleted="deleteDemande()"></type-file>
+                <select-file v-else-if="!isLoaded" :is-loading="isLoading" v-model="fileSelected" typeFile="PPN" @deleted="deleteDemande()">Selection du fichier PPN</select-file>
+                <download-file v-if="isLoaded" :file-link="fileLink" :file-name="fileName" @clicked="isDownloaded = true" @deleted="deleteDemande()">Téléchargement du fichier PPN/RCR/EPN</download-file>
                 <v-alert
                   v-if="alertMessage"
                   :type="alertType"
@@ -106,34 +69,74 @@
                   <span v-html="alertMessage"></span>
                 </v-alert>
                 <v-container class="d-flex justify-space-between">
-                  <v-btn @click="prev()">
+                  <v-btn v-if="typeFileSelected && !isLoaded" @click="prevSelectTypeFile">
+                    précédent
+                  </v-btn>
+                  <v-btn v-else-if="isLoaded" @click="prevSelectFile">
+                    précédent
+                  </v-btn>
+                  <v-btn v-else @click="prev">
                     précédent
                   </v-btn>
                   <v-btn
-                    :disabled="!(fileFinalSelected || (fileSelected && typeFileSelected==='EPN'))"
-                    @click="uploadFileFinal()"
+                    v-if="typeFileSelected && !isLoaded"
+                    :disabled="!fileSelected"
                     :loading="isLoading"
+                    @click="uploadFile()"
+                  >
+                    Envoyer
+                  </v-btn>
+                  <v-btn
+                    v-if="isLoaded"
+                    :disabled="!isDownloaded"
+                    @click="next"
                   >
-                    Lancer le traitement en simulation
+                    Suivant
+                  </v-btn>
+                </v-container>
+              </v-stepper-window-item>
+              <v-stepper-window-item>
+                <v-container>
+                  <select-file v-if="typeFileSelected==='PPN'" v-model="fileFinalSelected" :is-loading="isLoading" @deleted="deleteDemande()">Charger le
+                    fichier des exemplaires à supprimer
+                  </select-file>
+                  <select-file v-else-if="typeFileSelected==='EPN'" v-model="fileSelected"  :is-loading="isLoading" typeFile="EPN" @deleted="deleteDemande()">Selection du fichier EPN</select-file>
+                  <v-alert
+                    v-if="alertMessage"
+                    :type="alertType"
+                  >
+                    <span v-html="alertMessage"></span>
+                  </v-alert>
+                  <v-container class="d-flex justify-space-between">
+                    <v-btn @click="prev()">
+                      précédent
+                    </v-btn>
+                    <v-btn
+                      :disabled="!(fileFinalSelected || (fileSelected && typeFileSelected==='EPN'))"
+                      @click="uploadFileFinal()"
+                      :loading="isLoading"
+                    >
+                      Lancer le traitement en simulation
+                    </v-btn>
+                  </v-container>
+                </v-container>
+              </v-stepper-window-item>
+              <v-stepper-window-item>
+                <simulation :demande="demande" label-before="Exemplaire(s) existant(s)" label-after="Exemplaire(s) restant(s)" @deleted="deleteDemande()"></simulation>
+                <v-container class="d-flex justify-space-between">
+                  <v-btn @click="prev">
+                    précédent
+                  </v-btn>
+                  <v-btn large @click="dialog = true"
+                         aria-label="Lancer le traitement en production">Lancer le traitement en production
                   </v-btn>
                 </v-container>
-              </v-container>
-            </v-stepper-window-item>
-            <v-stepper-window-item>
-              <simulation :demande="demande" label-before="Exemplaire(s) existant(s)" label-after="Exemplaire(s) restant(s)" @deleted="deleteDemande()"></simulation>
-              <v-container class="d-flex justify-space-between">
-                <v-btn @click="prev">
-                  précédent
-                </v-btn>
-                <v-btn large @click="dialog = true"
-                       aria-label="Lancer le traitement en production">Lancer le traitement en production
-                </v-btn>
-              </v-container>
-            </v-stepper-window-item>
-          </v-stepper-window>
-        </v-stepper>
-      </v-col>
-    </v-row>
+              </v-stepper-window-item>
+            </v-stepper-window>
+          </v-stepper>
+        </v-col>
+      </v-row>
+    </v-col>
   </v-container>
   <dialog-lancer-traitement v-model="dialog" :is-loading="isLoading" rubrique="Gérer mes suppressions" route="suppression-tableau" body="Le traitement de suppression  des exemplaires en base de production est irréversible." @launch="launchDemande()"></dialog-lancer-traitement>
   <dialog-suppression v-model="suppDialog" :demande="demande" return-to-accueil></dialog-suppression>
@@ -150,6 +153,7 @@ import Rcr from '@/components/Rcr.vue';
 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';
 
 const currentStep = ref(0);
 const demande = ref();