custom/plugins/NetiNextStoreLocator/src/Resources/views/storefront/store_locator/filter/index.html.twig line 1

Open in your IDE?
  1. {% for filter in page.filters %}
  2.     <div
  3.             class="form-group"
  4.             v-if="searchFilter.customFilters['{{ filter.id }}'] !== undefined"
  5.     >
  6.         <label for="{{ filter.id }}">
  7.             {{ filter.title }}
  8.         </label>
  10.         {% if filter.displayType == 1 %}
  11.             {# Checkbox #}
  12.             {% for item in filter.values %}
  13.                 <div class="form-check">
  14.                     <input
  15.                             class="form-check-input"
  16.                             type="checkbox"
  17.                             id="{{ item.inputId }}"
  18.                              v-model="searchFilter.customFilters['{{ filter.id }}']['{{ item.id }}']"
  19.                     />
  20.                     <label class="form-check-label" for="{{ item.inputId }}">
  21.                         {{ item.label }}
  22.                     </label>
  23.                 </div>
  24.             {% endfor %}
  25.         {% elseif filter.displayType == 2 %}
  26.             {# Radio #}
  27.             {% for item in filter.values %}
  28.                 <div class="form-check">
  29.                     <input
  30.                             class="form-check-input"
  31.                             type="radio"
  32.                             id="{{ item.inputId }}"
  33.                             name="{{ filter.id }}"
  34.                             v-model="searchFilter.customFilters['{{ filter.id }}']"
  35.                             value="{{ item.id }}"
  36.                     />
  37.                     <label class="form-check-label" for="{{ item.inputId }}">
  38.                         {{ item.label }}
  39.                     </label>
  40.                 </div>
  41.             {% endfor %}
  42.         {% elseif filter.displayType == 3 %}
  43.             {# Select #}
  44.             <select
  45.                     id="{{ filter.id }}"
  46.                     name="{{ filter.id }}"
  47.                     class="custom-select"
  48.                     v-model="searchFilter.customFilters['{{ filter.id }}']"
  49.             >
  50.                 <option value="">
  51.                     {{ "neti-next-store-locator.index.search.filterSelectPlaceholder"|trans }}
  52.                 </option>
  54.                 {% for item in filter.values %}
  55.                     <option value="{{ item.id }}">
  56.                         {{ item.label }}
  57.                     </option>
  58.                 {% endfor %}
  59.             </select>
  60.         {% endif %}
  61.     </div>
  62. {% endfor %}