src/Package/Openform/Front/Templates/AntiqueSuit/_templates/_template-mobile.html.twig line 156

Open in your IDE?
  1. {% from '@openform_front_templates/_includes/_icons.html.twig' import fullscreen, zoomin, zoomout, sliderprev, slidernext, arrowright, copyrights, info, infoClose %}
  2. {% set ImageSlides = entity.ImageSlide|filterVisibles(app.request.locale) %}
  3. <section class="object-mobile js-collections">
  4.     <div class="collections-mobile__header" style="background: {{rootParent.headerBackground|default('#F1ECC5') }};">
  5.         {% if rootParent.logo[0] is defined ? rootParent.logo[0] %}
  6.             {% set imgLogo = openform_front_util.getImagePathByType(rootParent.logo[0].Thumb ?? '','logo') %}
  7.             <div class="collections-mobile__header__logotype">
  8.                 <img src="{{imgLogo}}" alt="{{rootParent.logo[0].Translation[app.request.locale].alt}}" title="{{rootParent.logo[0].Translation[app.request.locale].title}}">
  9.             </div>
  10.         {% endif %}
  11.             
  12.         <div class="collections-mobile__header__title">{{rootParent.Translation[app.request.locale].titleHtml|raw}}</div>
  14.         {# {% set href = toolkit_route_localizer.generate('relict_pack_item', { 'slug': parentPage.Translation[app.request.locale].slug}, app.request.locale) %}  #}
  15.         {% set href = toolkit_route_localizer.generate('antique_suit_item', {
  16.                     'slug': entity.AntiqueSuit.Translation[app.request.locale].slug
  17.                     }, app.request.locale) %} 
  18.                 {# <a href="{{href}}" class="object__nav__title">{{ entity.AntiqueSuit.Translation[app.request.locale].title }}</a> #}
  19.         <a class="collections-mobile__header__title" href="{{href}}">{{parentPage.Translation[app.request.locale].titleHtml|raw}}</a>
  20.     </div>
  21.     <div class="collections-mobile__arrows object-mobile__arrows" style="background: {{entity.background|default('#F8F7F0') }};">
  22.         {% for key, Antique in entity.AntiqueSuit.getVisibleAntiques(app.request.locale) %}
  23.                             {% if entity.id == Antique.id  %}
  24.                                 {% if entity.AntiqueSuit.getVisibleAntiques(app.request.locale)[key - 1] is defined %}
  25.                                     {% set prevElement = entity.AntiqueSuit.getVisibleAntiques(app.request.locale)[key - 1] %}
  26.                                     {% set href = toolkit_route_localizer.generate('antique_item',{ slug : prevElement.Translation[app.request.locale].slug }, app.request.locale) %}
  27.                                     <a href="{{href}}" class="object__nav__button-white" disabled>
  28.                                         {{ sliderprev('PREV_Relict'|trans({}, 'openform_front', app.request.locale)) }}
  29.                                     </a>
  30.                                 {% else %}
  31.                                     <div>
  32.                                         
  33.                                     </div>
  34.                                 {% endif%}
  35.                                 {% if entity.Translation[app.request.locale].titleHtml is defined and entity.Translation[app.request.locale].titleHtml %}
  36.                                     <div class="collections-mobile__arrows__title">
  37.                                         {{ entity.Translation[app.request.locale].titleHtml|raw }}
  38.                                     </div>
  39.                                 {% endif %}
  40.                                 {% if entity.AntiqueSuit.getVisibleAntiques(app.request.locale)[key + 1] is defined %}
  41.                                     {% set nextElement = entity.AntiqueSuit.getVisibleAntiques(app.request.locale)[key + 1] %}
  42.                                     {% set href = toolkit_route_localizer.generate('antique_item',{ slug : nextElement.Translation[app.request.locale].slug }, app.request.locale) %}
  43.                                     <a href="{{href}}" class="object__nav__button-white" disabled>
  44.                                         {{ slidernext('Next_Relict'|trans({}, 'openform_front', app.request.locale)) }}
  45.                                     </a>
  46.                                 {% else %}
  47.                                     <div>
  48.                                         
  49.                                     </div>
  50.                                 {% endif %}
  51.                             {% endif %}
  52.         {% endfor %}
  53.     </div>
  54.     
  55.     <div class="collections-mobile__gallery">
  56.     {% if ImageSlides|length > 1 %}
  57.         <div class="js-collection-gallery-standard" >
  58.                     <div class="splide js-collections-gallery-mobile collection-gallery" aria-label="Galeria" >
  59.                         <div class="splide__track">
  60.                             <ul class="splide__list" >
  61.                                 {% for key, image in ImageSlides %}
  62.                                         {% set img = openform_front_util.getImagePathByType(image.Thumb ?? '','original') %}
  63.                                         {# {% set img = openform_front_util.getImagePathByType(image.Thumb ?? '','medium') %} #}
  64.                                         {% set imgPagination = openform_front_util.getImagePathByType(image.Thumb ?? '','list') %}
  65.                                         <li class="splide__slide">
  66.                                             <div class="js-zoom" data-alt="{{image.Translation[app.request.locale].alt}}">
  67.                                                 <div class="collection-gallery__item" style="width: 100%; aspect-ratio: 431 / 317;">
  68.                                                     <div class="my-zoomist" data-zoomist-src="{{img}}" data-alt="{{image.Translation[app.request.locale].alt}}"></div>
  69.                                                 </div>
  70.                                                 
  71.                                                 <div class="collection-gallery__wrap">
  72.                                                     <div class="collection-gallery__buttons">
  73.                                                         {% if image.Translation[app.request.locale].text is defined and image.Translation[app.request.locale].text %}
  74.                                                             <div class="object__info-wrap">
  75.                                                                 <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>
  76.                                                                 <div class="object__info js-info-{{key}}" data-lenis-prevent>
  77.                                                                     <div class="object__info__text block__text">{{image.Translation[app.request.locale].text|raw}}</div>
  78.                                                                     <button class="object__info__close js-expanded-close" type="button">{{infoClose()}}</button>
  79.                                                                 </div>
  80.                                                             </div>
  81.                                                         {% endif %}
  82.                                                         {% if image.Translation[app.request.locale].copyrights %}
  83.                                                             <div class="object__info-wrap">
  84.                                                                 <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>
  85.                                                                 <div class="object__info js-copyright-{{key}}" data-lenis-prevent>
  86.                                                                     <div class="object__info__text block__text">{{image.Translation[app.request.locale].copyrights|raw}}</div>
  87.                                                                     <button class="object__info__close js-expanded-close" type="button">{{infoClose()}}</button>
  88.                                                                 </div>
  89.                                                             </div>
  90.                                                         {% endif %}
  91.                                                         
  92.                                                         <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 }}"
  93.                                                         data-image="{{img}}"
  94.                                                         data-description="{{image.Translation[app.request.locale].text}}"
  95.                                                         data-copyrights="{{image.Translation[app.request.locale].copyrights}}"
  96.                                                         data-start="{{key}}"
  97.                                                                         data-imagestyle="{% if image.imageBorderColor and image.imageBorderWidth %}border: {{image.imageBorderColor}} solid {{image.imageBorderWidth}}px;{% endif %}"
  98.                                                         >
  99.                                                             {{fullscreen(('T_FULLSCREEN')|trans({}, 'openform_front', app.request.locale))}}
  100.                                                         </button>
  101.                                                         <button class="collection-gallery__buttons__btn js-zoom-out">{{zoomout(('T_ZOOMOUT')|trans({}, 'openform_front', app.request.locale))}}</button>
  102.                                                         <button class="collection-gallery__buttons__btn js-zoom-in">{{zoomin(('T_ZOOMIN')|trans({}, 'openform_front', app.request.locale))}}</button>
  103.                                                     </div>
  104.                                                 </div>
  105.                                             </div>
  106.                                         </li>
  107.                                 {% endfor %}                               
  108.                             </ul>
  110.                             <div class="splide__arrows">
  111.                                 <div class="slider-nav collections-mobile__gallery__nav">
  112.                                     <button class="splide__arrow splide__arrow--prev slider-nav__btn slider-nav__btn--prev" disabled>
  113.                                         {{ sliderprev('PREV_SLIDE'|trans({}, 'openform_front', app.request.locale)) }}
  114.                                     </button>
  115.                                     <div class="slider-nav__info">
  116.                                         <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>
  117.                                     </div>
  118.                                     <button class="splide__arrow splide__arrow--next slider-nav__btn slider-nav__btn--next">
  119.                                         {{ slidernext('NEXT_SLIDE'|trans({}, 'openform_front', app.request.locale)) }}
  120.                                     </button>
  121.                                 </div>
  122.                             </div>
  123.                         </div>
  124.                     </div>
  125.                 </div> 
  126.         {% endif %}
  127.     </div>
  128.     <div class="collections-mobile__content" style="background: {{rootParent.headerBackground|default('#F8F7F0') }};">
  129.        {% if entity.AntiqueSuit and entity.AntiqueSuit.AntiqueFormDesign == constant('\\App\\Package\\Openform\\Entity\\AntiqueSuit::ANTIQUE_FORM_DESIGN_MUSEUM') %}
  130.         
  131.         <div class="object__item">
  132.             <div class="object__item__section object__item__section--first">
  133.                
  134.                 {% if entity.Artist|length > 0 %}
  135.                     <div class="object__item-wrap object__item-wrap--author">
  136.                         <h3 class="object__item-wrap__title">{{('T_ANTIQUE_AUTHOR')|trans({}, 'openform_front', app.request.locale) }}:</h3>
  137.                         <div class="object__item-wrap__text">
  138.                             {% for artist in entity.Artist %}
  139.                                 <a href="{{ toolkit_route_localizer.generate('search', {}, app.request.locale) }}?artist={{ artist.fullName }}">
  140.                                     {{artist.fullName ? artist.fullName }}
  141.                                 </a>{{entity.Artist|length > 1 ? ', '}}
  142.                             {% endfor %}
  143.                         </div>
  144.                     </div>
  145.                 {% endif %}
  146.                 {% if (entity.date or entity.dateTo or entity.age or  entity.ageTo or entity.year or entity.yearTo) %}
  147.                     <div class="object__item-wrap">
  148.                         <h3 class="object__item-wrap__title">{{('T_ANTIQUE_DATE')|trans({}, 'openform_front', app.request.locale) }}:</h3>
  149.                         <div class="object__item-wrap__text">
  150.                             {% include('@openform_front_templates/AntiqueSuit/_templates/_fields/_dates_and_ages.html.twig') with {
  151.                                 'dateFrom': entity.date, 
  152.                                 'dateTo': entity.dateTo,
  153.                                 'ageFrom': entity.age, 
  154.                                 'ageTo': entity.ageTo,
  155.                                 'yearFrom': entity.year ?? entity.shownObjectYear, 
  156.                                 'yearTo': entity.yearTo ?? entity.shownObjectAge,
  157.                             } %}
  158.                         </div>
  159.                     </div>
  160.                 {% endif %}
  161.                 {% if entity.AntiqueType|length > 0 %}
  162.                     <div class="object__item-wrap">
  163.                         <h3 class="object__item-wrap__title">{{('T_OBJECT_TYPE')|trans({}, 'openform_front', app.request.locale) ~ ': ' }}</h3>
  164.                         <div class="object__item-wrap__text">
  165.                             {% for key, item in entity.AntiqueType %}
  166.                                 <a href="{{ toolkit_route_localizer.generate('search', {}, app.request.locale) }}?antiqueType={{ item.Translation[app.request.locale].title }}">
  167.                                     {{ item.Translation[app.request.locale].title }}
  168.                                 </a>{% if not loop.last %}, {% endif %}
  169.                             {% endfor %}
  170.                         </div>
  171.                     </div>
  172.                 {% endif %}
  173.                 {% if entity.AntiqueTechnique|length > 0 %}
  174.                     <div class="object__item-wrap">
  175.                         <h3 class="object__item-wrap__title">{{('T_MATERIALS_AND_TECHNIQUES')|trans({}, 'openform_front', app.request.locale) }}:</h3>
  176.                         <div class="object__item-wrap__text">
  177.                             {% for item in entity.AntiqueTechnique %}
  178.                                 <a href="{{ toolkit_route_localizer.generate('search', {}, app.request.locale) }}?antiqueTechnique={{ item.Translation[app.request.locale].title }}">
  179.                                     {{item.Translation[app.request.locale].title ? item.Translation[app.request.locale].title}}
  180.                                 </a>{% if not loop.last %}, {% endif %}
  181.                             {% endfor %}
  182.                         </div>
  183.                     </div>
  184.                 {% endif %}
  185.                 {% if entity.Translation[app.request.locale].text %}
  186.                     <div class="object__item-wrap object__item-wrap--description object__item-wrap--description-master js-text-dropdown" data-limit="6" data-lineHeight="22">
  187.                         <h3 class="object__item-wrap__title">{{('T_ANTIQUE_DESCRIPTION')|trans({}, 'openform_front', app.request.locale) }}:</h3>
  188.                         <div class="object__item-wrap__text">
  189.                         <span class="js-text-dropdown-content">{{entity.Translation[app.request.locale].text|raw}}</span> <button class="js-text-dropdown-btn hide"><span>{{('T_TEXT_SHOW_MORE')|trans({}, 'openform_front', app.request.locale) }} ▼</span><span>{{('T_TEXT_SHOW_LESS')|trans({}, 'openform_front', app.request.locale) }} ▲</span></button>
  190.                             
  191.                         </div>
  192.                     </div>
  193.                 {% endif %}
  194.                 {% if entity.AntiqueCopyrights|length > 0 %}
  195.                     <div class="object__item-wrap">
  196.                         <h3 class="object__item-wrap__title">{{('T_ANTIQUE_COPYRIGHTS')|trans({}, 'openform_front', app.request.locale) }}:</h3>
  197.                         <div class="object__item-wrap__text object__item-wrap__copyright">
  198.                             {% for key, item in entity.AntiqueCopyrights %}
  199.                                 <a href="{{ toolkit_route_localizer.generate('search', {}, app.request.locale) }}?antiqueCopyrights={{ item.Translation[app.request.locale].title }}">
  200.                                     {{ item.Translation[app.request.locale].title }}
  201.                                 </a>{% if not loop.last %}, {% endif %}
  202.                             {% endfor %}
  203.                         </div>
  204.                     </div>
  205.                 {% endif %}
  206.                             
  207.             </div>
  208.             
  210.         </div>
  211.         {% else %}
  212.             
  213.         {# ------------------------Archive--------------------------- #}
  214.         <div class="object__item">
  215.             <div class="object__item__section object__item__section--first">
  216.                 {% if entity.Translation[app.request.locale].descPlace %}
  217.                     <div class="object__item-wrap">
  218.                         <h3 class="object__item-wrap__title">{{('T_ANTIQUE_PLACE_DESC')|trans({}, 'openform_front', app.request.locale) }}:</h3>
  219.                         <div class="object__item-wrap__text">
  220.                             {{entity.Translation[app.request.locale].descPlace}}
  221.                         </div>
  222.                     </div>
  223.                 {% endif %}
  224.                 {% if entity.AntiquePlace %}
  225.                     <div class="object__item-wrap">
  226.                         <h3 class="object__item-wrap__title">{{('T_ANTIQUE_OBJECT_PLACE')|trans({}, 'openform_front', app.request.locale) }}:</h3>
  227.                         <div class="object__item-wrap__text">
  228.                             {{entity.AntiquePlace.Translation[app.request.locale].title}}
  229.                         </div>
  230.                     </div>
  231.                 {% endif %}
  232.                 {% if entity.documentDate or entity.documentAge or entity.documentYear %}
  233.                     <div class="object__item-wrap">
  234.                         <h3 class="object__item-wrap__title">{{('T_ANTIQUE_DOCUMENT_DATE')|trans({}, 'openform_front', app.request.locale) }}:</h3>
  235.                         <div class="object__item-wrap__text">
  236.                             {% include('@openform_front_templates/AntiqueSuit/_templates/_fields/_date_and_age_search.html.twig') with {
  237.                                 'date': entity.documentDate,
  238.                                 'age': entity.documentAge,
  239.                                 'year': entity.documentYear,
  240.                             } %}
  241.                         </div>
  242.                     </div>
  243.                 {% endif %}
  244.                 {% if entity.Artist|length > 0 %}
  245.                     <div class="object__item-wrap">
  246.                         <h3 class="object__item-wrap__title">{{('T_ANTIQUE_AUTHOR_OF_THE_PHOTOGRAPH_OR_DOCUMENT')|trans({}, 'openform_front', app.request.locale) }}:</h3>
  247.                         <div class="object__item-wrap__text">
  248.                             {% for artist in entity.Artist %}
  249.                                 <a href="{{ toolkit_route_localizer.generate('search', {}, app.request.locale) }}?artist={{ artist.fullName }}">
  250.                                     {{artist.fullName ? artist.fullName }} {{ artist.authorNickName ? '"' ~ artist.authorNickName ~ '"'}}
  251.                                 </a>{{entity.Artist|length > 1 ? ', '}}
  252.                             {% endfor %}
  253.                         </div>
  254.                     </div>
  255.                 {% endif %}
  256.                 {% if entity.AntiqueType|length > 0 %}
  257.                     <div class="object__item-wrap">
  258.                         <h3 class="object__item-wrap__title">{{('T_OBJECT_TYPE')|trans({}, 'openform_front', app.request.locale) ~ ': ' }}</h3>
  259.                         <div class="object__item-wrap__text">
  260.                             {% for key, item in entity.AntiqueType %}
  261.                                 <a href="{{ toolkit_route_localizer.generate('search', {}, app.request.locale) }}?antiqueType={{ item.Translation[app.request.locale].title }}">
  262.                                     {{ item.Translation[app.request.locale].title }}
  263.                                 </a>{% if not loop.last %}, {% endif %}
  264.                             {% endfor %}
  265.                         </div>
  266.                     </div>
  267.                 {% endif %}
  268.                 {% if entity.AntiqueTechnique|length > 0 %}
  269.                     <div class="object__item-wrap">
  270.                         <h3 class="object__item-wrap__title">{{('T_MATERIALS_AND_TECHNIQUES')|trans({}, 'openform_front', app.request.locale) }}:</h3>
  271.                         <div class="object__item-wrap__text">
  272.                             {% for item in entity.AntiqueTechnique %}
  273.                                 <a href="{{ toolkit_route_localizer.generate('search', {}, app.request.locale) }}?antiqueTechnique={{ item.Translation[app.request.locale].title }}">
  274.                                     {{item.Translation[app.request.locale].title ? item.Translation[app.request.locale].title}}
  275.                                 </a>{% if not loop.last %}, {% endif %}
  276.                             {% endfor %}
  277.                         </div>
  278.                     </div>
  279.                 {% endif %}
  280.                 {% if entity.Translation[app.request.locale].text %}
  281.                     <div class="object__item-wrap object__item-wrap--description object__item-wrap--description-master js-text-dropdown" data-limit="6" data-lineHeight="22">
  282.                         <h3 class="object__item-wrap__title">{{('T_ANTIQUE_DESCRIPTION')|trans({}, 'openform_front', app.request.locale) }}:</h3>
  283.                         <div class="object__item-wrap__text">
  284.                         <span class="js-text-dropdown-content">{{entity.Translation[app.request.locale].text|raw}}</span> <button class="js-text-dropdown-btn hide"><span>{{('T_TEXT_SHOW_MORE')|trans({}, 'openform_front', app.request.locale) }} ▼</span><span>{{('T_TEXT_SHOW_LESS')|trans({}, 'openform_front', app.request.locale) }} ▲</span></button>
  285.                             
  286.                         </div>
  287.                     </div>
  288.                 {% endif %}
  289.                 {% if entity.AntiqueCopyrights|length > 0 %}
  290.                     <div class="object__item-wrap">
  291.                         <h3 class="object__item-wrap__title">{{('T_ANTIQUE_COPYRIGHTS')|trans({}, 'openform_front', app.request.locale) }}:</h3>
  292.                         <div class="object__item-wrap__text object__item-wrap__copyright">
  293.                             {% for key, item in entity.AntiqueCopyrights %}
  294.                                 <a href="{{ toolkit_route_localizer.generate('search', {}, app.request.locale) }}?antiqueCopyrights={{ item.Translation[app.request.locale].title }}">
  295.                                     {{ item.Translation[app.request.locale].title }}
  296.                                 </a>{% if not loop.last %}, {% endif %}
  297.                             {% endfor %}
  298.                         </div>
  299.                     </div>
  300.                 {% endif %}
  301.                             
  302.             </div>
  303.             
  305.         </div>
  306.         {% endif %}
  307.         {% include '@openform_front_templates/AntiqueSuit/_templates/_sections/_all-sections.html.twig' with {design: "single"} %}
  308.     </div>
  309.     {% include "@openform_front_templates/_blocks_sections/block.html.twig" with { sections: openform_front_util.getSections(entity) } %}
  310. </section>