{% if editmode %} <div class="editmode-box editmode-box--info"> <div class="editmode-box__header"> Region Prefilter </div> {{ pimcore_relation('region', {width: 500, 'types': ['object'], 'subtypes': ['object'], 'classes': ['Region']}) }} </div> <div class="editmode-box editmode-box--info"> <div class="editmode-box__header"> Excursion Infrastructure Topics </div> {{ pimcore_relations('excursionTopics', {'types': ['object'], 'subtypes': ['object'], 'classes': ['demiInfrastructureTopic']}) }} </div> <div class="editmode-box editmode-box--info"> <div class="editmode-box__header"> Culinary Infrastructure Topics </div> {{ pimcore_relations('culinaryTopics', {'types': ['object'], 'subtypes': ['object'], 'classes': ['demiInfrastructureTopic']}) }} </div> <div class="editmode-box editmode-box--info"> <div class="editmode-box__header"> Infrastructure Topics </div> {{ pimcore_relations('infraTopics', {'types': ['object'], 'subtypes': ['object'], 'classes': ['demiInfrastructureTopic']}) }} </div> <div class="editmode-box editmode-box--info"> <div class="editmode-box__header"> Transit Infrastructure Topics </div> {{ pimcore_relations('transitTopics', {'types': ['object'], 'subtypes': ['object'], 'classes': ['demiInfrastructureTopic']}) }} </div>{% endif %}<div class="interactive-map-filter is-open" id="interactive-map__filter-overlay"> <button type="button" aria-label="{{ 'sr.Filter öffnen'|trans }}" title="{{ 'sr.Filter öffnen'|trans }}" class="js-overlay-toggle interactive-map__filter-button" data-target="interactive-map__filter-overlay" aria-haspopup="true" aria-expanded="true"> <span class="icon icon-arrow-left" aria-hidden="true"></span> </button> <div class="interactive-map-filter__content scrolling-area"> <div class=""> <form action="{{ path('im_selected-filter', {'docId': document.id}) }}" class="js-ajax-form-map-google__form js-ajax-form__form"> <input type="hidden" class="js-ajax-form-map-google__location-lat" name="location-lat" value="{{ app.request.get('location-lat') }}"> <input type="hidden" class="js-ajax-form-map-google__location-lng" name="location-lng" value="{{ app.request.get('location-lng') }}"> <div class="text-center mb-5"> <div class="h6">{{ 'im.Ergebnisse'|trans }}</div> <div class="h2">{{ 'im.Filter'|trans }}</div> </div> {{ include('Form/Includes/search-form-control.html.twig', { inputModifier: 'js-floating-label js-ajax-form-map-google__search-input', inputWrapperModifier: 'position-relative', labelModifier: 'floating-label', label: 'im.Suche im Umkreis von Adresse'|trans, name: 'search', id: 'searchInput', styleModifier: 'mb-3', value: app.request.get('search'), required: false }) }} {#{% set default = [{ "label": "", "value": "", "disabled": true, "selected": true, "class": "sr-only" }] %} {{ include('Form/Includes/select.html.twig', { inputModifier: "js-floating-label", labelModifier: "floating-label", inputWrapperModifier: "select__input-wrapper position-relative", id: "region", name: "region", required: false, styleModifier: 'mb-3', label: 'im.Region'|trans, options: default|merge(getRegionsArray()|map(x => { "label": x.name, "value": x.id, "class": "", 'selected': x.id == app.request.get('region', false) } )) }) }}#} {{ include('InteractiveMap/Partials/filter-dropdown.html.twig', { id: 'filterDropdownExcursion', inputModifier: '', inputWrapperModifier: 'position-relative', labelModifier: 'floating-label', label: 'im.Ausflugsziele und Sehenswürdigkeiten'|trans, required: false, styleModifier: 'mb-3', iconType: 'sightseeing', options: pimcore_relations('excursionTopics').elements|map(x => { "name": "excursionFilter[]", "id": "option" ~ x.id, "value": x.id, "label": x.name, 'checked': x.id in app.request.get('excursionFilter', []) }) }) }} {{ include('InteractiveMap/Partials/filter-dropdown.html.twig', { id: 'filterDropdownCulinary', inputModifier: '', inputWrapperModifier: 'position-relative', labelModifier: 'floating-label', label: 'im.Gastronomie'|trans, required: false, styleModifier: 'mb-3', iconType: 'gastronomy', options: pimcore_relations('culinaryTopics').elements|map(x => { "name": "culinaryFilter[]", "id": "option" ~ x.id, "value": x.id, "label": x.name, 'checked': x.id in app.request.get('culinaryFilter', []) }) }) }} {{ include('InteractiveMap/Partials/filter-dropdown.html.twig', { id: 'filterDropdownInfrastructure', inputModifier: '', inputWrapperModifier: 'position-relative', labelModifier: 'floating-label', label: 'im.A-Z/Infrastruktur'|trans, required: false, styleModifier: 'mb-3', iconType: 'infrastructure', options: pimcore_relations('infraTopics').elements|map(x => { "name": "infrastructureFilter[]", "id": "option" ~ x.id, "value": x.id, "label": x.name, 'checked': x.id in app.request.get('infrastructureFilter', []) }) }) }} {{ include('InteractiveMap/Partials/filter-dropdown.html.twig', { id: 'filterDropdownTransit', inputModifier: '', inputWrapperModifier: 'position-relative', labelModifier: 'floating-label', label: 'im.Anreise & Verkehr'|trans, required: false, styleModifier: 'mb-3', iconType: 'traffic', options: pimcore_relations('transitTopics').elements|map(x => { "name": "transitFilter[]", "id": "option" ~ x.id, "value": x.id, "label": x.name, 'checked': x.id in app.request.get('transitFilter', []) }) }) }} <div class="mt-5 text-center"> <button class="btn btn-primary-light" type="submit">{{ 'im.Ergebnisse anzeigen'|trans }}</button> <div class="mt-3"> <button class="text-underline btn-no-styling js-ajax-form-map-google__reset" type="reset">{{ 'im.Filter zurücksetzen'|trans }}</button> </div> </div> </form> <div class="js-ajax-form-map-google__notifications mb-3" hidden></div> <div class="js-ajax-form-map-google__error-area mb-3" hidden> <button class="js-ajax-form-map-google__retry btn btn-info ml-2">{{ 'general.Retry'|trans }}</button> </div> <div class="js-ajax-form-map-google__result"> {% if selection|default([]) is not empty %} {{ include('InteractiveMap/selectedFilter.html.twig', {'selection': selection}) }} {% endif %} </div> </div> </div></div>