templates/_parts/plannings/_plannings-list.html.twig line 1

Open in your IDE?
  1. <div class="plannings-list {{ viewType }}">
  2.     {# значения viewType смотри в _plannings.html.twig #}
  3.     {% if settings.realtyViewType == 10 %}
  4.         {% set size = 'plannings_layout_card' %}
  5.     {% else %}
  6.         {% set size = 'plannings_layout_list' %}
  7.     {% endif %}
  9.     <div class="plannings-list__top-wrap">
  10.         <div class="plannings-list__sort-text-wrap text__body text__grey03">
  11.             Сортировать:
  12.             <div class="plannings-list__sort-wrap">
  13.                 <div
  14.                         data-filter-fieldset="sort"
  15.                         data-filter-fieldset-type="{{ realtyFilter.getFieldSet("sort").type }}"
  16.                         data-filter-key="{{ realtyFilter.key }}">
  17.                 </div>
  18.             </div>
  19.         </div>
  21.         <div class="plannings-list__flats-found text__body text__main01" data-filter-key="{{ realtyFilter.key }}"
  22.              data-filter-result="TOTAL">
  23.             {{ realtyPager.getTotalItemCount() }}
  25.             планировок найдено
  26.         </div>
  28.     </div>
  30.     <div class="plannings-list__list-wrapper" id="flats" data-filter-key="{{ realtyFilter.key }}"
  31.          data-filter-result="CONTENT">
  32.         <ul
  33.                 class="plannings-list__list {% if settings.realtyViewType == 10 %} grid-block {% endif %}"
  34.                 data-pagination-data="{{ realtyPager.paginatorOptions.pageParameterName }}"
  35.         >
  36.             {% for layout in realtyPager.items %}
  37.                 <li class="plannings-list__item">
  38.                     <a href="{{ path('realty:layout_modal', {'id': layout.id}) }}"
  39.                        class="plannings-list__item-link"
  40.                        data-modal
  41.                        data-modal-theme="_layout-modal"
  42.                        data-goal-yandex-click="{{ settings().clickLayoutFormGoal }}"
  43.                        data-goal-vk-click="{{ settings().clickLayoutFormGoal }}"
  44.                     >
  45.                         <span class="plannings-list__item-top-wrap">
  46.                             <span class="plannings-list__image-wrap">
  47.                                 {% if layout is has_image('imageName') %}
  48.                                     {% include '_parts/image/adaptive-image.html.twig' with {
  49.                                         object: layout,
  50.                                         field: 'imageFile',
  51.                                         size: size,
  52.                                         alt: layout.fullName,
  53.                                         class: 'plannings-list__image',
  54.                                         classPicture: 'plannings-list__picture',
  55.                                     } %}
  56.                                 {% endif %}
  57.                             </span>
  59.                             <span class="plannings-list__layout-about-wrap">
  60.                                 <span class="plannings-list__layout-name h6 text__black-text">
  61.                                     {{ layout.name }}
  62.                                 </span>
  64.                                 <span class="plannings-list__layout-info-wrap">
  65.                                     <span class="plannings-list__info plannings-list__info_area">
  66.                                         <span class="plannings-list__info-name text__small text__grey03">
  67.                                             Площадь
  68.                                         </span>
  70.                                         <span class="plannings-list__info-value text__small text__black-text">
  71.                                             {{ layout.areaTotal }}
  72.                                         </span>
  73.                                     </span>
  75.                                     <span class="plannings-list__info">
  76.                                         <span class="plannings-list__info-name text__small text__grey03">
  77.                                             Этаж
  78.                                         </span>
  80.                                         <span class="plannings-list__info-value text__small text__black-text">
  81.                                             {{ layout.floorsVerbose }}
  82.                                         </span>
  83.                                     </span>
  85.                                     <span class="plannings-list__info">
  86.                                         <span class="plannings-list__info-name text__small text__grey03">
  87.                                             Отделка
  88.                                         </span>
  90.                                         {% set renovation = layout.renovationsVerbose %}
  91.                                         {% if renovation == 'без отделки' or layout.renovationsVerbose == 'Без отделки' %}
  92.                                             {% set renovation = "Под отделку" %}
  93.                                         {% endif %}
  95.                                         <span class="plannings-list__info-value text__small text__black-text">
  96.                                             {{ renovation }}
  97.                                         </span>
  99.                                     </span>
  100.                                 </span>
  101.                             </span>
  102.                         </span>
  104.                         <span class="plannings-list__layout-price-wrap">
  105.                             <span class="plannings-list__layout-price h5 text__black-text">
  106.                                 от {{ layout.price|price }}
  107.                             </span>
  109.                             <span class="plannings-list__layout-price-info text__small text__grey03">
  110.                                 или от {{ (layout.price/layout.areaTotal)|price }} за м²
  111.                             </span>
  112.                         </span>
  114.                         <a href="{{ path('global-fav:toggle', {id: layout.id}) }}"
  115.                            title="Избранное"
  116.                            class="plannings-list__favorites"
  117.                            data-global-fav-link
  118.                            data-fav-goal="{{ settings().favGoal }}"
  119.                            data-in-fav="{{ in_global_fav(layout) }}"
  120.                            data-loading="false"
  121.                         >
  122.                             {% include '_parts/icons/heart.svg' %}
  123.                         </a>
  125.                         {% set actionLinkColorsAsVars = layout.iconBg ? get_layout_action_color_as_vars(layout.iconBg) : [] %}
  127.                         <span class="plannings-list__actions-wrap" style="{% for key, color in actionLinkColorsAsVars %}{{ key }}:{{ color }};{% endfor %}">
  128.                             {% include '_parts/sber-action-link.html.twig' with {
  129.                                 class: 'plannings-list__sber-action-link sber-action-link_index'
  130.                             } %}
  132.                             {% include '_parts/sber-action-link.html.twig' with {
  133.                                 class: 'plannings-list__sber-action-link sber-action-link_index sber-action-link_layout',
  134.                                 actionLinkSettings: layout,
  135.                                 actionName: layout.actionName
  136.                             } %}
  137.                         </span>
  138.                     </a>
  139.                 </li>
  140.             {% endfor %}
  141.         </ul>
  143.         <div class="plannings-list__next-wrap">
  144.             {{ knp_pagination_render(realtyPager, '_parts/pagination-endless.html.twig') }}
  145.         </div>
  146.     </div>
  147. </div>