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

Open in your IDE?
  1. {% from '@openform_front_templates/_includes/_icons.html.twig' import fullscreen, zoomin, zoomout, sliderprev, slidernext, arrowright, info, copyrights, loupe, info, infoClose %}
  2. {% set ImageSlides = entity.ImageSlide|filterVisibles(app.request.locale) %}
  3. <div class="collections__head" style="background: {{entity.lineColor|default('#231F17') }};{% if not entity.showHeader %}padding-top:90px; height:152px;{% endif %}">
  4.     {% set href1 = toolkit_route_localizer.generate('relict_pack_item', { 'slug': parentPage.Translation[app.request.locale].slug}, app.request.locale) %}       
  5.     <a href="/">{{loupe()}}</a>
  6.     {% if rootParent.isExhibition is defined %}
  7.         {% set href2 = toolkit_route_localizer.generate('exhibition_item', { 'slug': rootParent.Translation[app.request.locale].slug}, app.request.locale) %}    
  8.     {% endif %}
  9.     {% if href2 is defined %}
  10.         <a href="{{href2}}">{{rootParent.Translation[app.request.locale].titleHtml|raw}}</a>
  11.         <span>/</span>
  12.     {% endif %}
  13.     {% if href1 is defined and href1 == not null %}     
  14.         
  15.         <a href="{{href1}}">{{parentPage.Translation[app.request.locale].titleHtml|raw}}</a>
  16.         
  17.     {% endif %}
  18.     
  19.     {% if entity.Translation[app.request.locale].titleHtml is defined and entity.Translation[app.request.locale].titleHtml %}
  20.         <span>/</span>
  21.         <span>
  22.             {{ entity.Translation[app.request.locale].titleHtml|raw }}
  23.         </span>
  24.     {% endif %}
  25. </div>
  26. <div class="collections__container" style="{% if not entity.showHeader %}height: calc(100% - 152px); {% else %} height: calc(100% - 62px); {% endif %}">
  27.     <div class="collections__wrapper" style="width: {{ entity.textAreaWidth ? 'calc(100% - ' ~ entity.textAreaWidth ~ '%)' : '35%'}}; background: {{entity.imageBackgroundColor|default('#F8F7F0') }};">
  28.         {% if ImageSlides|length > 0 %}
  29.             <div class="object__gallery__splide collection-gallery js-collection-gallery-standard" style="height: 100%;">
  30.                 <div class="splide js-collections-gallery-o9 collection-gallery__gallery" style="height: 100%;">
  31.                     <div class="splide__track">
  32.                         <ul class="splide__list">
  33.                             {% for key, image in ImageSlides %}
  34.                                 {% set img = openform_front_util.getImagePathByType(image.Thumb ?? '', 'original') %}
  35.                                 {# {% set img = openform_front_util.getImagePathByType(image.Thumb ?? '', 'temp11') %}
  36.                                 {% set imgPagination = openform_front_util.getImagePathByType(image.Thumb ?? '', 'list') %} #}
  38.                                 <li class="splide__slide">
  39.                                     <div class="js-zoom" data-alt="{{image.Translation[app.request.locale].alt}}" style=" height: 100%;">
  40.                                         <div class="collection-gallery__item" style="height: 100%; max-height: 100%; display: flex; align-items: center; justify-content: center;">
  41.                                             <div style="{{image.imageWidth ? 'width:' ~ image.imageWidth ~ '%;' : 'width: 100%;'}}
  42.                                                 {{image.imageHeight ? 'height:' ~ image.imageHeight ~ '%;' : 'height: 100%;'}}
  43.                                                 {{image.imageWidth ? 'max-width:' ~ image.imageWidth ~ '%;' : 'max-width: 100%;'}}
  44.                                                 {{image.imageHeight ? 'max-height:' ~ image.imageHeight ~ '%;' : 'max-height: 100%;'}}">
  45.                                                 <style>
  46.                                                     .my-zoomist-{{key}} img{
  47.                                                         {% if image.imageBorderColor and image.imageBorderWidth %}border: {{image.imageBorderColor}} solid {{image.imageBorderWidth}}px;{% endif %}"
  48.                                                     }
  49.                                                     .my-zoomist-{{key}} .zoomist-wrapper{
  50.                                                         background:{{image.imageBackgroundColor ? image.imageBackgroundColor : entity.imageBackgroundColor ? entity.imageBackgroundColor : '#F8F7F0' }};
  51.                                                     }
  52.                                                  </style>
  53.                                                 <div class="my-zoomist my-zoomist-{{key}}" data-zoomist-src="{{img}}" data-alt="{{image.Translation[app.request.locale].alt}}" tabindex="0"></div>
  54.                                             </div>
  55.                                         </div>
  57.                                         <div class="collection-gallery__wrap" style="padding: 0;">
  59.                                             <div class="collection-gallery__buttons">
  60.                                                             {% if image.Translation[app.request.locale].text is defined and image.Translation[app.request.locale].text %}
  61.                                                                 <div class="object__info-wrap">
  62.                                                                     <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>
  63.                                                                     <div class="object__info object__info--info js-info-{{key}}" data-lenis-prevent>
  64.                                                                         <div class="object__info__text block__text">{{image.Translation[app.request.locale].text|raw}}</div>
  65.                                                                         <button class="object__info__close js-expanded-close" type="button">{{infoClose()}}</button>
  66.                                                                     </div>
  67.                                                                 </div>
  68.                                                             {% endif %}
  69.                                                             {% if image.Translation[app.request.locale].copyrights %}
  70.                                                                 <div class="object__info-wrap">
  71.                                                                     <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>
  72.                                                                     <div class="object__info object__info--copyright js-copyright-{{key}}" data-lenis-prevent>
  73.                                                                         <div class="object__info__text block__text">{{image.Translation[app.request.locale].copyrights|raw}}</div>
  74.                                                                         <button class="object__info__close js-expanded-close" type="button">{{infoClose()}}</button>
  75.                                                                     </div>
  76.                                                                 </div>
  77.                                                             {% endif %}
  79.                                                 <button 
  80.                                                     class="collection-gallery__buttons__btn js-fullscreen" data-alt="{{image.Translation[app.request.locale].alt}}" 
  81.                                                     tabindex="0" 
  82.                                                     data-image="{{ img }}" 
  83.                                                     data-color="{{image.imageBackgroundColor ? image.imageBackgroundColor }}"
  84.                                                     data-description="{{ image.Translation[app.request.locale].text }}" 
  85.                                                     data-copyrights="{{image.Translation[app.request.locale].copyrights}}" 
  86.                                                     data-start="{{ key }}"
  87.                                                     data-imagestyle="{% if image.imageBorderColor and image.imageBorderWidth %}border: {{image.imageBorderColor}} solid {{image.imageBorderWidth}}px;{% endif %}"
  88.                                                 >
  89.                                                     {{fullscreen(('T_FULLSCREEN')|trans({}, 'openform_front', app.request.locale))}}
  90.                                                 </button>
  92.                                                 <button class="collection-gallery__buttons__btn js-zoom-out">{{ zoomout(('T_ZOOMOUT')|trans({}, 'openform_front', app.request.locale)) }}</button>
  93.                                                 <button class="collection-gallery__buttons__btn js-zoom-in">{{ zoomin(('T_ZOOMIN')|trans({}, 'openform_front', app.request.locale)) }}</button>
  94.                                             </div>
  95.                                         </div>
  96.                                     </div>
  97.                                 </li>
  98.                             {% endfor %}
  99.                         </ul>
  101.                         <ul class="splide__pagination collection-gallery__pagination"></ul>
  102.                     </div>
  103.                 </div>
  104.             </div>
  105.         {% endif %}
  106.     </div>
  108.     <div class="collections__wrapper" style="width: {{ entity.textAreaWidth|default('65') }}%; background: {{ entity.background|default('#F5DB7B') }};" data-lenis-prevent>
  109.         <div class="collections__wrapper__wrap">
  110.             <div class="collections__content">
  111.                 {% if entity.Translation[app.request.locale].titleHtml is defined and entity.Translation[app.request.locale].titleHtml %}
  112.                     <div class="collections__content__title block__h3">
  113.                         {{ entity.Translation[app.request.locale].titleHtml|raw }}
  114.                     </div>
  115.                 {% endif %}
  116.                 
  117.                 {% if entity.link is defined and entity.link %}
  118.                     <a href="{{ entity.link }}" class="block-text__btns__btn button-read-more button-read-more--black">
  119.                         <span>{{ ('T_RELICT_LINK')|trans({}, 'openform_front', app.request.locale) }}</span>
  120.                         {{ arrowright() }}
  121.                     </a>
  122.                 {% endif %}
  124.                 {% if entity.Translation[app.request.locale].text is defined and entity.Translation[app.request.locale].text %}
  125.                     <div class="collections__content__text block__text">
  126.                         {{ entity.Translation[app.request.locale].text|raw }}
  127.                     </div>
  128.                 {% endif %}
  130.                 {% if entity.filePath is defined and entity.filePath and openform_front_util.isMp3File(entity.filePath) %}
  131.                     <div class="block-image__image__audio">
  132.                         <div class="block-audio__player">
  133.                             <audio controls class="js-audio-player block-audio__inner">
  134.                                 <source src="{{ entity.filePath }}">
  135.                                 Your browser does not support the audio element.
  136.                             </audio>
  137.                         </div>
  138.                     </div>
  139.                 {% endif %}
  141.                 {% if entity.Translation[app.request.locale].description is defined and entity.Translation[app.request.locale].description %}
  142.                     <div class="collections__content__text block__text">
  143.                         {{ entity.Translation[app.request.locale].description|raw }}
  144.                     </div>
  145.                 {% endif %}
  147.                 {% if entity.Translation[app.request.locale].attributesText is defined and entity.Translation[app.request.locale].attributesText %}
  148.                     <div class="collections__content__text block__text">
  149.                         {{ entity.Translation[app.request.locale].attributesText|raw }}
  150.                     </div>
  151.                 {% endif %}
  152.             </div>
  153.         </div>
  154.     </div>
  156.     <div class="collections__arrows">
  157.         {% for key, Relict in entity.RelictPack.getVisibleRelicts(app.request.locale) %}
  158.             {% if entity.id == Relict.id  %}
  159.                 {% if entity.RelictPack.getVisibleRelicts(app.request.locale)[key - 1] is defined %}
  160.                     {% set prevElement = entity.RelictPack.getVisibleRelicts(app.request.locale)[key - 1] %}
  162.                     {% set href = toolkit_route_localizer.generate('relict_item', { slug : prevElement.Translation[app.request.locale].slug }, app.request.locale) %}
  164.                     <a href="{{ href }}" class="slider-nav__btn slider-nav__btn--prev">
  165.                         {{ sliderprev('PREV_Relict'|trans({}, 'openform_front', app.request.locale)) }}
  166.                     </a>
  167.                 {% endif %}
  169.                 {% if entity.RelictPack.getVisibleRelicts(app.request.locale)[key + 1] is defined %}
  170.                     {% set nextElement = entity.RelictPack.getVisibleRelicts(app.request.locale)[key + 1] %}
  172.                     {% set href = toolkit_route_localizer.generate('relict_item', { slug : nextElement.Translation[app.request.locale].slug }, app.request.locale) %}
  174.                     <a href="{{ href }}" class="slider-nav__btn slider-nav__btn--next">
  175.                         {{ slidernext('Next_Relict'|trans({}, 'openform_front', app.request.locale)) }}
  176.                     </a>
  177.                 {% endif %}
  178.             {% endif %}
  179.         {% endfor %}
  180.     </div>
  181. </div>