src/Package/Openform/Front/Templates/Search/_filters.html.twig line 1

Open in your IDE?
  1. {% from '@openform_front_templates/_includes/_icons.html.twig' import search, close %}
  3. <script>
  4.     jQuery(function () {
  5.         $('.range-everywhere').click(function () {
  6.             $('.range-all-entity, .range-entity').prop('checked', false);
  7.         });
  9.         $('.range-all-entity').click(function () {
  10.             $('.range-everywhere').prop('checked', false);
  12.             var dataRange = $(this).data('range');
  13.             $('.range-entity[data-range=' + dataRange + ']').prop('checked', false);
  14.         });
  16.         $('.range-entity').click(function () {
  17.             $('.range-everywhere').prop('checked', false);
  19.             var dataRange = $(this).data('range');
  20.             $('.range-all-entity[data-range=' + dataRange + ']').prop('checked', false);
  21.         });
  22.     });
  23. </script>
  25. <form action="{{ toolkit_route_localizer.generate('search', {}, app.request.locale) }}"  class="search-filters-form" autocomplete="off" >
  26.     
  27.     {#rangePath <input class="range-path" type="text" name="rangePath" value="{{ filters.rangePath is defined ? filters.rangePath }}"/>#}
  29.     <div class="search-filters-form__title">
  30.         {{ ('T_SEARCH_RESULTS' ~(filters.phrase is defined ? '_FOR_PHRASE') )|trans({}, 'openform_front', app.request.locale) }}:
  31.     </div>
  32.     <input class="search-filters-form__phrase" type="search" name="phrase" value="{{ filters.phrase is defined ? filters.phrase }}" 
  33.            title="{{ 'T_SEARCH_ON_THE_SITE'|trans({}, 'openform_front', app.request.locale) }}"
  34.            />
  36.     <div class="search-filters-form__container">
  37.         
  38.     
  39.         {# EveryEhere #}
  40.         <div class="checkbox search-filters-form__container__everywhere">
  41.             <input class="range-everywhere visuallyhidden" type="checkbox" name="rangeEverywhere" value="1"  {{ filters.rangeEverywhere is defined ? 'checked' }} id="rangeEverywhere" />
  42.             <label for="rangeEverywhere">
  43.                 <div>
  44.                    {{ 'T_EVERYWHERE'|trans({}, 'openform_front', app.request.locale) }} <span class="num-of-items">({{ openform_front_util.count(app.request.locale, filters, 'rangeEverywhere', 1) }})</span> 
  45.                 </div>
  46.                 
  47.             </label>
  48.         </div>
  49.         <div class="search-filters-form__wrapper">
  50.             {# Exhibitions #}
  51.             <div class="checkbox">
  52.                 <input class="range-all-entity visuallyhidden" data-range="exhibitions" type="checkbox" name="rangeAllExhibition" id="rangeAllExhibition" value="1"  {{ filters.rangeAllExhibition is defined ? 'checked' }} />
  53.                 <label for="rangeAllExhibition">
  54.                     <div>
  55.                         {{ 'T_VIRTUAL_EXHIBITIONS'|trans({}, 'openform_front', app.request.locale) }}
  56.                         <span class="num-of-items">({{ openform_front_util.count(app.request.locale, filters, 'rangeAllExhibition', 1) }})</span>
  57.                     </div>
  58.                     
  59.                     
  60.                 </label>
  61.             </div>
  62.             <div class="search-filters-form__wrap">
  63.                 {% for key, item in openform_front_util.getItemsForSearch('Exhibition', app.request.locale) %}
  64.                     <div class="checkbox">
  65.                         <input class="range-entity visuallyhidden" data-range="exhibitions" type="checkbox" name="exhibitions[]" id="exhibitions-{{key}}" value="{{ item.id }}" {{ filters.exhibitions is defined and item.id in filters.exhibitions ? 'checked' }} />
  66.                         <label for="exhibitions-{{key}}">
  67.                             <div>
  68.                                 {{ item.Translation[app.request.locale].title }}
  69.                                 <span class="num-of-items">({{ openform_front_util.count(app.request.locale, filters, 'exhibitions', [item.id]) }})</span>
  70.                             </div>
  71.                         </label>
  72.                     </div>
  73.                 {% endfor %} 
  74.             </div>
  76.             {# Museums #}
  77.             <div class="checkbox">
  78.                 <input class="range-all-entity visuallyhidden" data-range="museums" type="checkbox" name="rangeAllMuseum" value="1" id="rangeAllMuseum"  {{ filters.rangeAllMuseum is defined ? 'checked' }} />
  79.                 <label for="rangeAllMuseum">
  80.                     <div>
  81.                         {{ 'T_VIRTUAL_MUSEUMS'|trans({}, 'openform_front', app.request.locale) }}
  82.                         <span class="num-of-items">({{ openform_front_util.count(app.request.locale, filters, 'rangeAllMuseum', 1) }})</span>
  83.                     </div>
  84.                     
  85.                     
  86.                 </label>
  87.             </div>
  88.             <div class="search-filters-form__wrap">
  89.                 {% for key, item in openform_front_util.getItemsForSearch('Museum', app.request.locale) %}
  90.                     <div class="checkbox">
  91.                         <input class="range-entity visuallyhidden" data-range="museums" type="checkbox" name="museums[]" value="{{ item.id }}" {{ filters.museums is defined and item.id in filters.museums ? 'checked' }} id="museums-{{key}}"/>
  92.                         <label for="museums-{{key}}">
  93.                             <div>
  94.                                 {{ item.Translation[app.request.locale].title }}
  95.                                 <span class="num-of-items">({{ openform_front_util.count(app.request.locale, filters, 'museums', [item.id]) }})</span>  
  96.                             </div>
  97.                             
  98.                             
  99.                         </label>
  100.                     </div>
  101.                 {% endfor %} 
  102.             </div>
  105.             {# Archives #}
  106.             <div class="checkbox">
  107.                 <input class="range-all-entity visuallyhidden" data-range="archives" type="checkbox" name="rangeAllArchive" id="rangeAllArchive" value="1"  {{ filters.rangeAllArchive is defined ? 'checked' }} />
  108.                 <label for="rangeAllArchive">
  109.                 <div>
  110.                     {{ 'T_VIRTUAL_ARCHIVES'|trans({}, 'openform_front', app.request.locale) }}
  111.                     <span class="num-of-items">({{ openform_front_util.count(app.request.locale, filters, 'rangeAllArchive', 1) }})</span>
  112.                 </div>
  113.                     
  114.                     
  115.                 </label>
  116.             </div>
  117.             <div class="search-filters-form__wrap">
  118.                 {% for key, item in openform_front_util.getItemsForSearch('Archive', app.request.locale) %}
  119.                     <div class="checkbox">
  120.                         <input class="range-entity visuallyhidden" data-range="archives" type="checkbox" id="archives-{{key}}" name="archives[]" value="{{ item.id }}" {{ filters.archives is defined and item.id in filters.archives ? 'checked' }} />
  121.                         <label for="archives-{{key}}">
  122.                             <div>
  123.                                 {{ item.Translation[app.request.locale].title }}
  124.                                 <span class="num-of-items">({{ openform_front_util.count(app.request.locale, filters, 'archives', [item.id]) }})</span>
  125.                             </div>
  126.                             
  127.                             
  128.                         </label>
  129.                     </div>
  130.                 {% endfor %} 
  131.             </div>
  134.             {# PrivateCollections #}
  135.             <div class="checkbox">
  136.                 <input class="range-all-entity visuallyhidden" data-range="privateCollections" type="checkbox" name="rangeAllPrivateCollection" id="rangeAllPrivateCollection" value="1"  {{ filters.rangeAllPrivateCollection is defined ? 'checked' }} />
  137.                 <label for="rangeAllPrivateCollection">
  138.                     <div>
  139.                        {{ 'T_VIRTUAL_PRIVATE_COLLECTIONS'|trans({}, 'openform_front', app.request.locale) }}
  140.                         <span class="num-of-items">({{ openform_front_util.count(app.request.locale, filters, 'rangeAllPrivateCollection', 1) }})</span> 
  141.                     </div>
  142.                     
  143.                     
  144.                 </label>
  145.             </div>
  146.             <div class="search-filters-form__wrap">
  147.                 {% for key, item in openform_front_util.getItemsForSearch('PrivateCollection', app.request.locale) %}
  148.                     <div class="checkbox">
  149.                         <input class="range-entity visuallyhidden" data-range="privateCollections" type="checkbox" name="privateCollections[]" id="privateCollections-{{key}}" value="{{ item.id }}" {{ filters.privateCollections is defined and item.id in filters.privateCollections ? 'checked' }} />
  150.                         <label for="privateCollections-{{key}}"> 
  151.                             <div>
  152.                                 {{ item.Translation[app.request.locale].title }}
  153.                                 <span class="num-of-items">({{ openform_front_util.count(app.request.locale, filters, 'privateCollections', [item.id]) }})</span>
  154.                             </div>
  155.                             
  156.                             
  157.                         </label>
  158.                     </div>
  159.                 {% endfor %} 
  160.             </div>
  162.         </div>
  163.         <button class="btn search-form__buttons__button search-filters-form__btn" type="submit" name="search" value="1">
  164.             <span>{{ 'T_SEARCH_ON_THE_SITE_BTN'|trans({}, 'openform_front', app.request.locale) }}</span>
  165.         </button>
  167.     </div>
  168. </form>