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

Open in your IDE?
  1. {% if resource.items is not empty %}
  3.     <section class="objects-pp">
  5.         <div class="object-overlay">
  7.             <div class="slick-arrows">
  8.                 <div>
  9.                     <button type="button" class="slick-prev slick-arrow" style=""><i class="fas fa-chevron-left"></i></button>
  10.                     <button type="button" class="slick-next slick-arrow" style=""><i class="fas fa-chevron-right"></i></button>
  11.                 </div>
  12.             </div>
  14.             <div class="object-box__text">
  15.                 <h2 role="heading" aria-level="2"><span>{{ resource.header | nl2br }}</span></h2>
  16.                 <a href="{{ resource.linkUrl|replace_url }}" class="btn btn--blue" {% if resource.linkNewWindow %}target="_blank" rel="noopener"{% endif %}>{{ resource.linkText }}</a>
  17.             </div>
  18.         </div>
  20.         <div class="objects-slider">
  22.             {% for item in resource.items | sortbyfield('displayOrder')  %}
  24.                 <div class="object-slide">
  26.                     <div class="object-box">
  28.                         <div class="object-box__text">
  30.                             <div class="object-name">
  31.                                 <a href="{{ item.linkUrl | replace_url }}" {% if item.linkNewWindow %} target="_blank" rel="noopener"{% endif %}>
  32.                                     {{ item.name }}
  33.                                 </a>
  34.                             </div>
  36.                         </div>
  38.                         <div class="object-box__img">
  40.                             {% set img = (item.image) ? item.image : null %}
  41.                             {% if img is null %}
  42.                                 {% set img = {
  43.                                     'url' : get_default_article_image(),
  44.                                     'mediaAlt' : 'Gdyńskie Centrum Sportu'
  45.                                 } %}
  46.                             {% endif %}
  47.                             {% if img is not null and img is not empty %}
  48.                                 {% set fullSrc = croppedImgSrc(img.url, item.cropping, { h: 630, w: 910, q: 80, fit: 'crop' }) %}
  50.                                 <a href="{{ item.linkUrl | replace_url }}" {% if item.linkNewWindow %} target="_blank" rel="noopener"{% endif %}>
  52.                                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid slice">
  53.                                         {% if item.imageAltText %}<title>{{ item.imageAltText }}</title>{% endif %}
  54.                                         <clipPath id="objectClip{{ item.id }}">
  55.                                             {#                                            <polygon points="0, 0, 0.97, 0, 0.83, 1.0, 0, 1.0"/>#}
  56.                                             <polygon points="100 0, 100 100, 40 100, 0 30, 20 0" />
  57.                                         </clipPath>
  58.                                         <image height="90%" width="100%" preserveAspectRatio="xMidYMid slice" clip-path="url('#objectClip{{ item.id }}')" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="{{ fullSrc }}" />
  59.                                     </svg>
  61. {#                                    <img src="{{ glideUrl('webimages', img.url) }}{{ cropString }}" {% if item.imageAltText %}alt="{{ item.imageAltText }}"{% endif %} />#}
  62.                                 </a>
  63.                             {% endif %}
  65.                         </div>
  67.                     </div>
  69.                 </div>
  71.             {% endfor %}
  73.         </div>
  75.     </section>
  77. {% endif %}