src/WebBundle/Resources/views/Publication/exh_filters.html.twig line 1

Open in your IDE?
  1. <div class="js-wrap-filters">
  2.     {# пришлось добавить этот контейнер, чтобы при фиксировании фильтров в топе страницы не прыгал контент страницы #}
  3.     <section class="exhibition-filters js-exhibition-filters">
  4.         <div id="filters_list" class="filters-list">
  5.             <div class="sbm-filt">
  6.                 <a
  7.                     href="javascript:void(0);"
  8.                     class="header show-res active"
  9.                     role="show-result-mobile"
  10.                 >
  11.                     {{ 'left_menu_show' | trans }}
  12.                 </a>
  13.                 <div class="box">
  14.                     <span class="filt-count js-filt-count-exhib">
  15.                         {{ 'left_menu_criteria' | trans }}: <span data-filt-count="0">0</span>
  16.                     </span>
  17.                 </div>
  18.             </div>
  19.             <div id="brand_drop_list" class="dropdown fabric short-list-filter js-short-list-filter">
  20.                 <div class="gi-select" data-loading="true">
  21.                     <select
  22.                         name="factory"
  23.                         data-factory="factory"
  24.                         class="hidden js-select-brand "
  25.                         data-label="{{ 'left_menu_factories' | trans }}"
  26.                         autocomplete="off"
  27.                     >
  28.                         <option value="0">{{ 'left_menu_factories' | trans }}</option>
  30.                         {% for brand in exh.exhBrands %}
  31.                             <option
  32.                                 value="{{ brand.id }}"
  33.                                 data-brand-filter="1"
  34.                                 data-flag-id={{ brand.country.id }}
  35.                                 data-country-name="{{ brand.country.name | raw }}"
  36.                             >
  37.                                 {{ brand.name | raw }}
  38.                             </option>
  39.                         {% endfor %}
  41.                     </select>
  42.                     <span class="count factory-count" data-total="">(20)</span> {# это значение меняется скриптом #}
  43.                     <div class="arrow"></div>
  44.                     <input
  45.                         type="hidden" name="factory"
  46.                         data-label="{{ 'left_menu_factories' | trans }}" data-filter="factory"
  47.                         value="{{ 'left_menu_factories' | trans }}" data-tmp-name=""
  48.                     >
  49.                     <input
  50.                         type="text" placeholder="{{ 'left_menu_factories' | trans }}"
  51.                         value="{{ 'left_menu_factories' | trans }}"
  52.                     />
  53.                     <span class="gi-checkbox"></span>
  54.                     <ul class="unstyled-list"></ul>
  55.                 </div>
  56.             </div>
  58.             {% for gr in exh.listFiltersByGroup %}
  59.                 {% set forId = loop.index + 1 %}
  60.                 {% if gr.name == 'other' %}
  61.                     <div class="dropdown short-list-filter slim-porceline ">
  62.                         <button class="dropdown-toggle" type="button" style="pointer-events: none;">
  63.                             <span class="check-txt">{{ 'left_menu_porcelain' | trans }}:</span>
  64.                         </button>
  65.                     </div>
  67.                     {% for filter in gr.filters %}
  68.                         <div class="dropdown short-list-filter js-short-list-filter other">
  69.                             <div class="dropdown-list-item">
  70.                                 <label
  71.                                     data-filter-id="{{ filter.id }}"
  72.                                     data-filt-name="{{ filter.nameMany | raw }}"
  73.                                     class="js-left-checkbox left-checkbox inline"
  74.                                 >
  75.                                     <span class="name"> {{ filter.namePorcelain | raw }} </span>
  76.                                     <span class="option-count"></span>
  77.                                     <i class="is-check"></i>
  78.                                     <i class="no-check"></i>
  79.                                 </label>
  80.                             </div>
  81.                         </div>
  82.                     {% endfor %}
  83.                 {% else %}
  84.                     <div class="dropdown short-list-filter js-short-list-filter">
  85.                         <button class="dropdown-toggle" type="button" id="dropdownBtn-{{ forId }}"
  86.                                 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  87.                             <span data-gr-name="{{ gr.name }}"
  88.                                     class="help-tooltip check-txt{# checked#}"{# data-filter-alias="{{ filter_alias}}"#}>{{ gr.name }}</span>
  89.                             <i class="caret"></i>
  90.                         </button>
  91.                         <div class="dropdown-menu{# js-list-option#}" aria-labelledby="dropdownBtn-1"{# data-get-filters="{{ filter_key }}"#}>
  92.                             <div class="inner-dropdown">
  94.                                 {# заготовка для первой строки меню  or gr.altName == 'surface'#}
  95.                                 {% if gr.altName == 'style' or gr.altName == 'effect' or gr.altName == 'motiv' or gr.altName == 'surface' %}
  96.                                     {% set name = ('left_all_' ~ gr.altName ) | trans %}
  97.                                     <div class="dropdown-list-item">
  98.                                         <label  
  99.                                             data-filter-id="0"
  100.                                             data-filt-name="{{ name }}"
  101.                                             class="js-left-checkbox left-checkbox active"
  102.                                         >
  103.                                             <span class="name">{{ name }}</span>
  104.                                             <i class="is-check"></i>
  105.                                             <i class="no-check"></i>
  106.                                         </label>
  107.                                     </div>
  108.                                 {% endif %}
  110.                                 {% for filter in gr.filters %}
  111.                                     <div class="dropdown-list-item">
  112.                                         <label 
  113.                                             data-filter-id="{{ filter.id }}"
  114.                                             data-filt-name="{{ filter.nameMany | raw }}"
  115.                                             class="js-left-checkbox left-checkbox"
  116.                                         >
  117.                                             <span class="name">{{ filter.name | raw }} </span>
  118.                                             <span class="option-count"></span>
  119.                                             <i class="is-check"></i>
  120.                                             <i class="no-check"></i>
  121.                                         </label>
  122.                                     </div>
  123.                                 {% endfor %}
  124.                             </div>
  125.                         </div>
  126.                     </div>
  128.                 {% endif %}
  129.             {% endfor %}
  130.         </div>
  131.         <aside class="filter-status js-filter-status">
  132.             <div class="sbm-filt {{ userLocale() }}">
  133.                 <div class="box">
  134.                     <span class="active-filt-status-mob js-active-filt-status-mob hidden"></span>
  135.                     <span class="result-count hidden" data-pattern="{{ settingsCount | json_encode(constant('JSON_FORCE_OBJECT')) }}"></span>
  136.                     <span class="filter-count js-filt-count-start ">
  137.                         {{ 'left_menu_criteria' | trans }}:
  138.                         <span>
  139.                             <span data-filt-count="0">0</span>
  140.                             {{ 'of_exh' | trans }}  {{ exh.listFiltersByGroup | length + 1 }}
  141.                         </span>
  142.                     </span>
  143.                 </div>
  144.                 <a href="javascript:void(0);" class="header show-res active" role="show-all-filters-mobile">
  145.                     {{ 'blog.filters' | trans }}
  146.                 </a>
  147.             </div>
  148.         </aside>
  149.         <aside id="brand_title" class="brand-title">
  150.             {# cюда будет вставляться контент header.js-exh-header при скролле страницы #}
  151.         </aside>
  152.     </section>
  153. </div>