templates/_parts/index/_pipeline.html.twig line 1

Open in your IDE?
  1. {% set class = class|default('') %}
  2. {% set albums = albums|default([]) %}
  3. {% set title = title|default('') %}
  5. {% if albums|length %}
  6.     <div class="pipeline {{ class }}">
  7.         <div class="container container_spacer">
  8.             <div class="pipeline__inner">
  9.                 <div class="pipeline__title h1 text__black-text">
  10.                     {{ title }}
  11.                 </div>
  13.                 <div class="pipeline__main" data-pipeline-slider-container>
  14.                     <div class="pipeline__slider-wrap swiper" data-pipeline-slider>
  15.                         <ul class="pipeline__slider swiper-wrapper">
  16.                             {% for album in albums %}
  17.                                 {% set albumSlides = album.slides.toArray() %}
  19.                                 <li class="pipeline__slide swiper-slide">
  20.                                     {% for slide in albumSlides %}
  21.                                         {% if slide is has_image('imageName') %}
  23.                                             {% set image = vich_uploader_asset(slide, 'imageFile')  %}
  24.                                             <a href="{{ image }}"
  25.                                                title="{{ album.name }}"
  26.                                                class="pipeline__link"
  27.                                                data-fslightbox="{{ album.id }}"
  28.                                             >
  29.                                                 <span class="pipeline__picture-wrap">
  30.                                                     {% include '_parts/image/adaptive-image.html.twig' with {
  31.                                                         object: slide,
  32.                                                         field: 'imageFile',
  33.                                                         size: 'construction_progress_slide_preview',
  34.                                                         alt: album.name,
  35.                                                         class: 'pipeline__image',
  36.                                                         classPicture: 'pipeline__picture',
  37.                                                     } %}
  39.                                                     <span class="pipeline__picture-icon"></span>
  40.                                                 </span>
  42.                                                 <span class="pipeline__link-bottom">
  43.                                                     <span class="pipeline__link-title text__body">
  44.                                                         {{ album.name }}
  45.                                                     </span>
  46.                                                     <span class="pipeline__link-count">
  47.                                                         <span class="pipeline__link-count-icon">
  48.                                                             {{ source('_parts/icons/camera.svg') }}
  49.                                                         </span>
  50.                                                         <span class="pipeline__link-count-title text__body">
  51.                                                             {{ albumSlides|length }}
  52.                                                         </span>
  53.                                                     </span>
  54.                                                 </span>
  55.                                             </a>
  56.                                         {% endif %}
  57.                                     {% endfor %}
  58.                                 </li>
  59.                             {% endfor %}
  60.                         </ul>
  61.                     </div>
  63.                     {% if albums|length > 1 %}
  65.                         {% set arrowClass = '' %}
  67.                         {% if albums|length == 2 %}
  68.                             {% set arrowClass = 'arrow__two ' %}
  69.                         {% endif %}
  71.                         {% if albums|length == 3 %}
  72.                             {% set arrowClass = 'arrow__three ' %}
  73.                         {% endif %}
  75.                         {% set arrowClass = arrowClass ~ 'pipeline__arrows' %}
  77.                         <div class="pipeline__nav">
  78.                             <div class="pipeline__pagination pagination swiper-pagination"
  79.                                  data-pipeline-slider-pagination
  80.                             ></div>
  82.                             {% include '_parts/nav/arrows.html.twig' with {
  83.                                 class: arrowClass,
  84.                                 isAccent: true,
  85.                                 datasetLeft: 'data-pipeline-slider-left',
  86.                                 datasetRight: 'data-pipeline-slider-right',
  87.                             } %}
  88.                         </div>
  89.                     {% endif %}
  91.                 </div>
  92.             </div>
  93.         </div>
  94.     </div>
  95. {% endif %}