src/Elements/Bundle/DemiFrontendBundle/Resources/views/Events/detail/gallery.html.twig line 1

Open in your IDE?
  1. {#
  2. /**
  3.  * @var \Pimcore\Templating\PhpEngine this
  4.  * @var \Pimcore\Templating\PhpEngine view
  5.  * @var \Pimcore\Templating\GlobalVariables app
  6.  * #
  7.  * @var detailSlides \Elements\Demi\Model\DocumentImage[]
  8.  */
  9. use Pimcore\Model\Asset\Image;
  10. use Elements\Demi\Model\DocumentImage;
  11. #}
  12. {% do jsConfig().add( 'slider', true) %}
  14. <section class="demi-event-detail-content-block demi-event-detail-content-block--gallery">
  15.     <div class="container-sm container">
  16.         <div class="js-gallery gallery">
  17.             <div class="js-gallery gallery">
  18.                 <div class="swiper-container js-gallery__slider gallery__container">
  19.                     <div class="swiper-wrapper gallery__wrapper">
  20.                         {% set ogImageCount = 0 %}
  21.                         {% set thumb = 'demi-infrastructure-event-detail-gallery' %}
  22.                         {% set slides = detailSlides[1:] %}
  23.                         {% if detailSlides[0] is defined %}
  24.                             {% set slides = slides|merge([detailSlides[0]]) %}
  25.                         {% endif %}
  26.                         {% for item in slides %}
  28.                             {% if ogImageCount < 5 %}
  29.                                 {% set ogImageCount = ogImageCount + 1 %}
  30.                                 {% do elements_opengraph().addImage(item.getDocument().getThumbnail('slider-main' ).getPath()) %}
  31.                             {% endif %}
  32.                             {% set copyright = '' %}
  33.                             {% set image = item %}
  34.                             {% if item is instanceof("\\Elements\\Demi\\Model\\DocumentImage") %}
  35.                                 {% set image = item.getDocument() %}
  36.                             {% endif %}
  37.                             {% set imageTexts = getImageTexts(image) %}
  38.                             {% set imageAlt = headline ~ ' - Impressionen #2.' ~ loop.index %}
  39.                             {% for metadata in image.metadata %}
  40.                                 {% if metadata['name'] == 'alt' and metadata['language'] == 'de' %}
  41.                                     {% set imageAlt = metadata['data'] %}
  42.                                 {% endif %}
  43.                             {% endfor %}
  44.                             {# Add second method call for getImageTexts to avoid double copyright #}
  45.                             <div class="swiper-slide gallery-swiper-slide">
  46.                                 <figure class="embed-responsive embed-responsive-16by9">
  47.                                     {{ image.getThumbnail(thumb).getHTML({'imgAttributes': {
  48.                                         'class' : 'embed-responsive-item js-lazy-img',
  49.                                         'title' : demi_parseImageTexts(getImageTexts(image, true), true),
  50.                                         'alt': imageAlt,
  51.                                         'lowQualityPlaceholder' : true
  52.                                     }}) | raw }}
  53.                                 </figure>
  55.                                 {% if imageTexts.copyright|default(false) or imageTexts.author|default(false) %}
  56.                                     <div class="text-priamry my-3">
  57.                                         {{ demi_parseImageTexts(imageTexts, false) }}
  58.                                     </div>
  59.                                 {% endif %}
  60.                             </div>
  61.                         {% endfor %}
  62.                     </div>
  63.                 </div>
  64.                 <div class="swiper-navigation gallery__swiper-navigation">
  65.                     <button class="swiper-button swiper-button--prev gallery__btn js-gallery__prev"><span
  66.                             class="icon icon-arrow-right" aria-label="Previous"></span></button>
  67.                     <button class="swiper-button swiper-button--next gallery__btn js-gallery__next"><span
  68.                             class="icon icon-arrow-right" aria-label="Next"></span></button>
  69.                 </div>
  70.             </div>
  71.         </div>
  72.     </div>
  73. </section>