src/WebBundle/Resources/views/Left/_left_menu_lite.html.twig line 1

Open in your IDE?
  1. {# lite menu выпадающий список чекбоксов #}
  2. {#<div class="lite-filt-menu {{ userLocale() }}-class">#}
  3.     {% for filter_key, filter_option in filters %}
  4.         {% if filter_option.alias == 'left_menu_use' %}
  5.             {% set filter_alias = 'left_menu_universal' | trans %}
  6.         {% else %}
  7.             {% set filter_alias = filter_option.alias | trans %}
  8.         {% endif %}
  9.         {% set isExpressSample = filter_key == 'expressSample' %}
  11.         {# для фильтра "Назначение" ставлю стандартную подпись (такую как в расширенном поиске) если выбрано ПОЛ || СТЕНЫ #}
  12.         {% if (filter_key == 'getTypeUsings') and filter_option.selected %}
  13.             {% set filter_alias =  filter_option.alias | trans %}
  14.         {% endif %}
  16.         <div
  17.             class="dropdown short-list-filter js-short-list-filter"{# data-group="{{ filter_key }}"#}
  18.             data-get-filters="{{ filter_key }}"
  19.             data-gtm-name="{{ filter_option.name }}"
  21.             {# для фильтра "Назначение" добавляю варианты подписей в зависимости от выбранных опций #}
  22.             {% if filter_key == 'getTypeUsings' %}
  23.                 data-advanced-search-alias="{{ filter_option.alias | trans }}"
  24.                 data-left-menu-alias="{{ 'left_menu_universal' | trans }}"
  25.             {% endif %}
  26.             {% if isExpressSample %}id="express-samples"{% endif %}
  27.         >
  28.             <button
  29.                 class="dropdown-toggle"
  30.                 type="button"
  31.                 id="dropdownBtn-{{ loop.index }}"
  32.                 data-toggle="dropdown"
  33.                 aria-haspopup="true"
  34.                 aria-expanded="false"
  35.             >
  36.                 <span
  37.                     id="showDropdown-{{ loop.index }}"
  38.                     class="help-tooltip check-txt{% if filter_option.selected %} checked{% endif %}"
  39.                     data-filter-alias="{{ filter_alias}}"
  40.                 >
  41.                     {{ filter_alias}}
  42.                 </span>
  43.                 <i class="caret"></i>
  44.             </button>
  45.             <div class="dropdown-menu js-list-option {% if filter_key == 'getFacturas' %}facturas{% endif %}" aria-labelledby="dropdownBtn-{{ loop.index }}">
  46.                 <div class="inner-dropdown filter-list-lite">
  48.                     {% if isExpressSample != true %}
  49.                         <div class="dropdown-list-wrapper">
  50.                     {% endif %}
  52.                         {# поставить пункт Wall&Floor на первое место в списке #}
  53.                         {% if filter_key == 'getTypeUsings' %}
  54.                             {% for option in filter_option.list %}
  55.                                 {% set id = option.oldId is defined ? option.oldId : option.id %}
  57.                                 {% if id == 4 %}
  59.                                     <div class="dropdown-list-item">
  60.                                         <label
  61.                                             data-id="0"
  62.                                             data-name-input="check-all"
  63.                                             data-filter-type="{{ filter_option.type }}"
  64.                                             class="left-checkbox js-left-checkbox all-filtres{% if not filter_option.selected %} active{% endif %} withToolTip"
  65.                                             data-name-filter="{{ option.name }}"
  66.                                         >
  67.                                             <span class="name"> {{ option.name }} </span>
  68.                                             {# Отключил подсказку по просьбе https://te.remote.team/#/discus/E255A40D-3614-DAAF-4C7C-B51BF6328951/ #}
  69.                                             {# <span
  70.                                                 class="material-icons question-mark tooltip_trigger"
  71.                                                 data-title="{{ 'filters.tips.wallAndFloor' | trans }}"
  72.                                                 data-tooltip-type="{% if is_mobile() and not is_tablet() %}help-tooltip{% else %}help-tooltip-right{% endif %}"
  73.                                             >
  74.                                                 &#xE8FD;
  75.                                             </span> #}
  76.                                             <span class="option-count">{{ option.count }}</span>
  77.                                             <i class="is-check"></i>
  78.                                             <i class="no-check"></i>
  79.                                         </label>
  80.                                     </div>
  81.                                 {% endif %}
  82.                             {% endfor %}
  83.                         {% endif %}
  86.                         {% set filters_length = 0 %}
  87.                         {% for option in filter_option.list %}
  88.                             {% set alias = option.leftMenu is defined ? option.leftMenu : option.alias %}
  89.                             {% set id = option.oldId is defined ? option.oldId : option.id %}
  90.                             {% set name = option.name %}
  91.                             {% set filters_length = loop.index %}
  92.                             {% set hasSubgroup = option.sub | length %}
  94.                             {% if option.alias != 'left_menu_universal' %}
  95.                                 <div {% if hasSubgroup %}data-get-filters="getFacturas"{% endif %} class="dropdown-list-item{{ option.important ? ' important-filter' : '' }}{% if hasSubgroup %} sub-group{% endif %}">
  96.                                     <label
  97.                                         data-id="{{id}}"
  98.                                         data-name-input="{{ filter_key }}{{id }}"
  99.                                         data-filter-type="{{filter_option.type}}"
  100.                                         class="js-left-checkbox left-checkbox {{ filter_key | lower }}{{ id }}{% if option.selected %} active{% endif %}{% if isExpressSample %} withToolTip{% endif %}{% if hasSubgroup %} sub{% endif %}"
  101.                                         data-name-filter="{{ name }}"
  102.                                         {% if hasSubgroup %}
  103.                                             data-numofsuboptions="{{ option.sub | length }}"
  104.                                         {% endif %}
  105.                                     >
  106.                                         {% if isExpressSample %}
  107.                                             <i class="quick-sample-i-mob">{% include '@Web/SVGIconsCode/quick_sample_mobile.html.twig' %}</i>
  108.                                         {% endif %}
  110.                                         {# tooltip для десктоп экспресс образца #}
  111.                                         {% if isExpressSample and filter_option.tooltip is defined and filter_option.tooltip %}
  112.                                             <div class="ui-tooltip light">
  113.                                                 <div class="ui-tooltip-content" onclick="event.stopPropagation()">
  114.                                                     {{ filter_option.tooltip.text | raw }}
  115.                                                 </div>
  116.                                                 <div class="arrow top"></div>
  117.                                             </div>
  118.                                         {% endif %}
  120.                                         {% if filter_option.alias == 'articleQuickSample'%}
  121.                                             <span class="name name_bold">
  122.                                                 {{ name }} <span class="name_time">24-48h</span>
  123.                                             </span>
  124.                                         {% else %}
  125.                                             <span class="name">
  126.                                                 {{ name }}
  128.                                                 {% if filter_option.alias == 'left_menu_price' %}
  129.                                                     {% set currency = '' | currency %}
  130.                                                     {% if currency | strPos('8381') != false %}
  131.                                                         <span class="filters-ruble-symbol">
  132.                                                             {% include '@Web/SVGIconsCode/rus-currency.html.twig' %}
  133.                                                         </span>{% else %}{{ currency | raw }}
  134.                                                     {% endif %}/{{ userMeasure() }}&sup2;
  135.                                                 {% endif %}
  136.                                             </span>
  137.                                         {% endif %}
  139.                                         {# tooltip для мобильного экспресс образца #}
  140.                                         {% if isExpressSample and filter_option.tooltip is defined and filter_option.tooltip %}
  141.                                             <span
  142.                                                 class="material-icons question-mark tooltip_trigger"
  143.                                                 data-title="{{ filter_option.tooltip.text }}"
  144.                                             >
  145.                                                 
  146.                                                 <span class="js-sub-title-content hidden">
  147.                                                     {{ filter_option.tooltip.text | raw }}
  148.                                                 </span>
  149.                                             </span>
  150.                                         {% endif %}
  152.                                         <span class="option-count">{{ option.count }}</span>
  154.                                         {% if hasSubgroup %}
  155.                                             {# стрелочка #}
  156.                                             <b class="caret"></b>
  157.                                             {# область для разворачивания подгруппы - хак #}
  158.                                             <div class="expande-sub-trigger"></div>
  159.                                         {% endif %}
  160.                                         {% if isExpressSample %}
  161.                                             <i class="quick-sample-i">
  162.                                                 {% include '@Web/SVGIconsCode/quick_sample.html.twig' %}
  163.                                                 {% include '@Web/SVGIconsCode/quick_sample_active.html.twig' %}
  164.                                             </i>
  165.                                         {% endif %}
  167.                                         <i class="is-check"></i>
  168.                                         <i class="no-check"></i>
  169.                                     </label>
  171.                                     {# элементы подгруппы #}
  172.                                     {% if hasSubgroup %}
  174.                                         <div class="sub-items">
  176.                                             {% for subgroup in option.sub %}
  177.                                                 {% set id = subgroup.oldId is defined ? subgroup.oldId : subgroup.id %}
  178.                                                 {% set name = subgroup.name %}
  179.                                                 {% set subName = 'getFacturas' %}
  180.                                                 {% set subOptionSelected = subgroup.selected | length %}
  182.                                                 <div class="sub-item dropdown-list-item{{ subgroup.important ? ' important-filter' : '' }}">
  183.                                                     <label
  184.                                                         data-id="{{id}}"
  185.                                                         data-name-input="{{ subName }}{{ id }}"
  186.                                                         class="js-left-checkbox left-checkbox sub {{ subName | lower }}{{ id }} {% if subOptionSelected %} active{% endif %}"
  187.                                                         data-name-filter="{{ name }}"
  188.                                                     >
  189.                                                         <span class="name">{{ name }}</span>
  190.                                                         <span class="option-count">{{ subgroup.count }}</span>
  191.                                                         <i class="is-check"></i>
  192.                                                         <i class="no-check"></i>
  193.                                                     </label>
  194.                                                 </div>
  196.                                             {% endfor %}
  198.                                         </div>
  200.                                     {% endif %}
  202.                                 </div>
  204.                             {% endif %}
  205.                         {% endfor %}
  207.                     {% if isExpressSample != true %}
  208.                         </div>
  209.                     {% endif %}
  211.                 </div>
  212.             </div>
  213.         </div>
  215.     {% endfor %}
  217.     {# расширенный поиск #}
  218.     <div class="title">
  219.         <button id="advanced_search" class="go-filt-page" data-url="{{ path('app_filters_advanced_search') }}">
  220.             <span>{{ 'left_advanced_search' | trans }}</span>
  221.         </button>
  222.     </div>
  224.     <span
  225.         class="clr-filt js-clear-filter hidden-xs js-help-tooltip{% if showReset %} show-btn-clear{% endif %}"
  226.            title="{{ 'clear' | trans }}"
  227.            data-url-catalog="{{ path('app_catalog') }}"
  228.     >
  229.         {{ 'left_advanced_reset' | trans }}
  230.     </span>
  231.     {#<span id="test-tag"></span>#}
  232.     {#{% include '@Web/Common/search-sphinx.html.twig' with { 'inputID': 'SearchOfSphinxInputLite', 'hiddenClass': 'hidden-xs' } %}#}
  233.     <span class="sphinx-button js-sphinx-button material-icons">&#xE8B6;</span>
  234. {#</div>#}