templates/media/postMedias.html.twig line 1

Open in your IDE?
  1. {% macro showImage(media, imgClasses, filter) %}
  2.     {% if vich_uploader_asset(media, 'file') is not null %}
  3.         <img class="{{ imgClasses }}" src="{{ vich_uploader_asset(media, 'file')|imagine_filter(filter) }}" alt="{{ media.description }}"/>
  4.     {% elseif media.file is not null %}
  5.         <img class="{{ imgClasses }}" src="{{ media.file|imagine_filter(filter) }}" alt="{{ media.description }}"/>
  6.     {% endif %}
  7. {% endmacro %}
  9. {% import _self as selfm %}
  11. {# {{ dump(medias) }} #}
  12. {% if mediasType is not defined or mediasType not in ['thumbnails', 'slides', 'documents'] %}{% set mediasType = "all" %}{% endif %}{# mediasType est de type all, thumbnails, slides ou documents #}
  13. {% set thumbnails = [] %}
  14. {% set slides = [] %}
  15. {% set documents = [] %}
  16. {% for media in medias %}
  17.     {% if media.role == "thumbnail" and (mediasType == "all" or mediasType == "thumbnails") %}
  18.         {% set thumbnails = thumbnails|merge([media]) %}
  19.     {% elseif media.role == "slide" and (mediasType == "all" or mediasType == "slides") %}
  20.         {% set slides = slides|merge([media]) %}
  21.     {% elseif media.role != "thumbnail" and media.role != "slide" and (mediasType == "all" or mediasType == "documents") %}
  22.         {% set documents = documents|merge([media]) %}
  23.     {% endif %}
  24. {% endfor %}
  28. {% if thumbnails|length >= 1 %}{# on affiche la première des miniatures #}
  29.     <div class="post-medias thumbnails">
  30.         {% set media = thumbnails|first %}
  31.         {% set imgClasses = "thumbnail shadow-sm" %}
  32.         {{ selfm.showImage(media, imgClasses, "thumbnail") }}
  33.     </div>
  34. {% endif %}
  36. {% if slides|length == 1 %}{# une seule image : on l'affiche au format 4/3 #}
  37.     <div class="post-medias slide">
  38.         {% set media = slides|first %}
  39.         {% set imgClasses = "d-block w-100 slide shadow-sm" %}
  40.         {# {{ dump("one slide") }} #}
  41.         {{ selfm.showImage(media, imgClasses, "slide") }}
  42.     </div>
  43. {% elseif slides|length > 1 %}{# plusieurs diapositives : on affiche un diaporama #}
  44.     <div class="post-medias slides">
  45.         <div id="carouselMedias" class="carousel slide" data-ride="carousel">
  46.             <ol class="carousel-indicators">
  47.                 {% for media in slides %}
  48.                     <li data-target="#carouselMedias" data-slide-to="{{ loop.index0 }}" class="active"></li>
  49.                 {% endfor %}
  50.             </ol>
  51.             <div class="carousel-inner">
  52.                 {% set imgClasses = "d-block w-100" %}
  53.                 {% for media in slides %}
  54.                     <div class="carousel-item {% if loop.index0 == 0 %}active{% endif %}">
  55.                         {{ selfm.showImage(media, imgClasses, "slide") }}
  56.                     </div>
  57.                 {% endfor %}
  58.             </div>
  59.             <a class="carousel-control-prev" href="#carouselMedias" role="button" data-slide="prev">
  60.                 <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  61.                 <span class="sr-only">Précédent</span>
  62.             </a>
  63.             <a class="carousel-control-next" href="#carouselMedias" role="button" data-slide="next">
  64.                 <span class="carousel-control-next-icon" aria-hidden="true"></span>
  65.                 <span class="sr-only">Suivant</span>
  66.             </a>
  67.         </div>
  68.     </div>
  69. {% endif %}
  71. {% if documents|length >= 1 %}
  72.     <div class="post-medias documents">
  73.         <h2>Ressources</h2>
  74.         <ul>
  75.             {% for media in documents %}
  76.                 {% if vich_uploader_asset(media, 'file') is not null or media.file is not null %}
  77.                     <li class="ressource">
  78.                         <a href="
  79.                             {% if vich_uploader_asset(media, 'file') is not null or media.file is not null %}
  80.                                 {{ vich_uploader_asset(media, 'file') }}
  81.                             {% else %}
  82.                                 {{ media.file }}
  83.                             {% endif %}
  84.                         " target="_blank">{{ media.description }}</a> 
  85.                     </li>
  86.                 {% endif %}
  87.             {% endfor %}
  88.         </ul>
  89.     </div>
  90. {% endif %}