templates/homepage-articles/evenementsavenir-thematiques.html.twig line 1

Open in your IDE?
  1. {% if hits|length > 0 %}
  2.     <div class="dflex fwwrap evenementsavenir-preview-container-thematiques mt-20px">
  3.         <div class="splide-photo-evenementsavenir splide events h100" aria-label="En lien avec">
  4.             <div class="splide__arrows">
  5.                 <button class="splide__arrow splide__arrow--prev">
  6.                     {{ source('svg/left-arrow-icon.html.twig') }}
  7.                 </button>
  8.                 <button class="splide__arrow splide__arrow--next">
  9.                     {{ source('svg/right-arrow-icon.html.twig') }}
  10.                 </button>
  11.             </div>
  12.             <div class="splide__track h100">
  13.                 <ul
  14.                     class="splide__list mb-3p5em">
  15.                     {# je récupère l'image, le titre, la date de début, le chapo #}
  16.                     {% for i, hit in hits %}
  17.                         {% set image = hit.document.fields['header_img'].value %}
  18.                         {% if image.id is defined and image.id is not empty %}
  19.                             {# si il y a l'id je vais chercher le media correspondant #}
  20.                             {% set image = sulu_resolve_media(image.id, 'fr') %}
  21.                         {% endif %}
  23.                         {% set title = hit.document.fields['title'].value %}
  24.                         {% set chapo = hit.document.fields['chapo'].value %}
  25.                         {% set date_start = hit.document.fields['date'].value %}
  26.                         {% if date_start is defined and date_start is not empty %}
  27.                             {# si la date existe je la formatte au format 00 Moi #}
  28.                             {% set date_start_day = date_start|date('d', "Europe/Paris") %}
  29.                             {% set date_start_month = date_start|format_datetime(locale='fr', pattern="MMM")  %}
  30.                         {% endif %}
  31.                         {% set url = hit.document.url %}
  32.                         <li class="splide__slide dflex jcc">
  33.                             <div class="preview-container fiche-thematique-nouvelles-ressources agenda br8 dflex fdc">
  34.                                 <div class="img-cont br8">
  35.                                     {% if image is defined and image is not empty and image.url is defined %}
  36.                                         <img src="{{ image.url }}" class="br8" loading="lazy">
  37.                                     {% else %}
  38.                                         {% include "blocks/previews/img/default-image.html.twig" %}
  39.                                     {% endif %}
  40.                                 </div>
  41.                                 <div class="date-cont pabsolute dflex aic jcc">
  42.                                     <span class="cwhite dflex aic fdc fw500">
  43.                                         <div>{{ date_start_day }}</div>
  44.                                         <span>{{ date_start_month|lower }}</span>
  45.                                     </span>
  46.                                 </div>
  47.                                 <div class="preview-text dflex fdc jcsb">
  48.                                     <a href="{{ url }}" class="fw500 lh28 fs24 nodeco title cblue" title="{{ title }}">{{ title }}</a>
  49.                                     {% if chapo is defined and chapo is not empty %}
  50.                                         <div class="fs20 lh24 mt-8px chapo" title="{{ chapo }}">{{ chapo|raw }}</div>
  51.                                     {% endif %}
  52.                                 </div>
  53.                                 <div class="bottom-right-block dflex fdc mt-20px">
  54.                                     <a href={{ url }} class="fw500 lh28 fs24 cwhite nodeco know-more mt-12px">Voir plus</a>
  55.                                 </div>
  56.                             </div>
  57.                         </li>
  58.                     {% endfor %}
  59.                 </ul>
  60.             </div>
  62.         </div>
  63.     </div>
  64. {% else %}
  65.     <span class="fw500 fs20 preview-h3 lh28 center dblock mt-1em">
  66.         Aucun évènements à venir prévus.
  67.     </span>
  68. {% endif %}