From 5eea130a2891cb9d016f5f1b6e0d80d59589a96b Mon Sep 17 00:00:00 2001
From: SamuelQuetin <samquetinuel@gmail.com>
Date: Wed, 16 Oct 2024 10:03:14 +0200
Subject: [PATCH] Fix alignement

---
 src/views/Exemplarisation/ExempSteps.vue | 194 +++++++--------
 src/views/Modification/ModifSteps.vue    | 288 ++++++++++++-----------
 2 files changed, 245 insertions(+), 237 deletions(-)

diff --git a/src/views/Exemplarisation/ExempSteps.vue b/src/views/Exemplarisation/ExempSteps.vue
index 6834d66..6597133 100644
--- a/src/views/Exemplarisation/ExempSteps.vue
+++ b/src/views/Exemplarisation/ExempSteps.vue
@@ -1,102 +1,106 @@
 <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>
-          <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="Type Document"
-              :subtitle="typeDocumentSelected ? typeDocumentSelected.libelle : ''"
-            >
-            </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="Chargement"
-            >
-            </v-stepper-item>
-            <v-divider></v-divider>
-            <v-stepper-item
-              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"
-                  @click="createDemande"
-                >
-                  Valider
-                </v-btn>
-              </v-container>
-            </v-stepper-window-item>
-            <v-stepper-window-item>
-              <type-exemp v-model="typeDocumentSelected" :is-loading="isLoading" @deleted="deleteDemande()" @click="modifiTypeExemp"></type-exemp>
-              <v-container class="d-flex justify-space-between">
-                <v-btn @click="prev">
-                  précédent
-                </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 des exemplaires à traiter</select-file>
-              <v-alert
-                v-if="alertMessage"
-                :type="alertType"
+    <v-col :class="(currentStep === 3) ? '' : 'fill-height'">
+      <v-row>
+        <recap-demande v-if="currentStep !== 3" :demande="demande"></recap-demande>
+      </v-row>
+      <v-row align="center" justify="center">
+        <v-col :md="(currentStep === 3) ? '' : '7'">
+          <v-stepper  v-model="currentStep" @update:model-value="changeEtat()" 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="Type Document"
+                :subtitle="typeDocumentSelected ? typeDocumentSelected.libelle : ''"
               >
-                <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="!fileSelected"
-                  @click="uploadFile"
+              </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="Chargement"
+              >
+              </v-stepper-item>
+              <v-divider></v-divider>
+              <v-stepper-item
+                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"
+                    @click="createDemande"
+                  >
+                    Valider
+                  </v-btn>
+                </v-container>
+              </v-stepper-window-item>
+              <v-stepper-window-item>
+                <type-exemp v-model="typeDocumentSelected" :is-loading="isLoading" @deleted="deleteDemande()" @click="modifiTypeExemp"></type-exemp>
+                <v-container class="d-flex justify-space-between">
+                  <v-btn @click="prev">
+                    précédent
+                  </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 des exemplaires à traiter</select-file>
+                <v-alert
+                  v-if="alertMessage"
+                  :type="alertType"
                 >
-                  Lancer le traitement en simulation
-                </v-btn>
-              </v-container>
-            </v-stepper-window-item>
-            <v-stepper-window-item>
-              <simulation :demande="demande" label-before="Exemplaire(s) existant(s)" label-after="Exemplaire à créer" @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>
+                  <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="!fileSelected"
+                    @click="uploadFile"
+                  >
+                    Lancer le traitement en simulation
+                  </v-btn>
+                </v-container>
+              </v-stepper-window-item>
+              <v-stepper-window-item>
+                <simulation :demande="demande" label-before="Exemplaire(s) existant(s)" label-after="Exemplaire à créer" @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-col>
   </v-container>
   <dialog-lancer-traitement v-model="dialog" :is-loading="isLoading" rubrique="Gérer mes créations" route="exemplarisation-tableau" @launch="launchDemande()"></dialog-lancer-traitement>
   <dialog-suppression  v-model="suppDialog" :demande="demande" return-to-accueil></dialog-suppression>
diff --git a/src/views/Modification/ModifSteps.vue b/src/views/Modification/ModifSteps.vue
index 4dcfa6d..a0eb32a 100644
--- a/src/views/Modification/ModifSteps.vue
+++ b/src/views/Modification/ModifSteps.vue
@@ -1,151 +1,155 @@
 <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>
-          <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="fichier à récupérer"
-            >
-            </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="Choix traitement"
-              :subtitle="typeTraitementSelected ? typeTraitementSelected.libelle : 'à effectuer'"
-            >
-            </v-stepper-item>
-            <v-divider></v-divider>
-            <v-stepper-item
-              :color="currentStep >= 3 ? 'primary' : ''"
-              :complete="currentStep > 3"
-              :editable="currentStep > 3"
-              icon="mdi-numeric-4"
-              title="Envoi"
-              subtitle="du fichier"
-            >
-            </v-stepper-item>
-            <v-divider></v-divider>
-            <v-stepper-item
-              :color="currentStep >= 4 ? 'primary' : ''"
-              icon="mdi-numeric-5"
-              title="Simulation"
-            >
-            </v-stepper-item>
-          </v-stepper-header>
+    <v-col class="fill-height">
+      <v-row align="center" justify="center">
+        <recap-demande v-if="currentStep < 4" :demande="demande"></recap-demande>
+      </v-row>
+      <v-row align="center" justify="center">
+        <v-col :md="(currentStep === 4) ? '' : '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="fichier à récupérer"
+              >
+              </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="Choix traitement"
+                :subtitle="typeTraitementSelected ? typeTraitementSelected.libelle : 'à effectuer'"
+              >
+              </v-stepper-item>
+              <v-divider></v-divider>
+              <v-stepper-item
+                :color="currentStep >= 3 ? 'primary' : ''"
+                :complete="currentStep > 3"
+                :editable="currentStep > 3"
+                icon="mdi-numeric-4"
+                title="Envoi"
+                subtitle="du fichier"
+              >
+              </v-stepper-item>
+              <v-divider></v-divider>
+              <v-stepper-item
+                :color="currentStep >= 4 ? 'primary' : ''"
+                icon="mdi-numeric-5"
+                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"
-                  @click="createDemande"
-                >
-                  Valider
-                </v-btn>
-              </v-container>
-            </v-stepper-window-item>
-            <v-stepper-window-item>
-              <select-file v-if="!isLoaded" v-model="fileInitSelected" :is-loading="isLoading"
-                           @deleted="deleteDemande()"></select-file>
-              <download-file v-else :file-link="fileLink" :file-name="fileName" @clicked="downloaded">Récupération du
-                fichier de correspondances PPN / EPN
-              </download-file>
-              <v-alert
-                v-if="alertMessage"
-                :type="alertType"
+            <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"
+                    @click="createDemande"
+                  >
+                    Valider
+                  </v-btn>
+                </v-container>
+              </v-stepper-window-item>
+              <v-stepper-window-item>
+                <select-file v-if="!isLoaded" v-model="fileInitSelected" :is-loading="isLoading"
+                             @deleted="deleteDemande()"></select-file>
+                <download-file v-else :file-link="fileLink" :file-name="fileName" @clicked="downloaded">Récupération du
+                  fichier de correspondances PPN / EPN
+                </download-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="!fileInitSelected"
-                  @click="uploadFileInit()"
-                  v-if="!isLoaded"
                 >
-                  Envoyer
-                </v-btn>
-                <v-btn
-                  v-else
-                  :disabled="!isDownloaded"
-                  @click="next()"
-                >
-                  Suivant
-                </v-btn>
-              </v-container>
-            </v-stepper-window-item>
-            <v-stepper-window-item>
-              <type-traitement v-model="typeTraitementSelected" :is-loading="isLoading"
-                               @clicked="modifierTypeTraitementModifDemande()"></type-traitement>
-              <v-container class="d-flex justify-space-between">
-                <v-btn @click="prev">
-                  précédent
-                </v-btn>
-              </v-container>
-            </v-stepper-window-item>
-            <v-stepper-window-item>
-              <select-file v-model="fileFinalSelected" :is-loading="isLoading" @deleted="deleteDemande()">Charger le
-                fichier des exemplaires à modifier
-              </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"
-                  @click="uploadFileFinal()"
+                  <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="!fileInitSelected"
+                    @click="uploadFileInit()"
+                    v-if="!isLoaded"
+                  >
+                    Envoyer
+                  </v-btn>
+                  <v-btn
+                    v-else
+                    :disabled="!isDownloaded"
+                    @click="next()"
+                  >
+                    Suivant
+                  </v-btn>
+                </v-container>
+              </v-stepper-window-item>
+              <v-stepper-window-item>
+                <type-traitement v-model="typeTraitementSelected" :is-loading="isLoading"
+                                 @clicked="modifierTypeTraitementModifDemande()"></type-traitement>
+                <v-container class="d-flex justify-space-between">
+                  <v-btn @click="prev">
+                    précédent
+                  </v-btn>
+                </v-container>
+              </v-stepper-window-item>
+              <v-stepper-window-item>
+                <select-file v-model="fileFinalSelected" :is-loading="isLoading" @deleted="deleteDemande()">Charger le
+                  fichier des exemplaires à modifier
+                </select-file>
+                <v-alert
+                  v-if="alertMessage"
+                  :type="alertType"
                 >
-                  Lancer le traitement en simulation
-                </v-btn>
-              </v-container>
-            </v-stepper-window-item>
-            <v-stepper-window-item>
-              <simulation :demande="demande" label-before="Avant traitement" label-after="Après traitement"
-                          @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>
+                  <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"
+                    @click="uploadFileFinal()"
+                  >
+                    Lancer le traitement en simulation
+                  </v-btn>
+                </v-container>
+              </v-stepper-window-item>
+              <v-stepper-window-item>
+                <simulation :demande="demande" label-before="Avant traitement" label-after="Après traitement"
+                            @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-col>
   </v-container>
   <dialog-lancer-traitement v-model="dialog" :is-loading="isLoading" rubrique="Gérer mes modifications" route="modification-tableau" @launch="launchDemande()"></dialog-lancer-traitement>
   <dialog-suppression v-model="suppDialog" :demande="demande" return-to-accueil></dialog-suppression>