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

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