src/Package/Openform/Front/Templates/RelictPack/_templates/template-t1.html.twig line 1

Open in your IDE?
  1. {% from '@openform_front_templates/_includes/_icons.html.twig' import fullscreen, zoomin, zoomout, sliderprev, slidernext, arrowright, copyrights, arrowBtn, info, infoClose %}
  2. {% set ImageSlides = entity.ImageSlide|filterVisibles(app.request.locale) %}
  3. <div class="collections__wrapper" style="background: {{entity.background|default('#F5DB7B') }}; width: {{entity.textAreaWidth|default('41')}}%;" data-lenis-prevent>
  4.     <div class="collections__content">
  5.                 
  6.         {% if entity.Translation[app.request.locale].titleHtml is defined and entity.Translation[app.request.locale].titleHtml %}
  7.             <div class="collections__content__title block__h3">
  8.                 {{ entity.Translation[app.request.locale].titleHtml|raw }}
  9.             </div>
  10.         {% endif %}
  11.         {% if entity.link is defined and entity.link %}
  12.             <a href="{{entity.link}}" class="block-text__btns__btn button-read-more button-read-more--black">
  13.                 <span>{{('T_RELICT_LINK')|trans({}, 'openform_front', app.request.locale)}}</span>
  14.                 {{arrowright()}}
  15.             </a>
  16.         {% endif %}
  18.         {% if entity.Translation[app.request.locale].text is defined and entity.Translation[app.request.locale].text %}
  19.             <div class="collections__content__text block__text">
  20.                 {{ entity.Translation[app.request.locale].text|raw }}
  21.             </div>
  22.         {% endif %}
  23.         {% if entity.filePath is defined and entity.filePath and openform_front_util.isMp3File(entity.filePath) %}
  24.             <div class="block-image__image__audio">
  25.                 <div class="block-audio__player">
  26.                     <audio controls class="js-audio-player block-audio__inner">
  27.                         <source src="{{ entity.filePath }}">
  28.                         Your browser does not support the audio element.
  29.                     </audio>
  30.                 </div>
  31.             </div>
  32.         {% endif %}
  33.         {% if entity.Translation[app.request.locale].attributesText is defined and entity.Translation[app.request.locale].attributesText %}
  34.             <div class="collections__content__text block__text">
  35.                 {{ entity.Translation[app.request.locale].attributesText|raw }}
  36.             </div>
  37.         {% endif %}
  38.         {% if entity.Translation[app.request.locale].description is defined and entity.Translation[app.request.locale].description %}
  39.             <div class="collections__content__text block__text">
  40.                 {{ entity.Translation[app.request.locale].description|raw }}
  41.             </div>
  42.         {% endif %}
  43.         
  44.         <div class="collections__content__btns" style="background: {{entity.background|default('#F5DB7B') }};">
  45.             {% if rootParent and entity.exhibitionHomeButtonVisible %}
  46.                 {% set href = toolkit_route_localizer.generate('exhibition_item',{ 'slug' : rootParent.Translation[app.request.locale].slug }, app.request.locale) %}
  47.                 <a href="{{ href }}" class="collections__content__link">
  48.                     Strona główna wystawy
  49.                 </a>
  50.             {% endif %}
  51.             {% if entity.Translation[app.request.locale].buttonNext %}
  52.                 {% for key, Relict in entity.RelictPack.getVisibleRelicts(app.request.locale) %}
  53.                     {% if entity.id == Relict.id  %}
  54.                         {% if entity.RelictPack.getVisibleRelicts(app.request.locale)[key + 1] is defined %}
  55.                             {% set nextElement = entity.RelictPack.getVisibleRelicts(app.request.locale)[key + 1] %}
  56.                             {% set href = toolkit_route_localizer.generate('relict_item', { slug : nextElement.Translation[app.request.locale].slug }, app.request.locale) %}
  57.                             <a class="collections__content__link-white collections__content__link-white--secondary" href="{{ href }}">
  58.                                 <span>{{ entity.Translation[app.request.locale].buttonNext|raw }}</span>
  59.                                 {{ arrowBtn() }}
  60.                             </a>
  61.                         {% endif%}
  62.                     {% endif %}
  63.                 {% endfor %}
  64.             {% endif %}
  65.         </div>
  67.     </div>
  68. </div>
  69.             
  70.             
  71. <div class="collections__wrapper" style="width: {{entity.textAreaWidth is same as(0) ? '100%' : entity.textAreaWidth ? 'calc(100% - ' ~ entity.textAreaWidth ~ '%)' : '59%'}}; background:{{entity.imageBackgroundColor|default('#F8F7F0') }};">
  72.     <div class="object__gallery__splide collection-gallery js-collection-gallery-standard" style="height: 100%;">
  73.         <div class="splide js-collections-gallery-o8 collection-gallery__gallery" style="height: 100%;">
  74.             <div class="splide__track">
  75.                 
  76.                 
  77.                 <ul class="splide__list" style="height: 100%;">
  78.                     {% for key, image in ImageSlides %}
  79.                         {% set img = openform_front_util.getImagePathByType(image.Thumb ?? '','original') %}
  80.                         {# {% set imgSmall = openform_front_util.getImagePathByType(image.Thumb ?? '','detal') %}
  81.                         {% set imgPagination = openform_front_util.getImagePathByType(image.Thumb ?? '','list') %} #}
  82.                         <li class="splide__slide" style="height: 100%;">
  83.                             <div class="js-zoom" data-alt="{{image.Translation[app.request.locale].alt}}" style="height: 100%; display: flex; justify-content:center; align-items: center;">
  85.                                 <div class="collection-gallery__item" style="{{image.imageWidth ? 'width:' ~ image.imageWidth ~ '%; position: relative; margin: 0 auto;' : 'width: 100%;'}}
  86.                                                 {{image.imageHeight ? 'height:' ~ image.imageHeight ~ '%;' : 'height: 100%;'}}
  87.                                                 {{image.imageWidth ? 'max-width:' ~ image.imageWidth ~ '%;' : 'max-width: 100%;'}}
  88.                                                 {{image.imageHeight ? 'max-height:' ~ image.imageHeight ~ '%;' : 'max-height: 100%;'}}
  89.                                                  ">
  90.                                                 <style>
  91.                                                     .my-zoomist-{{key}} img{
  92.                                                         {% if image.imageBorderColor and image.imageBorderWidth %}border: {{image.imageBorderColor}} solid {{image.imageBorderWidth}}px;{% endif %}"
  93.                                                     }
  94.                                                     .my-zoomist-{{key}} .zoomist-wrapper{
  95.                                                         background:{{image.imageBackgroundColor ? image.imageBackgroundColor : entity.imageBackgroundColor ? entity.imageBackgroundColor : '#F8F7F0' }};
  96.                                                     }
  97.                                                  </style>
  98.                                     <div class="my-zoomist my-zoomist-{{key}}"  data-zoomist-src="{{img}}" tabindex="0" data-alt="{{image.Translation[app.request.locale].alt}}"></div>
  99.                                 </div>
  101.                                 <div class="collection-gallery__wrap">
  102.                                     <div class="collection-gallery__content block__text">
  103.                                         {# {{image.Translation[app.request.locale].text ? image.Translation[app.request.locale].text}} #}
  104.                                     </div>
  105.                                     <div class="collection-gallery__buttons">
  106.                                                             {% if image.Translation[app.request.locale].text is defined and image.Translation[app.request.locale].text %}
  107.                                                                 <div class="object__info-wrap">
  108.                                                                     <button class="collection-gallery__buttons__btn" type="button" aria-expanded="false" data-expanded="js-info-{{ key }}" tabindex="0">{{info(('T_INFO')|trans({}, 'openform_front', app.request.locale))}}</button>
  109.                                                                     <div class="object__info object__info--info js-info-{{ key }}" data-lenis-prevent>
  110.                                                                         <div class="object__info__text block__text">{{image.Translation[app.request.locale].text|raw}}</div>
  111.                                                                         <button class="object__info__close js-expanded-close" type="button">{{infoClose()}}</button>
  112.                                                                     </div>
  113.                                                                 </div>
  114.                                                             {% endif %}
  115.                                                             {% if image.Translation[app.request.locale].copyrights %}
  116.                                                                 <div class="object__info-wrap">
  117.                                                                     <button class="collection-gallery__buttons__btn" type="button" aria-expanded="false" data-expanded="js-copyright-{{ key }}" tabindex="0">{{copyrights(('T_INFO')|trans({}, 'openform_front', app.request.locale))}}</button>
  118.                                                                     <div class="object__info object__info--copyright js-copyright-{{ key }}" data-lenis-prevent>
  119.                                                                         <div class="object__info__text block__text">{{image.Translation[app.request.locale].copyrights|raw}}</div>
  120.                                                                         <button class="object__info__close js-expanded-close" type="button">{{infoClose()}}</button>
  121.                                                                     </div>
  122.                                                                 </div>
  123.                                                             {% endif %}
  124.                                                     <button class="collection-gallery__buttons__btn js-fullscreen" data-alt="{{image.Translation[app.request.locale].alt}}" tabindex="0" data-color="{{image.imageBackgroundColor is defined and image.imageBackgroundColor ? image.imageBackgroundColor }}"
  125.                                                         data-image="{{img}}"
  126.                                                         data-description="{{image.Translation[app.request.locale].text}}"
  127.                                                         data-copyrights="{{image.Translation[app.request.locale].copyrights}}"
  128.                                                         data-start="{{ key}}"
  129.                                                         data-imagestyle="{% if image.imageBorderColor and image.imageBorderWidth %}border: {{image.imageBorderColor}} solid {{image.imageBorderWidth}}px;{% endif %}"
  130.                                                     >
  131.                                                     {{fullscreen(('T_FULLSCREEN')|trans({}, 'openform_front', app.request.locale))}}
  132.                                                     </button>
  133.                                                     <button class="collection-gallery__buttons__btn js-zoom-out">{{zoomout(('T_ZOOMOUT')|trans({}, 'openform_front', app.request.locale))}}</button>
  134.                                                     <button class="collection-gallery__buttons__btn js-zoom-in">{{zoomin(('T_ZOOMIN')|trans({}, 'openform_front', app.request.locale))}}</button>
  135.                                                 </div>
  136.                                 </div>
  138.                             </div>
  139.                         </li>    
  140.                     {% endfor %}                               
  141.                 </ul>
  143.                 <div class="splide__arrows splide__arrows-no-thumbs{{ ImageSlides|length < 2 ? ' hide' }}">
  144.                     <div class="slider-nav collection-gallery__nav">
  145.                         <button class="splide__arrow splide__arrow--prev slider-nav__btn slider-nav__btn--prev" disabled>
  146.                             {{ sliderprev('PREV_SLIDE'|trans({}, 'openform_front', app.request.locale)) }}
  147.                         </button>
  148.                         <button class="splide__arrow splide__arrow--next slider-nav__btn slider-nav__btn--next">
  149.                             {{ slidernext('NEXT_SLIDE'|trans({}, 'openform_front', app.request.locale)) }}
  150.                         </button>
  151.                     </div>
  152.                 </div>
  154.             </div>
  155.         </div>
  156.     </div> 
  157. </div>