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

Open in your IDE?
  1. {# Retrouver la diapo principale, si aucune n'est définir on prend la 1ère #}
  2. {# On prend la diapo princiaple, sinon la 1ère trouvée sinon la diapo importée depuis le BO Jouve #}
  3. {% set diapoPrincipal = false %}
  5. {% if etablissement.isClient %}
  6.     {% if etablissement.diapoPlus and etablissement.diaporamas|length > 0  %}
  7.         {% for diapo in etablissement.diaporamas %}
  8.             {% if diapo.principal %}
  9.                 {% set diapoPrincipal = diapo %}
  10.             {% endif %}
  11.         {% endfor %}
  12.     {% endif %}
  13.     {% set diapoPrincipal = diapoPrincipal == true ? diapoPrincipal : etablissement.diaporamas | first %}
  14.     {% set diapoPrincipalPhotos = etablissement.diapoPlus ? diapoPrincipal.photo : diapoPrincipal.photo | slice(0, etablissement.nombrePhotosMax) %}
  15. {% endif %}
  17. {% if etablissement.isClient and (diapoPrincipal != false or etablissement.imagesDiaporama is not empty) %}
  18. {# <!-- BS5 Carousel --> #}
  19. <div id="diapo" class="carousel slide carousel-dark" data-bs-ride="carousel">
  21.   {# <!-- Indicators/dots --> #}
  22.   {# <div class="carousel-indicators">
  23.     <button type="button" data-bs-target="#diapo" data-bs-slide-to="0" class="active"></button>
  24.     <button type="button" data-bs-target="#diapo" data-bs-slide-to="1"></button>
  25.     <button type="button" data-bs-target="#diapo" data-bs-slide-to="2"></button>
  26.   </div> #}
  27.   
  28.   {# <!-- The slideshow/carousel --> #}
  29.   <div class="carousel-inner">
  31.     {# On affiche les photos du diaporama principal s'il existe #}
  32.     {% if diapoPrincipal != false %}
  33.         {% for item in diapoPrincipalPhotos %}
  34.             {% if loop.index0 < etablissement.getNombrePhotosMax %}  
  35.             <div class="carousel-item {% if loop.index0 == 0 %}active{% endif %}">
  36.                 <img src="{{ vich_uploader_asset(item, 'photoFile')| imagine_filter('diapo_une') }}" alt="{{ item.legende }}" class="d-block" style="width:100%; cursor:pointer;" data-bs-toggle="modal" data-bs-target="#diapoModal{{ loop.index }}">
  37.                 <div class="carousel-caption">
  38.                     <p>{{ item.legende }}</p>
  39.                 </div>
  40.             </div>
  42.             {# Modal for image preview #}
  43.             <div class="modal fade" id="diapoModal{{ loop.index }}" tabindex="-1" aria-labelledby="diapoModalLabel{{ loop.index }}" aria-hidden="true">
  44.                 <div class="modal-dialog modal-dialog-centered d-flex align-items-center justify-content-center" style="min-height: 100vh;">
  45.                     <div class="modal-content" style="width: auto; display: inline-block; margin: auto;">
  46.                         <div class="modal-body text-center" style="padding:0;">
  47.                             <img src="{{ vich_uploader_asset(item, 'photoFile') }}" alt="{{ item.legende }}" class="img-fluid" style="display:block; max-width:100%; height:auto;">
  48.                         </div>
  49.                     </div>
  50.                 </div>
  51.             </div>
  52.             {% endif %}
  53.         {% endfor %}
  54.     {% else %} 
  55.         {# On garde l'ancienne diapo au cas où la migration a foiré ...  #}
  56.         {% for item in etablissement.imagesDiaporama %}
  57.         <div class="carousel-item {% if loop.index0 == 0 %}active{% endif %}">
  58.             {% if loop.index0 < etablissement.getNombrePhotosMax %}  
  59.             <img src="{{ asset('images/jouve/photo/' ~ item) | imagine_filter('etab_fiche')}}" class="d-block" style="width:100%">
  60.             {% endif %}
  61.         </div>
  62.         {% endfor %}        
  63.     {% endif %}
  64.     
  65.   </div>
  66.   
  67.   {# <!-- Left and right controls/icons --> #}
  68.   {% if etablissement.getNombrePhotosMax > 1 %}
  69.   <button class="carousel-control-prev" type="button" data-bs-target="#diapo" data-bs-slide="prev">
  70.     <span class="carousel-control-prev-icon"></span>
  71.   </button>
  72.   <button class="carousel-control-next" type="button" data-bs-target="#diapo" data-bs-slide="next">
  73.     <span class="carousel-control-next-icon"></span>
  74.   </button>
  75.   {% endif %}
  77. </div>
  78. {% else %}
  79. <div class="fiche-diapo">
  80.     <div class="no-diapo"><span class="no-logo"></span></div>
  81. </div>
  82. {% endif %}
  84. {# {% if etablissement.isClient and etablissement.typeClient in ['établissement', 'internat'] %}
  85.     {% set isFav = favoris.has(etablissement) %}
  86.     <span class="fav-toggle {{ isFav ? 'fav-added' }}" data-id="{{ etablissement.id }}" title="{{ isFav ? 'Supprimer du favoris' : 'Ajouter aux favoris' }}"></span>
  87. {% endif %} #}