templates/fiche/_includes/jpos.html.twig line 1

Open in your IDE?
  1. {% if jpoListe|length > 0 %}
  2.     <div class="fiche-module jpo">
  3.         <h2 id="jpos">journée portes ouvertes </h2>
  4.         <div class="jpo-list-tri">
  5.             {#<div class="jpo-month mb-4 mt-4">
  6.                 <ul>
  7.                     <li class="periode d-none d-md-block d-lg-block"><strong>Période :</strong></li>
  8.                     {% for jpo in jpoListe %}
  10.                             {% if loop.first %}
  11.                                 {% set previous_jpo = jpo %}
  12.                             {% else %}
  13.                                 {% set previous_jpo = jpoListe[loop.index0 - 1] %}
  14.                             {% endif %}
  15.                             {% if loop.last %}
  16.                                 {% set next_jpo = jpo %}
  17.                             {% else %}
  18.                                 {% set next_jpo = jpoListe[loop.index0 + 1] %}
  19.                             {% endif %}
  21.                             {% if jpo.date | date('m') != previous_jpo.date | date('m') or previous_jpo == jpo %}
  22.                                 {% for month in 1..12 %}
  23.                                     {% if jpo.date | date('n') == month %}
  24.                                         <li><a href="#{{ jpo.date | date('n') }}" class="scroll-month">{{jpo.date | format_date(pattern='MMMM Y') }}</a></li>
  25.                                     {% endif %}
  26.                                 {% endfor %}
  27.                             {% endif %}
  29.                     {% endfor %}
  30.                 </ul>
  31.             </div>#}
  33.             <div class="position-relative">
  34.                 <div class="overflow-visible">
  35.                     <div class="d-none d-md-none d-lg-block">
  36.                         {% if jpoListe|length > 3 %}
  37.                             <span class="next-slide-jpo"></span>
  38.                             <span class="prev-slide-jpo"></span>
  39.                         {% endif %}
  40.                     </div>
  41.                     <div class="jpo-une d-none d-md-none d-lg-block">
  42.                         {% for jpo in jpoListe %}
  43.                             {% if loop.index == 1 or loop.index == 4 or loop.index == 7  %}
  44.                                 <div class="slide-jpo w-100">
  45.                             {% endif %}
  46.                             <article class="jpo position-relative">
  47.                                 {#<div class="w-100 d-flex justify-content-center mb-2">
  48.                                     <div class="icon"></div>
  49.                                 </div>#}
  50.                                 {% if jpo.etablissement.jpoPlus == 1 %}
  51.                                     <span class="badge-plus-jpo"></span>
  52.                                 {% endif %}
  53.                                 <figure class="resize">
  54.                                     {% if etablissement.logo %}
  55.                                     {% set imgSrc = vich_uploader_asset(etablissement.logo, 'logoFile') %}
  56.                                     {% if imgSrc %}
  57.                                         <img loading="lazy" src="{{ imgSrc | imagine_filter('etab_fiche_logo') }}" alt="{{ jpo.lieu }}" title="{{ jpo.etablissement.denomination }}">
  58.                                     {% endif %}
  59.                                     {% endif %}
  60.                                 </figure>
  61.                                 <div class="content">
  62.                                     <p class="date">{{jpo.date | format_date(pattern='d MMMM Y') }}</p>
  63.                                     <p class="city">{{jpo.lieu | u.truncate(30, '…', true)}}</p>
  64.                                     <p class="estab">{{ jpo.etablissement.denomination | u.truncate(50, '…', true)}}</p>
  65.                                 </div>
  66.                                 <a class="see-more" href="{{ path('jpo-etab', {'id': jpo.id}) }}" data-trace-action="{{ constant('App\\Entity\\Trace::JPO') | e('html_attr') }}" data-trace-etab="{{ jpo.etablissement.id | e('html_attr') }}">Découvrir</a>
  67.                             </article>
  68.                             {% if loop.index == 3 or loop.index == 6 or loop.last  %}
  69.                                 </div>
  70.                             {% endif %}
  71.                         {% endfor %}
  72.                     </div>
  73.                     <div class="d-block d-md-block d-lg-none">
  74.                         {% if jpoListe|length > 1 %}
  75.                             <span class="next-slide-jpo"></span>
  76.                             <span class="prev-slide-jpo"></span>
  77.                         {% endif %}
  78.                     </div>
  79.                     <div class="jpo-une d-block d-md-block d-lg-none">
  80.                         {% for jpo in jpoListe %}
  81.                             <div class="slide-jpo w-100">
  82.                                 <article class="jpo position-relative">
  83.                                     {#<div class="w-100 d-flex justify-content-center">
  84.                                         <div class="icon"></div>
  85.                                     </div>#}
  86.                                     {% if jpo.etablissement.jpoPlus == 1 %}
  87.                                         <span class="badge-plus-jpo"></span>
  88.                                     {% endif %}
  89.                                     <figure class="resize">
  90.                                         {% if  etablissement.logo %}
  91.                                         {% set imgSrc = vich_uploader_asset(etablissement.logo, 'logoFile') %}
  92.                                         {% if imgSrc %}
  93.                                             <img loading="lazy" class="resp" src='{{ imgSrc | imagine_filter('etab_fiche_logo') }}' alt='{{jpo.lieu}}' width='140' height='140'/>
  94.                                         {% endif %}
  95.                                         {% endif %}
  96.                                     </figure>
  98.                                     <div class="content">
  99.                                         <p class="date">{{jpo.date | format_date(pattern='d MMMM Y') }}</p>
  100.                                         <p class="city">{{jpo.lieu | u.truncate(30, '…', true)}}</p>
  101.                                         <p class="estab">{{ jpo.etablissement.denomination | u.truncate(50, '…', true)}}</p>
  102.                                     </div>
  103.                                     <a class="see-more" href="{{ path('jpo-etab', {'id': jpo.id}) }}" data-trace-action="{{ constant('App\\Entity\\Trace::JPO') | e('html_attr') }}" data-trace-etab="{{ jpo.etablissement.id | e('html_attr') }}">Découvrir</a>
  104.                                 </article>
  105.                             </div>
  106.                         {% endfor %}
  107.                     </div>
  108.                 </div>
  109.             </div>
  110.             <div class="col-12 voir-plus text-lg-right text-md-right text-center mb-5 mt-3">
  111.                 <a href="{{ path('jpo-liste', {'etablissement': etablissement.id, 'lieu' : etablissement.ville.slug})}}" class="btn-jpos">Voir tous les événements</a>
  112.             </div>
  113.         </div>
  114.     </div>
  115. {% endif %}