templates/_parts/realty/_layout-tabs-block.html.twig line 1

Open in your IDE?
  1. {% set class = class|default('') %}
  2. {% set imageObject = imageObject|default(null) %}
  3. {% set tabs = tabs|default([]) %}
  4. {% set floorGroupPlace = floorGroupPlace|default(null) %}
  6. <div class="layout-tabs-block {{ class }}">
  8.     <div class="layout-tabs-block__tabs tabs tabs__minor">
  9.         <ul class="layout-tabs-block__tabs-list smart-tabs tabs__list" data-smart-tabs>
  10.             {% for tab in tabs %}
  11.                 {% if tab['key'] == 'flat' %}
  12.                     {% if imageObject is has_image(tab.imageFieldName) %}
  13.                         <li class="layout-tabs-block__tab smart-tab tabs__item {% if loop.first %}_active{% endif %}">
  14.                             <a href="#layout-modal-tab-{{ loop.index }}"
  15.                                class="layout-tabs-block__link tabs__link"
  16.                                data-tab-link
  17.                             >
  18.                                 <span class="layout-tabs-block__link-title tabs__text text__small">
  19.                                     {{ tab.name }}
  20.                                 </span>
  21.                             </a>
  22.                         </li>
  23.                     {% endif %}
  24.                 {% endif %}
  25.             {% endfor %}
  27.             {% if floorGroupPlace %}
  28.                 <li class="layout-tabs-block__tab smart-tab tabs__item {% if not tabs|length %}_active{% endif %}">
  29.                     <a href="#layout-modal-tab-plan"
  30.                        class="layout-tabs-block__link tabs__link"
  31.                        data-tab-link
  32.                     >
  33.                         <span class="layout-tabs-block__link-title tabs__text text__small">
  34.                             План этажа
  35.                         </span>
  36.                     </a>
  37.                 </li>
  38.             {% endif %}
  40.             {% for tab in tabs %}
  41.                 {% if tab['key'] == 'furniture' %}
  42.                     {% if imageObject is has_image(tab.imageFieldName) %}
  43.                         <li class="layout-tabs-block__tab smart-tab tabs__item
  44.                                    {% if loop.first and not floorGroupPlace %}_active{% endif %}"
  45.                         >
  46.                             <a href="#layout-modal-tab-{{ loop.index }}"
  47.                                class="layout-tabs-block__link tabs__link"
  48.                                data-tab-link
  49.                             >
  50.                                 <span class="layout-tabs-block__link-title tabs__text text__small">
  51.                                     {{ tab.name }}
  52.                                 </span>
  53.                             </a>
  54.                         </li>
  55.                     {% endif %}
  56.                 {% endif %}
  57.             {% endfor %}
  58.         </ul>
  59.     </div>
  61.     <div class="layout-tabs-block__contents">
  62.         {% for tab in tabs %}
  63.             {% if tab['key'] == 'flat' %}
  64.                 <div id="layout-modal-tab-{{ loop.index }}"
  65.                     class="layout-tabs-block__content smart-content {% if loop.first %}_active{% endif %}"
  66.                     data-smart-content
  67.                 >
  68.                     {% if imageObject is has_image(tab.imageFieldName) %}
  69.                         {% include '_parts/image/adaptive-image.html.twig' with {
  70.                             object: imageObject,
  71.                             field: tab.imageFieldFile,
  72.                             size: 'layout_modal_image',
  73.                             alt: tab.name,
  74.                             class: 'layout-tabs-block__image',
  75.                             classPicture: 'layout-tabs-block__picture',
  76.                         } %}
  77.                     {% endif %}
  78.                 </div>
  79.             {% endif %}
  80.         {% endfor %}
  82.         {% if floorGroupPlace %}
  83.             <div id="layout-modal-tab-plan"
  84.                  class="layout-tabs-block__content smart-content {% if not tabs|length %}_active{% endif %}"
  85.                  data-smart-content
  86.             >
  87.                 {% include '_parts/genplan/_on-plan-genplan.html.twig' with {
  88.                     class: 'layout-tabs-block__genplan',
  89.                     floorGroupPlace: floorGroupPlace,
  90.                     disableOnReady: true
  91.                 } %}
  92.             </div>
  93.         {% endif %}
  95.         {% for tab in tabs %}
  96.             {% if tab['key'] == 'furniture' %}
  97.                 <div id="layout-modal-tab-{{ loop.index }}"
  98.                      class="layout-tabs-block__content smart-content
  99.                             {% if loop.first and not floorGroupPlace %}_active{% endif %}"
  100.                      data-smart-content
  101.                 >
  102.                     {% if imageObject is has_image(tab.imageFieldName) %}
  103.                         {% include '_parts/image/adaptive-image.html.twig' with {
  104.                             object: imageObject,
  105.                             field: tab.imageFieldFile,
  106.                             size: 'layout_modal_image',
  107.                             alt: tab.name,
  108.                             class: 'layout-tabs-block__image',
  109.                             classPicture: 'layout-tabs-block__picture',
  110.                         } %}
  111.                     {% endif %}
  112.                 </div>
  113.             {% endif %}
  114.         {% endfor %}
  115.     </div>
  117. </div>