templates/app/partials/carousel.html.twig line 1

Open in your IDE?
  1. {% set sliders = sliderManager.getOnlineSliders() %}
  2. {% if sliders is not empty %}
  3. <div id="carousel_home" class="carousel slide" data-bs-ride="carousel">
  4. <div class="carousel-indicators">
  5.     {% for key, slider in sliders %}
  6.         {% set position = (slider.position) - 1 %}
  7.         <button data-bs-target="#carousel_home" data-bs-slide-to="{{position}}" class="carousel-indicator {% if key == 0 %} active {% endif %}" aria-current="{{position}}"></button>
  8.     {% endfor %}
  9. </div>
  10. <div class="carousel-inner">
  11.     {% for key, slider in sliders %}
  12.         {% if slider.url is not null %}
  13.             <div class="carousel-item {% if key == 0 %} active {% endif %}">
  14.                 {% set array_url = slider.url|split('://') %}
  15.                 {% set url = slider.url %}
  16.                 {% if array_url|length > 1 %}
  17.                     {% set url = array_url[1] %}
  18.                 {% endif %}
  19.                 <a href="//{{ url }}" {% if slider.cible == true %} target="_blank" {% endif %}>
  20.                     {# Affichage de l'image desktop #}
  21.                     <img alt="{{ slider.mediaSliders[0].filePath }}" src="{{ slider.mediaSliders[0].filePath | imageFilePath('slider') }}" class="d-none d-sm-block w-100"/>
  22.                     {# Ou affichage de l'image mobile #}
  23.                     <img alt="{{ slider.mobileSliders[0].filePath }}" src="{{ slider.mobileSliders[0].filePath | imageFilePath('slider') }}" class="d-block d-sm-none w-100"/>
  24.                 </a>
  25.             </div>
  26.         {% else %}
  27.             <div class="carousel-item {% if key == 0 %} active {% endif %}">
  28.                 {# Affichage de l'image desktop #}
  29.                 <img alt="{{ slider.mediaSliders[0].filePath }}" src="{{ slider.mediaSliders[0].filePath | imageFilePath('slider') }}" class="d-none d-sm-block w-100"/>
  30.                 {# OU affichage de l'image mobile #}
  31.                 <img alt="{{ slider.mobileSliders[0].filePath }}" src="{{ slider.mobileSliders[0].filePath | imageFilePath('slider') }}" class="d-block d-sm-none w-100"/>
  32.             </div>
  33.         {% endif %}
  34.     {% endfor %}
  35. </div>
  36. </div>
  37. {% endif %}