templates/partial/jpo-une.html.twig line 1

Open in your IDE?
  1. {% if jpos is defined and jpos is not empty %}
  2. <div class="block-jpo-une">
  3.         {% if type == 'home' %}
  4.             {#<h2>JOURNÉES PORTES OUVERTES</h2>#}
  5.             <div class="dropdown jpo-month" data-bs-display="static">
  6.                 <div class="dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
  7.                     Période : <a href="{{ path('jpo-liste')}}#{{ jpos[0].date | date('n') }}" class="scroll-month">{{jpos[0].date | format_date(pattern='MMMM Y') }}</a>
  8.                 </div>
  9.                 <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  10.                     {% for jpo in jpos %}
  11.                         {% if loop.first %}
  12.                             {% set previous_jpo = jpo %}
  13.                         {% else %}
  14.                             {% set previous_jpo = jpos[loop.index0 - 1] %}
  15.                         {% endif %}
  16.                         {% if loop.last %}
  17.                             {% set next_jpo = jpo %}
  18.                         {% else %}
  19.                             {% set next_jpo = jpos[loop.index0 + 1] %}
  20.                         {% endif %}
  22.                         {% if jpo.date | date('m') != previous_jpo.date | date('m') or previous_jpo == jpo %}
  23.                             {% for month in 1..12 %}
  24.                                 {% if jpo.date | date('n') == month %}
  25.                                     <li><a href="{{ path('jpo-liste')}}#{{ jpo.date | date('n') }}" class="dropdown-item scroll-month">{{jpo.date | format_date(pattern='MMMM Y') }}</a></li>
  26.                                 {% endif %}
  27.                             {% endfor %}
  28.                         {% endif %}
  29.                     {% endfor %}
  30.                 </ul>
  31.             </div>
  32.         {% else %}
  33.             <h2 class="mb-4">À LA UNE</h2>
  34.         {% endif %}
  35.         <div class="position-relative">
  36.             <div class="overflow-visible">
  37.             <span id="jpo-next" class="next-slide-jpo"></span>
  38.             <span id="jpo-prev" class="prev-slide-jpo"></span>
  39.             <div class="jpo-une d-none d-md-block d-lg-block">
  40.                 {% for jpo in jpos %}
  41.                     {% if loop.index == 1 or loop.index == 4 or loop.index == 7  %}
  42.                         <div class="slide-jpo w-100">
  43.                     {% endif %}
  44.                     <article class="jpo position-relative">
  45.                         <div class="w-100 d-flex justify-content-center mb-2">
  46.                             <div class="icon"></div>
  47.                         </div>
  48.                         {% if jpo.etablissement.jpoPlus == 1 %}
  49.                             <span class="badge-plus-jpo"></span>
  50.                         {% endif %}
  51.                         <figure class="resize">
  52.                             {% set imgSrc = vich_uploader_asset(jpo.etablissement.logo, 'logoFile') %}
  53.                             {% if imgSrc %}
  54.                                 <img loading="lazy" src="{{ vich_uploader_asset(jpo.etablissement.logo, 'logoFile') | imagine_filter('etab_hp_logo') }}" alt="{{ jpo.lieu }}" title="{{ jpo.etablissement.denomination }}">
  55.                                 {#<img loading="lazy" class="resp" src='{{imgSrc}}' alt='{{jpo.lieu}}' width='140' height='140'/>#}
  56.                             {% endif %}
  57.                             {#{% elseif jpo.etablissement.imagesDiaporama is not empty %}
  58.                                 <img 
  59.                                     loading="lazy"
  60.                                     src="{{ asset('images/jouve/photo/' ~ jpo.etablissement.imagesDiaporama | first) | imagine_filter('etab_fiche')}}"
  61.                                     class="resp" 
  62.                                     alt="{{ jpo.lieu }}" 
  63.                                     title="{{ jpo.lieu }}">
  64.                             {% endif %}#}
  65.                         </figure>
  66.                         <div class="content">
  67.                             <p class="date">{{jpo.date | format_date(pattern='d MMMM Y') }}</p>
  68.                             {#<p class="city">{{jpo.lieu | u.truncate(30, '…', true)}}</p>#}
  69.                             <p class="city">{{ jpo.etablissement.ville|lieuLibelle }}</p>
  70.                             <p class="estab">{{ jpo.etablissement.denomination | u.truncate(50, '…', true)}}</p>
  71.                         </div>
  72.                         <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>
  73.                     </article>
  74.                     {% if loop.index == 3 or loop.index == 6 or loop.last  %}
  75.                         </div>
  76.                     {% endif %}
  77.                 {% endfor %}
  78.             </div>
  79.             <div class="jpo-une d-block d-md-none d-lg-none">
  80.                 {% for jpo in jpos %}
  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.                                 {% set imgSrc = vich_uploader_asset(jpo.etablissement.logo, 'logoFile') %}
  91.                                 {% if imgSrc %}
  92.                                     <img loading="lazy" class="resp" src='{{imgSrc}}' alt='{{jpo.lieu}}' width='140' height='140'/>
  93.                                 {#{% elseif jpo.etablissement.imagesDiaporama is not empty %}
  94.                                     <img
  95.                                         loading="lazy"
  96.                                         class="resp"
  97.                                         src="{{ asset('images/jouve/photo/' ~ (jpo.etablissement.imagesDiaporama | first) ) | imagine_filter('etab_fiche')}}"
  98.                                         alt="{{ jpo.lieu }}"
  99.                                         title="{{ jpo.lieu }}">#}
  100.                                 {% endif %}
  101.                             </figure>
  103.                         <div class="content">
  104.                             <p class="date">{{jpo.date | format_date(pattern='d MMMM Y') }}</p>
  105.                             {#<p class="city">{{jpo.lieu | u.truncate(30, '…', true)}}</p>#}
  106.                             <p class="city">{{ jpo.etablissement.ville|lieuLibelle }}</p>
  107.                             <p class="estab">{{ jpo.etablissement.denomination | u.truncate(50, '…', true)}}</p>
  108.                         </div>
  109.                         <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>
  110.                     </article>
  111.                     </div>
  112.                 {% endfor %}
  113.             </div>
  114.             </div>
  115.         </div>
  116.         {% if type == 'home' %}
  117.             <div class="all-day">
  118.                 <a href="{{ path('jpo-liste')}}" class="btn-gris">Toutes les journées portes ouvertes</a>
  119.             </div>
  120.         {% endif %}
  121.     </div>
  122. {% endif %}