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

Open in your IDE?
  1. {% if etablissement.diaporamas|length >= 1 and etablissement.diapoPlus and etablissement.getNombrePhotosMax > 1 %}
  2.     <div class="fiche-module diapo-plus">
  3.     <h2 id="diaporamas">Diaporamas</h2>
  4.         {#<div class="list-plus collapse" id="collapseDiaporama" aria-expanded="false">#}
  5.         <div class="list-plus d-flex flex-wrap justify-content-between">
  6.             {% for diapo in etablissement.diaporamas %}
  7.                 <div class="col-12 col-md-3 col-lg-3 {% if loop.index == 1 %}diapo-first {% endif %}" data-bs-toggle="modal" data-bs-target="#diapoModal" data-diapo-id="{{ diapo.id }}" data-bs-title="{{ diapo.titre }}">
  8.                     <i class="i-diapo with-legend"></i>
  9.                     <div class="img-diapo" style="background-image: url('{{vich_uploader_asset(diapo.photo[0], 'photoFile') | imagine_filter('diapo_une') }}')">
  11.                     </div>
  12. {#
  13.                     <img src='{{vich_uploader_asset(diapo.photo[0], 'photoFile')}}' class="w-100" alt="{{ diapo.photo[0].legende }}"/>
  14. #}
  15.                     <div class="w-100 text-center pt-2 pb-2">{{ diapo.titre }}</div>
  16.                 </div>
  17.             {% endfor %}
  18.         </div>
  20.         {% if etablissement.diaporamas|length > 6 %}
  21.             <div class="col-12 text-md-right text-lg-right mt-4 d-none d-md-block d-lg-block">
  22.                 <a role="button" id="diaporama-read-more" class="collapsed" data-bs-toggle="collapse" href="#collapseDiaporama" aria-expanded="false" aria-controls="collapseDiaporama"></a>
  23.             </div>
  24.         {% endif %}
  26.         {% if etablissement.diaporamas|length > 1 %}
  27.             <div class="col-12 text-center mt-4 d-block d-md-none d-lg-none">
  28.                 <a role="button" id="diaporama-read-more" class="collapsed" data-bs-toggle="collapse" href="#collapseDiaporama" aria-expanded="false" aria-controls="collapseDiaporama"></a>
  29.             </div>
  30.         {% endif %}
  31.     </div>
  33.     <div class="modal fade" id="diapoModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  34.         <div class="modal-dialog modal-dialog-centered" role="document">
  35.             <div class="modal-content diapo">
  36.                 <div class="modal-header">
  37.                     <h5 class="modal-title diapo" id="exampleModalLongTitle">&nbsp;</h5>
  38.                     <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
  39.                         {#<span aria-hidden="true">&times;</span>#}
  40.                     </button>
  41.                 </div>
  42.                 <div class="modal-body modal-body-aep d-flex">
  43.                     <div class="w-100 position-relative">
  44.                         <div class="modal-diapo">
  45.                             {# SLIDER GENERATE IN app.js#}
  46.                         </div>
  47.                         <span class="next"></span>
  48.                         <span class="prev"></span>
  49.                     </div>
  51.                 </div>
  52.             </div>
  53.         </div>
  54.     </div>
  55. {% endif %}