templates/PageParts/FullScreenSliderPagePart/view.html.twig line 1

Open in your IDE?
  1. <div class="main-slider" {% if resource.timeout and resource.timeout != 0 %}data-timeout="{{ resource.timeout }}"{% endif %}>
  3.     {% if resource.slides is not empty %}
  5.         {% for item in resource.slides| sortbyfield('displayOrder') %}
  7.             {% if item.active and item.media %}
  9.             <div class="main-slider__slide {% if item.media.contentType == 'video/mp4' %} main-slider__slide--video {% else %} main-slider__slide--image {% endif %}">
  11.                 {% if item.linkUrl %}
  12.                     <a href="{{ item.linkUrl | replace_url }}" {% if item.linkNewWindow %}target="_blank" rel="noopener"{% endif %}>
  13.                 {% endif %}
  15.                     {% if item.media.contentType != 'video/mp4' %}
  17.                         {% set img = item ? item : null %}
  19.                         {% if img is not null and img is not empty %}
  20.                             {% set fullSrc = croppedImgSrc(img.media.url, item.cropping, { w: 1920, q: 80 }) %}
  21.                             {% set previewSrc = croppedImgSrc(img.media.url, img.cropping, jml_img_large.preview) %}
  23.                             <img class="lazy" src="{{ previewSrc }}" data-src="{{ fullSrc }}"
  24.                                  alt="{% if img.mediaAlt %}{{ img.mediaAlt }} {%  else %} {{ item.header |striptags }}{% endif %}" />
  25.                         {% endif %}
  27.                     {% else %}
  28.                         <video autoplay="autoplay" muted="true" loop="loop" onloadedmetadata="this.muted = true">
  29.                             <source src="{{ asset(item.media.url) }}" type="video/mp4">
  30.                         </video>
  31.                     {% endif %}
  33.                     <div class="main-slider__content">
  34.                         {% if item.header %}<div class="main_slider__heading"  role="heading" aria-level="2"><span>{{ item.header |nl2br }}</span></div>{% endif %}
  35.                         {% if item.caption %}<div class="main_slider__caption"><span>{{ item.caption | raw }}</span></div>{% endif %}
  36.                     </div>
  38.                 {% if item.linkUrl %}
  39.                     </a>
  40.                 {% endif %}
  42.             </div>
  44.             {% endif %}
  46.         {% endfor %}
  48.     {% endif %}
  50. </div>