src/Package/Openform/Front/Templates/RelictPack/_templates/template-mobile.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, info %}
  2. {% set ImageSlides = entity.ImageSlide|filterVisibles(app.request.locale) %}
  3. <section class="collections-mobile js-collections">
  4.     <div class="collections-mobile__header" style="background: {{rootParent.headerBackground|default('#F8F7F0') }};">
  5.         {% if rootParent.isExhibition is defined %}
  6.             {% set href = toolkit_route_localizer.generate('exhibition_item', { 'slug': rootParent.Translation[app.request.locale].slug}, app.request.locale) %}    
  7.         {% endif %}
  9.         {% if href is defined %}
  10.             <a class="collections-mobile__header__title" href="{{href}}">{{rootParent.Translation[app.request.locale].titleHtml|raw}}</a>
  11.         {% endif %}
  12.         {% set href = toolkit_route_localizer.generate('relict_pack_item', { 'slug': parentPage.Translation[app.request.locale].slug}, app.request.locale) %} 
  13.                     
  14.         <a class="collections-mobile__header__title" href="{{href}}">{{parentPage.Translation[app.request.locale].titleHtml|raw}}</a>
  15.     </div>
  16.     <div class="collections-mobile__arrows" style="background: {{entity.background|default('#F1ECC5') }};">
  17.         {% for key, Relict in entity.RelictPack.getVisibleRelicts(app.request.locale) %}
  18.                     {% if entity.id == Relict.id  %}
  19.                         {% if entity.RelictPack.getVisibleRelicts(app.request.locale)[key - 1] is defined %}
  20.                             {% set prevElement = entity.RelictPack.getVisibleRelicts(app.request.locale)[key - 1] %}
  21.                             {% set href = toolkit_route_localizer.generate('relict_item',{ slug : prevElement.Translation[app.request.locale].slug }, app.request.locale) %}
  22.                             <a href="{{href}}" class="slider-nav__btn slider-nav__btn--prev">
  23.                                 {{ sliderprev('PREV_Relict'|trans({}, 'openform_front', app.request.locale)) }}
  24.                             </a>
  25.                         {% else %}
  26.                                     <div>
  27.                                         
  28.                                     </div>
  29.                         {% endif%}
  30.                         {% if entity.Translation[app.request.locale].titleHtml is defined and entity.Translation[app.request.locale].titleHtml %}
  31.                             <div class="collections-mobile__arrows__title">
  32.                                 {{ entity.Translation[app.request.locale].titleHtml|raw }}
  33.                             </div>
  34.                         {% endif %}
  35.                         {% if entity.RelictPack.getVisibleRelicts(app.request.locale)[key + 1] is defined %}
  36.                             {% set nextElement = entity.RelictPack.getVisibleRelicts(app.request.locale)[key + 1] %}
  37.                             {% set href = toolkit_route_localizer.generate('relict_item',{ slug : nextElement.Translation[app.request.locale].slug }, app.request.locale) %}
  38.                             <a href="{{href}}" class="slider-nav__btn slider-nav__btn--next">
  39.                                 {{ slidernext('Next_Relict'|trans({}, 'openform_front', app.request.locale)) }}
  40.                             </a>
  41.                         {% else %}
  42.                                     <div>
  43.                                         
  44.                                     </div>
  45.                         {% endif%}
  46.                     {% endif %}
  47.         {% endfor %}
  48.     </div>
  49.     <div class="collections-mobile__gallery" style="background:{{entity.imageBackgroundColor|default('#FFFFFF') }};">
  50.     {% if ImageSlides|length > 0 %}
  51.         <div class="js-collection-gallery-standard" >
  52.                     <div class="splide js-collections-gallery-mobile collection-gallery" aria-label="Galeria" >
  53.                         <div class="splide__track">
  54.                             <ul class="splide__list" >
  55.                                 {% for key, image in ImageSlides %}
  56.                                         {% set img = openform_front_util.getImagePathByType(image.Thumb ?? '','original') %}
  57.                                         {# {% set img = openform_front_util.getImagePathByType(image.Thumb ?? '','template8') %} #}
  58.                                         {% set imgPagination = openform_front_util.getImagePathByType(image.Thumb ?? '','list') %}
  59.                                         <li class="splide__slide" >
  60.                                             <div class="js-zoom" data-alt="{{image.Translation[app.request.locale].alt}}">
  61.                                                 <div class="collection-gallery__item" style="width: 100%; aspect-ratio: 431 / 317;">
  62.                                                     <div class="my-zoomist" data-zoomist-src="{{img}}" data-alt="{{image.Translation[app.request.locale].alt}}"></div>
  63.                                                 </div>
  64.                                                 
  65.                                                 <div class="collection-gallery__wrap">
  66.                                                     <div class="collection-gallery__buttons">
  67.                                                         {% if image.Translation[app.request.locale].text is defined and image.Translation[app.request.locale].text %}
  68.                                                             <div class="object__info-wrap">
  69.                                                                 <button class="collection-gallery__buttons__btn" tabindex="0" aria-expanded="false" data-expanded="js-desc-{{key}}" data-efecthover=".js-desc-{{key}}">{{info(('T_DESC')|trans({}, 'openform_front', app.request.locale))}}</button>
  70.                                                                 <div class="object__info object__info--desc block__text js-desc-{{key}}" data-lenis-prevent>{{image.Translation[app.request.locale].text|raw}}</div>
  71.                                                             </div>
  72.                                                         {% endif %}
  73.                                                         {% if image.Translation[app.request.locale].copyrights is defined and image.Translation[app.request.locale].copyrights %}
  74.                                                             <div class="object__info-wrap">
  75.                                                                 <button class="collection-gallery__buttons__btn" tabindex="0" aria-expanded="false" data-expanded="js-info-{{key}}" data-efecthover=".js-info-{{key}}">{{copyrights(('T_INFO')|trans({}, 'openform_front', app.request.locale))}}</button>
  76.                                                                 <div class="object__info block__text js-info-{{key}}">{{image.Translation[app.request.locale].copyrights}}</div>
  77.                                                             </div>
  78.                                                         {% endif %}
  79.                                                         <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 }}"
  80.                                                         data-image="{{img}}"
  81.                                                         data-description="{{image.Translation[app.request.locale].text}}"
  82.                                                         data-copyrights="{{image.Translation[app.request.locale].copyrights}}"
  83.                                                         data-start="{{key}}"
  84.                                                                         data-imagestyle="{% if image.imageBorderColor and image.imageBorderWidth %}border: {{image.imageBorderColor}} solid {{image.imageBorderWidth}}px;{% endif %}"
  85.                                                         >
  86.                                                             {{fullscreen(('T_FULLSCREEN')|trans({}, 'openform_front', app.request.locale))}}
  87.                                                         </button>
  88.                                                         <button class="collection-gallery__buttons__btn js-zoom-out">{{zoomout(('T_ZOOMOUT')|trans({}, 'openform_front', app.request.locale))}}</button>
  89.                                                         <button class="collection-gallery__buttons__btn js-zoom-in">{{zoomin(('T_ZOOMIN')|trans({}, 'openform_front', app.request.locale))}}</button>
  90.                                                     </div>
  91.                                                 </div>
  92.                                             </div>
  93.                                         </li>
  94.                                 {% endfor %}                               
  95.                             </ul>
  97.                             <div class="splide__arrows js-slider-nav">
  98.                                 <div class="slider-nav collections-mobile__gallery__nav">
  99.                                     <button class="splide__arrow splide__arrow--prev slider-nav__btn slider-nav__btn--prev" disabled>
  100.                                         {{ sliderprev('PREV_SLIDE'|trans({}, 'openform_front', app.request.locale)) }}
  101.                                     </button>
  102.                                     <div class="slider-nav__info">
  103.                                         <span class="slider-nav__info__current js-slider-nav-current" aria-label="{{ 'CURRENT_PAGE'|trans({}, 'openform_front', app.request.locale) }}"></span><span class="slider-nav__info__all">/</span><span aria-label="{{ 'ALL_PAGE'|trans({}, 'openform_front', app.request.locale) }}" class="js-slider-nav-all slider-nav__info__all"></span>
  104.                                     </div>
  105.                                     <button class="splide__arrow splide__arrow--next slider-nav__btn slider-nav__btn--next">
  106.                                         {{ slidernext('NEXT_SLIDE'|trans({}, 'openform_front', app.request.locale)) }}
  107.                                     </button>
  108.                                 </div>
  109.                             </div>
  110.                         </div>
  111.                     </div>
  112.                 </div> 
  113.         {% endif %}
  114.     </div>
  115.     <div class="collections-mobile__content" style="background: {{rootParent.headerBackground|default('#F1ECC5') }};">
  116.         {% if entity.link is defined and entity.link %}
  117.             <a href="{{entity.link}}" class="block-text__btns__btn button-read-more button-read-more--black">
  118.                 <span>{{('T_RELICT_LINK')|trans({}, 'openform_front', app.request.locale)}}</span>
  119.                 {{arrowright()}}
  120.             </a>
  121.         {% endif %}
  122.         
  123.         {% if entity.Translation[app.request.locale].text is defined and entity.Translation[app.request.locale].text %}
  124.             <div class="collections__content__text block__text">
  125.                 {{ entity.Translation[app.request.locale].text|raw }}
  126.             </div>
  127.         {% endif %}
  128.         {% if entity.Translation[app.request.locale].description is defined and entity.Translation[app.request.locale].description %}
  129.             <div class="collections__content__text block__text">
  130.                 {{ entity.Translation[app.request.locale].description|raw }}
  131.             </div>
  132.         {% endif %}
  133.         {% if entity.filePath is defined and entity.filePath and openform_front_util.isMp3File(entity.filePath) %}
  134.             <div class="block-image__image__audio">
  135.                 <div class="block-audio__player">
  136.                     <audio controls class="js-audio-player block-audio__inner">
  137.                         <source src="{{ entity.filePath }}">
  138.                         Your browser does not support the audio element.
  139.                      </audio>
  140.                 </div>
  141.             </div>
  142.         {% endif %}
  143.         {% if entity.Translation[app.request.locale].attributesText is defined and entity.Translation[app.request.locale].attributesText %}
  144.             <div class="collections__content__text block__text">
  145.                 {{ entity.Translation[app.request.locale].attributesText|raw }}
  146.             </div>
  147.         {% endif %}
  148.         
  149.     </div>
  150. </section>