templates/includes/form_elements/select-multiple.html.twig line 1

Open in your IDE?
  1. {% set id = id|default(0) %}
  2. {% set checked = checked|default(false) %}
  3. {% set style = style|default('default') %}
  4. {% set styleModifier = styleModifier|default('') %}
  6. {% set styleClasses = {
  7.     'default': '',
  8.     'switch': 'form-switch'
  9. } %}
  11. {% set showFilter = showFilter|default(false) %}
  12. {% set label = label|default('Kategorie') %}
  14. {% set className = className|default('') ~ ' form-check ' ~ attribute(styleClasses, style) %}
  15. {% set options = options|default([]) %}
  16. {% set buttonLabel = buttonLabel|default('') %}
  18. {% extends "includes/form_elements/form-control.html.twig" %}
  20. {% block input %}
  21.     <fieldset class="js-product-grid__submit-section" data-product-grid-disable-submit-section="767">
  22.         <div class="dropdown multiple-selects-dropdown form-group {{ styleModifier }}">
  23.             <button class="form-control form-select multiple-selects-dropdown__button"
  24.                     type="button"
  25.                     data-bs-target="multipleSelectsDropdown-{{ id }}"
  26.                     data-bs-toggle="dropdown"
  27.                     aria-expanded="false"
  28.                     data-bs-auto-close="true"
  29.             >
  30.                 {{ buttonLabel }}
  31.             </button>
  32.             <div class="dropdown-menu js-dropdown-persist multiple-selects-dropdown__menu" aria-labelledby="multipleSelectsDropdown-{{ id }}" >
  33.                 <ul class="list-unstyled multiple-selects-dropdown__list">
  34.                     {% for option in options %}
  35.                         <li class="dropdown__item multiple-selects-dropdown__item form-group">
  36.                             <div class="form-check-group">
  37.                                 <input class="form-check-input js-multiple-selects-dropdown__input {{ attribute(classNames, 'input') }} {{ (errors | length > 0 )? 'is-invalid': '' }}"
  38.                                     {{ option.checked ? 'checked' }}
  39.                                        name="{{ option.name }}"
  40.                                        type="checkbox"
  41.                                        id="{{ option.id|default('') }}"
  42.                                        value="{{ option.value|default('') }}"
  43.                                        data-text="{{ option.label }}"
  44.                                 >
  45.     
  46.                                 {{ include('includes/form_elements/includes/form-control-label.html.twig', _context|merge({
  47.                                     className: 'form-check-label' ~ classNames.label,
  48.                                     label: option.label,
  49.                                     id: option.id,
  50.                                 })) }}
  51.                             </div>
  52.                             
  53.                         </li>
  54.                     {% endfor %}
  55.                 </ul>
  56.                 <button type="submit" data-bs-dismiss="dropdown" class="js-close-dropdown multiple-selects-dropdown__submit-btn js-product-grid__submit-section-btn btn btn-light-gray">
  57.                     {{ document.property('swiss') ? ('global.filterAndClose'|trans)|replace({'ß': 'ss'}) : 'global.filterAndClose'|trans }}
  58.                 </button>
  59.             </div>
  60.         </div>
  61.     </fieldset>
  62. {% endblock %}