src/WebBundle/Resources/views/Publication/exh-content.html.twig line 1

Open in your IDE?
  1. {# пришлось отдельно подключать стили для выставки, чтобы переопределить стили для publication-single #}
  2. {% block stylesheets %}
  3.     <link rel="stylesheet" href="{{ asset('_css/exhibition.min.css') }}" />
  4. {% endblock %}
  6. <div class="exhibition" data-empty-msg-block>
  7.     {% for brand in exh.exhBrands %}
  9.         <article
  10.                 id="{{ loop.index }}-container"
  11.                 class="exh-one-brand-content js-brand-content"
  12.                 data-index="{{ loop.index - 1 }}"
  13.                 data-brand-id="{{ brand.id }}"
  14.         >
  15.             <header class="exh-header">
  16.                 {#<span class="pull-right" role="show-all-filters">Показать еще фильтры</span>#}
  17.                 <h2 class="exh-brand-title">
  18.                     {% if not brand.isFood %}
  19.                         {{ 'buyOrder.th.factory'|trans }}:
  20.                     {% endif %}
  21.                     {% if brand.url %}
  22.                         <a target="_blank" href="{{ brand.url | raw }}">{{ brand.fullName | raw }}</a>
  23.                     {% else %}
  24.                         {{ brand.fullName | raw }}
  25.                     {% endif %}
  26.                 </h2>
  27.             </header>
  29.             <div class="exh-brand-text">
  30.                 {% if brand.text %}
  31.                     <p class="exh-brand-text"> {{ brand.text | raw }} </p>
  32.                 {% endif %}
  33.             </div>
  35.             <div class="exh-brand-collections" data-id="{{ brand.id }}">
  37.                 {% for coll in brand.collections %}
  38.                     <div
  39.                         class="one-collection js-one-collection"
  40.                         data-id="{{ coll.id }}"
  41.                         data-of-trans={{ 'collection_by' | trans }}
  42.                         data-coll-name="{{ coll.name | raw }}"
  43.                         data-coll-url="{{ coll.url ? coll.url | raw : '' }}"
  44.                         data-brand-name="{{ brand.fullName | raw }}"
  45.                         data-brand-url="{{ brand.url ? brand.url | raw : '' }}"
  46.                         data-country-id={{ brand.country.id }}
  47.                     >
  48.                         <aside>
  49.                             <h3>
  50.                                 {% if not brand.isFood %}
  51.                                     {{ 'collection_name' | trans | capitalize }}:
  52.                                 {% endif %}
  53.                                 {% if coll.url %}
  54.                                     <a target="_blank" href="{{ coll.url | raw }}">{{ coll.name | raw }}</a>
  55.                                 {% else %}
  56.                                     {{ coll.name | raw }}
  57.                                 {% endif %}
  58.                             </h3>
  59.                             {% if coll.filters %}
  60.                                 <p class="exh-coll-filters">
  61.                                     {#{{ 'collection_marks' | trans }}:#}
  62.                                     {% for filter in coll.filters %}
  63.                                         {# @var filter \FlexApp\DTO\Blog\ExhFilterData #}
  64.                                         {{ filter.nameFull | lower }}{{ loop.last ? '' : ', ' }}
  65.                                     {% endfor %}
  67.                                 </p>
  68.                             {% endif %}
  69.                             {% if coll.formatsFullStr %}
  70.                                 <p class="exh-coll-text">
  71.                                     {{ 'making_size' | trans }}
  72.                                     : {{ coll.formatsFullStr | raw }} {{ measureGb() ? '″' : 'left_menu_cm' | trans }}
  73.                                 </p>
  74.                             {% endif %}
  75.                             {% if coll.text %}
  76.                                 <p class="exh-coll-text"> {{ coll.text | raw }} </p>
  77.                             {% endif %}
  78.                         </aside>
  79.                         {# @var coll \FlexApp\DTO\Blog\ExhCollectionData #}
  80.                         <div id="interiors_brand_{{ coll.id }}"
  81.                              class="collection-interiors js-collection-interiors-body"
  82.                              data-id="{{ coll.id }}"
  83.                              data-id-selector="#interiors_brand_{{ coll.id }}"
  84.                         >
  86.                             {% for line in coll.lines %}
  87.                                 {# @var line \FlexApp\DTO\Blog\ExhLineData #}
  88.                                 {# <div class="collage" style=""> #}
  89.                                 {# {% set first = loop.first ? true : false %} #}
  90.                                 {% set isNum = line.images|length > 1 ? true : false %}
  91.                                 {% for key, image in line.images %}
  92.                                     {# @var image \FlexApp\DTO\Blog\ExhImageData #}
  93.                                     <div class="box-slide-element js-box-slide-element">
  94.                                         <img
  95.                                             class="img"
  96.                                             loading="lazy"
  97.                                             src={{ image.getSrcPreview() }}
  98.                                             data-origin-src="{{ image.getSrc() }}"
  99.                                             data-fids="{{ image.filterIDs | json_encode(constant('JSON_FORCE_OBJECT')) }}"
  100.                                             data-id-img="{{ image.id }}"
  101.                                             alt="{% if isNum %}IMG#{{ key + 1}} {% endif %}{{ image.alt | raw }}"
  102.                                             data-height="{{ image.height }}"
  103.                                             data-width="{{ image.width }}"
  104.                                             {# data-src-lg-crop=    "{{ image.srcLg  }}"
  105.                                             data-src-md-crop=    "{{ image.srcMd  }}"
  106.                                             data-src-sm-crop=    "{{ image.srcSm }}"
  107.                                             data-src-xs-crop=    "{{ image.srcXs }}"
  108.                                             data-src-900-crop=    "{{ image.srcX900 }}"
  109.                                             data-src-1080-crop=    "{{ image.srcX1080 }}"
  110.                                             data-src-1920-crop=    "{{ image.srcX1920 }}" #}
  111.                                         >
  112.                                     </div>
  114.                                 {% endfor %}
  115.                             {% endfor %}
  117.                         </div>
  118.                     </div>
  119.                 {% endfor %}
  120.             </div>
  121.         </article>
  122.     {% endfor %}
  123. </div>
  125. {# кнопка скрыта, она копируется в блок с описанием блога для его разворачивания #}
  126. <span
  127.     class="hidden read-more js-read-more"
  128.     data-less="{{ 'catalog_more_up' | trans }}"
  129.     data-more="{{ 'catalog_more_down' | trans }}"
  130. >
  131.     {{ 'catalog_more_down' | trans }}
  132. </span>
  134. {# данный блок появляется, если результат поиска нулевой #}
  135. <div class="no-project-msg" style="display: none;" data-empty-msg>
  136.     {{ 'catalog_msg.no_results' | trans }}
  137. </div>