templates/InteractiveMap/flexFilter.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2.     <div class="editmode-box editmode-box--info">
  3.         <div class="editmode-box__header">
  4.             Region Prefilter
  5.         </div>
  6.         {{ pimcore_relation('region', {width: 500, 'types': ['object'], 'subtypes': ['object'], 'classes': ['Region']}) }}
  7.     </div>
  8.     {% for i in pimcore_block('filterblock').iterator %}
  9.         <div class="editmode-box editmode-box--info">
  10.             <div class="editmode-box__header">
  11.                 {% if not pimcore_input('topics_title').empty %}
  12.                     {{ pimcore_input('topics_title').data }}
  13.                 {% endif %}
  14.                 Topics
  15.             </div>
  16.             Title: {{ pimcore_input('topics_title') }}<br>
  17.             Unique Id (no spaces or special characters, e.g. filterBikeTopics) : {{ pimcore_input('topics_id') }}<br>
  19. {#            ["hotel", '<span class="icon icon-hotel"> Hotel</span>'],#}
  20.             Icon: {{ pimcore_select("topics_icon", {
  21.                 "store": [
  22.                     ["bike", '<span class="icon icon-bike"> Bike</span>'],
  23.                     ["gastronomy", '<span class="icon icon-gastronomy"> Gastronomy</span>'],
  24.                     ["heart", '<span class="icon icon-heart"> Heart</span>'],
  25.                     ["infrastructure", '<span class="icon icon-infrastructure"> Infrastructure</span>'],
  26.                     ["sightseeing", '<span class="icon icon-sightseeing"> Sightseeing</span>'],
  27.                     ["traffic", '<span class="icon icon-traffic"> Traffic</span>'],
  28.                     ["wellness", '<span class="icon icon-wellness"> Wellness</span>'],
  29.                 ],
  30.                 "defaultValue" : "sightseeing",
  31.                 "width": "500"
  32.             }) }}
  33.             {{ pimcore_relations('topics', {'types': ['object'], 'subtypes': ['object'], 'classes': ['demiInfrastructureTopic']}) }}
  34.         </div>
  35.     {% endfor %}
  36. {% endif %}
  37. <div class="interactive-map-filter is-open" id="interactive-map__filter-overlay">
  38.     <button type="button" aria-label="{{ 'sr.Filter öffnen'|trans }}" title="{{ 'sr.Filter öffnen'|trans }}"
  39.             class="js-overlay-toggle interactive-map__filter-button"
  40.             data-target="interactive-map__filter-overlay"
  41.             aria-haspopup="true" aria-expanded="true">
  42.         <span class="icon icon-arrow-left" aria-hidden="true"></span>
  43.     </button>
  44.     <div class="interactive-map-filter__content scrolling-area">
  45.         <div class="">
  47.             <form action="{{ path('ifm_selected-filter', {'docId': document.id}) }}"
  48.                   class="js-ajax-form-map-google__form  js-ajax-form__form">
  50.                 <input type="hidden" class="js-ajax-form-map-google__location-lat" name="location-lat" value="{{ app.request.get('location-lat') }}">
  51.                 <input type="hidden" class="js-ajax-form-map-google__location-lng" name="location-lng" value="{{ app.request.get('location-lng') }}">
  53.                 <div class="text-center mb-5">
  54.                     <div class="h6">{{ 'im.Ergebnisse'|trans }}</div>
  55.                     <div class="h2">{{ 'im.Filter'|trans }}</div>
  56.                 </div>
  58.                 {{ include('Form/Includes/search-form-control.html.twig', {
  59.                     inputModifier: 'js-floating-label js-ajax-form-map-google__search-input',
  60.                     inputWrapperModifier: 'position-relative',
  61.                     labelModifier: 'floating-label',
  62.                     label: 'im.Suche im Umkreis von Adresse'|trans,
  63.                     name: 'search',
  64.                     id: 'searchInput',
  65.                     styleModifier: 'mb-3',
  66.                     value: app.request.get('search'),
  67.                     required: false
  68.                 }) }}
  70.                 {% for i in pimcore_block('filterblock').iterator %}
  71.                     {% if not pimcore_input('topics_id').empty and not pimcore_input('topics_title').empty and not pimcore_relations('topics').empty %}
  72.                         {% set topicId = pimcore_input('topics_id').data %}
  73.                         {{ include('InteractiveMap/Partials/filter-dropdown.html.twig', {
  74.                             id: "dropdown" ~ topicId,
  75.                             inputModifier: '',
  76.                             inputWrapperModifier: 'position-relative',
  77.                             labelModifier: 'floating-label',
  78.                             label: pimcore_input('topics_title'),
  79.                             required: false,
  80.                             styleModifier: 'mb-3',
  81.                             iconType: pimcore_select("topics_icon").data,
  82.                             options: pimcore_relations('topics').elements|map(x => {
  83.                                 "name": topicId ~ "[]",
  84.                                 "id": "option" ~ x.id,
  85.                                 "value": x.id,
  86.                                 "label": x.name,
  87.                                 'checked': x.id in app.request.get(topicId, [])
  88.                             })
  89.                         }) }}
  90.                     {% endif %}
  91.                 {% endfor %}
  93.                 <div class="mt-5 text-center">
  94.                     <button class="btn btn-primary-light" type="submit">{{ 'im.Ergebnisse anzeigen'|trans }}</button>
  96.                     <div class="mt-3">
  97.                         <button class="text-underline btn-no-styling js-ajax-form-map-google__reset" type="reset">{{ 'im.Filter zurücksetzen'|trans }}</button>
  98.                     </div>
  99.                 </div>
  101.             </form>
  103.             <div class="js-ajax-form-map-google__notifications mb-3" hidden></div>
  105.             <div class="js-ajax-form-map-google__error-area mb-3" hidden>
  106.                 <button class="js-ajax-form-map-google__retry btn btn-info ml-2">{{ 'general.Retry'|trans }}</button>
  107.             </div>
  109.             <div class="js-ajax-form-map-google__result">
  110.                 {% if selection|default([]) is not empty %}
  111.                     {{ include('InteractiveMap/selectedFilter.html.twig', {'selection': selection}) }}
  112.                 {% endif %}
  113.             </div>
  114.         </div>
  115.     </div>
  118. </div>