added images to calendrier

config/sync/core.entity_view_display.node.evenement.calendrier.yml

@@ -15,9 +15,11 @@ dependencies:
     - field.field.node.evenement.field_portage
     - field.field.node.evenement.field_projet_s_lie_s
     - field.field.node.evenement.field_type_d_evenement
+    - image.style.large
     - node.type.evenement
   module:
     - datetime_range
+    - image_delta_formatter
     - layout_builder
     - text
     - user
@@ -49,6 +51,20 @@ content:
     third_party_settings: {  }
     weight: 0
     region: content
+  field_images:
+    type: image_delta_formatter
+    label: hidden
+    settings:
+      deltas:
+        - 0
+      deltas_reversed: false
+      image_link: content
+      image_style: large
+      image_loading:
+        attribute: lazy
+    third_party_settings: {  }
+    weight: 5
+    region: content
   field_infos_pratiques:
     type: text_default
     label: hidden
@@ -74,7 +90,6 @@ content:
     region: content
 hidden:
   body: true
-  field_images: true
   field_invite_accompagne_curate_p: true
   field_partenaire_s: true
   field_portage: true

config/sync/core.entity_view_display.node.projet.tableau_liste.yml

@@ -15,7 +15,7 @@ dependencies:
     - field.field.node.projet.field_portage
     - field.field.node.projet.field_projet_s_lie_s
     - field.field.node.projet.field_type_de_projet
-    - image.style.960x960
+    - image.style.large
     - node.type.projet
   module:
     - datetime_range
@@ -67,7 +67,7 @@ content:
         - 0
       deltas_reversed: false
       image_link: content
-      image_style: 960x960
+      image_style: large
       image_loading:
         attribute: lazy
     third_party_settings: {  }

web/themes/custom/leshed/assets/scss/main.scss

@@ -683,9 +683,10 @@ div.views-archives-evenements {
   }
 
   article.node-type-evenement.view-mode-calendrier{
+    // @include evenementListe();
     display: flex;
     flex-direction: row;
-    // @include evenementListe();
+    gap: 1em;
     header{
       flex:0 1 auto;
       // width: 5em;
@@ -698,13 +699,31 @@ div.views-archives-evenements {
       }
     }
 
-    div.content{
+    section.content{
       flex:0 1 auto;
       h2.node-title{
         font-size: 3em;
       }
     }
 
+    section.last-cel{
+      flex:0 1 auto;
+      .field_images{
+        a{
+          display: block;
+          width: 12em;
+          height: 12em;
+          overflow: hidden;
+          img{
+            width: 100%;
+            height: 100%;
+            object-fit:contain;
+            object-position: top left;
+          }
+        }
+      }
+    }
+
   }
 }
 

web/themes/custom/leshed/templates/node--evenement--calendrier.html.twig

@@ -79,11 +79,14 @@
   {# {{ title_suffix }} #}
 
 
-  <div{{ content_attributes.addClass('content') }}>
+  <section{{ content_attributes.addClass('content') }}>
     <h2{{ title_attributes.addClass('node-title') }}>
       <a href="{{ url }}" rel="bookmark">{{ label }}</a>
     </h2>
-    {{ content|without('field_dates') }}
+    {{ content|without('field_dates')|without('field_images') }}
-  </div>
+  </section>
 
+  <section class="last-cel">
+    {{ content.field_images }}
+  </section>
 </article>