From 66d43ad373d8b9dedf0dc52693f4a9d61192bc35 Mon Sep 17 00:00:00 2001
From: Valentin <valentin@figureslibres.io>
Date: Fri, 11 Oct 2024 17:26:08 +0200
Subject: [PATCH] =?UTF-8?q?ajout=20de=20exergue=20dans=20les=20pages=20sta?=
 =?UTF-8?q?tiques,=20correction=20de=20l'affichage=20des=20images=20vertic?=
 =?UTF-8?q?ales=20dans=20les=20diapos=20et=20des=20l=C3=A9gendes,=20correc?=
 =?UTF-8?q?tion=20de=20l'affichage=20de=20pages=20sans=20image=20de=20couv?=
 =?UTF-8?q?erture=20(vignette)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/themes/custom/caravane/assets/js/stores/content.js      | 6 ++++--
 .../caravane/assets/js/vuejs/components/ModaleHeader.vue    | 4 ++--
 .../assets/js/vuejs/components/parties/ModaleDiaporama.vue  | 5 +++++
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/web/themes/custom/caravane/assets/js/stores/content.js b/web/themes/custom/caravane/assets/js/stores/content.js
index d645de6..5868559 100644
--- a/web/themes/custom/caravane/assets/js/stores/content.js
+++ b/web/themes/custom/caravane/assets/js/stores/content.js
@@ -238,13 +238,12 @@ export const useContentStore = defineStore('content', {
                         const partiesFetch = await this.fetchContent('field_parties_static', page.relationships);
                         if (partiesFetch) {
                             this.page.parties = [];
-                            
 
                             for (let partie of partiesFetch) {
                                 const partieType = partie.type.replace(/^paragraph--/, "");
                                 let partieContent = {
                                     type: partieType,
-                                };
+                                };                               
                                 
                                 switch (partieType) {
                                     case 'titre_texte':
@@ -263,6 +262,9 @@ export const useContentStore = defineStore('content', {
                                             }
                                         }
                                         break;
+                                    case 'exergue':
+                                        partieContent.exergue = partie.attributes.field_texte_exergue.value;
+                                        break;
                                     case 'video':
                                         partieContent.videos = [];
                                         for (let video of partie.attributes.field_videos) {
diff --git a/web/themes/custom/caravane/assets/js/vuejs/components/ModaleHeader.vue b/web/themes/custom/caravane/assets/js/vuejs/components/ModaleHeader.vue
index 6e0c76d..3b42c7a 100644
--- a/web/themes/custom/caravane/assets/js/vuejs/components/ModaleHeader.vue
+++ b/web/themes/custom/caravane/assets/js/vuejs/components/ModaleHeader.vue
@@ -1,7 +1,7 @@
 <template>
-    <header>
+    <header :style="content.vignette ? '' : { marginTop: '20vh' }">
         <div class="cover">
-        <img :src="content.vignette.url" :alt="content.vignette.alt">
+        <img v-if="content.vignette" :src="content.vignette.url" :alt="content.vignette.alt">
         </div>
         <div v-if="content.dates" class="cartouche" :style="{ backgroundColor: couleur }">
             <p>Étape n°{{content.etape_number}}</p>
diff --git a/web/themes/custom/caravane/assets/js/vuejs/components/parties/ModaleDiaporama.vue b/web/themes/custom/caravane/assets/js/vuejs/components/parties/ModaleDiaporama.vue
index 116fc39..2c85c9d 100644
--- a/web/themes/custom/caravane/assets/js/vuejs/components/parties/ModaleDiaporama.vue
+++ b/web/themes/custom/caravane/assets/js/vuejs/components/parties/ModaleDiaporama.vue
@@ -87,10 +87,15 @@ swiper-slide figure:not(.popup-figure) {
   padding-bottom: 3rem;
 }
 
+swiper-slide figure:not(.popup-figure) figcaption {
+  text-align: center;
+}
+
 swiper-slide img:not(.popup-img) { /* cf main.scss */
   max-height: 35vh;
   cursor: pointer;
   transition: transform 0.3s ease-out;
+  object-fit: contain !important;
   &:hover {
     transform: scale(1.01);
   }