templates/partial/video-onpc-slider.html.twig line 1

Open in your IDE?
  1. {# TODO : ce code a été copié depuis le slider des JPO, du coup les btn <-> controlent les 2 slider ! A dissocier #}
  2. <div class="block-jpo-une">
  3.     <div class="position-relative">
  4.         <div class="overflow-visible">
  5.             
  6.             {% if videosOnpc|length > 3 %}
  7.             <span id="jpo-next" class="next-slide-jpo"></span>
  8.             <span id="jpo-prev" class="prev-slide-jpo"></span>
  9.             {% endif %}
  10.             
  11.             {# Pour l'affichage sur desktop #}
  12.             <div class="jpo-une d-none d-md-block d-lg-block mt-4">
  13.                 {% for video in videosOnpc %}
  14.                     {% if loop.index == 1 or loop.index == 4 or loop.index == 7  %}
  15.                         <div class="slide-jpo w-100">
  16.                     {% endif %}
  17.                     <article class="jpo position-relative">
  18.                         <figure class="resize figure-video-onpc">
  19.                             {% set imgSrc = vich_uploader_asset(video, 'photoFile') %}
  20.                             {% if imgSrc %}
  21.                                 <img loading="lazy" src="{{ vich_uploader_asset(video, 'photoFile')| imagine_filter('webtv_list') }}" alt="{{ video.titre }}" title="{{ video.titre }}">
  22.                             {% endif %}
  23.                         </figure>
  24.                         <div class="content">
  25.                             <a href="{{ path('video-promo-fiche', {'slug': video.slug}) }}"><p class="city">{{ video.titre | u.truncate(50, '…', true)}}</p></a>
  26.                             <small>{{video.createdAt | format_date(pattern='d MMMM Y') }}</small>
  27.                         </div>
  28.                     </article>
  29.                     {% if loop.index == 3 or loop.index == 6 or loop.last  %}
  30.                         </div>
  31.                     {% endif %}
  32.                 {% endfor %}
  33.             </div>
  34.             
  35.             {# Pour l'affichage sur mobile #}
  36.             <div class="jpo-une d-block d-md-none d-lg-none mt-4">
  37.                 {% for video in videosOnpc %}
  38.                     <div class="slide-jpo w-100">
  39.                         <article class="jpo position-relative">
  40.                             <figure class="resize">
  41.                                 {% set imgSrc = vich_uploader_asset(video, 'photoFile') %}
  42.                                 {% if imgSrc %}
  43.                                    <img loading="lazy" class="resp" src='{{imgSrc}}' alt='{{video.titre}}' width='140' height='140'/>
  44.                                 {% endif %}
  45.                             </figure>
  47.                             <div class="content">
  48.                                 <a href="{{ path('video-promo-fiche', {'slug': video.slug}) }}"><p class="city">{{ video.titre | u.truncate(50, '…', true)}}</p></a>
  49.                                 <small>{{video.createdAt | format_date(pattern='d MMMM Y') }}</small>
  50.                             </div>
  51.                         </article>
  52.                     </div>
  53.                 {% endfor %}
  54.             </div>
  55.         </div>
  56.     </div>
  57.     <div class="all-day">
  58.         <a href="{{ path('video-onpc-liste')}}" class="btn-gris">Consulter toutes les vidéos</a>
  59.     </div>
  60. </div>