src/Elements/Bundle/DemiFrontendBundle/Resources/views/Map/map.html.twig line 1

Open in your IDE?
  1. {#
  2.  * @var \Pimcore\Templating\GlobalVariables app
  3.  *
  4.  * @var \Elements\Demi\Model\Package | null tvbPackage
  5.  */ #}
  7. {% extends '@ElementsDemiFrontend/Layout/layout.html.twig' %}
  8. {% block content %}
  10. {% set route = tvbPackage is defined ? 'demi_tvb_map_poi_json' : 'demi_map_poi_json' %}
  11. {% set mapPoiJson = url(route, {
  12.     'path' : document.getFullPath() | trim('/', 'left')
  13. }) %}
  14. {% set accoTeaserLink = url('demi_compact_teaser', {
  15.     'path' : document.getFullPath() | trim('/', 'left')
  16. }) %}
  17. {% set nearbySearchJson = '/var/tmp/typeahead/' ~ app.request.locale ~ '/nearbySearch.json' %}
  18. <script>
  19.     _config.historyController = true;
  20.     _config.accommodationMap = true;
  21.     _config.accommodationMapPoisUrl = '{{ mapPoiJson }}';
  22.     _config.accommodationMapDetailUrl = '{{ accoTeaserLink }}';
  23.     _config.acommodationMapHideBusinesses = {{ demi_core_configuration('getMapHideBusinesses', {}) ? 'true' : 'false' }};
  25.     {% if demi_fileExists(nearbySearchJson, "PIMCORE_PUBLIC_VAR", '/var') %}
  26.         _config.nearbySearchAutocompleteUrl ='/cache-buster-{{ demi_getExistingCacheFile(nearbySearchJson) }}';
  27.     {% endif %}
  28. </script>
  30. <div id="map-overlay" class="overlay is-open js-accommodation-map">
  31.     <form action="" class="">
  32.         {{ include('@ElementsDemiFrontend/Includes/overlays/sections/header-with-title.html.twig', {
  33.             'title' : 'demi.map.view' | trans,
  34.             'backLink' : document.getFullPath()
  35.         }) }}
  36.         <div class="overlay__content js-accommodation-map accommodation-map">
  38.             <div class="js-accommodation-map__canvas accommodation-map__canvas"></div>
  39.             <div class="accommodation-map__controls accommodation-map__controls--top-full-width">
  40.                     {%  if demi_core_configuration("getSortingNearbySearch", {}) %}
  41.                         <div class="js-nearby-search-autocomplete nearby-search-autocomplete js-filter-form__autocomplete">
  42.                             <div class="form-box">
  43.                                 <div class="row row--gutter-width-0">
  44.                                     <div class="col">
  45.                                         <label class="d-block" for="map-nearby">
  46.                                             <script data-cookieconsent="ignore">
  47.                                                 _config.nearbySearch = true;
  48.                                             </script>
  49.                                             <input id="map-nearby"
  50.                                                    name="nearby"
  51.                                                    type="text"
  52.                                                    class="form-box__content form-control js-nearby-search-autocomplete__input"
  53.                                                    placeholder="{{ 'demi.search.nearby' | trans }}">
  54.                                         </label>
  55.                                     </div>
  56.                                     <div class="col-auto">
  57.                                         <button class="btn btn-primary form-box__addon-button js-nearby-search-autocomplete__my-location"
  58.                                                 type="button"
  59.                                                 title="{{ 'demi.search.nearby.my-location' | trans }}"
  60.                                                 aria-label="{{ 'demi.search.nearby.my-location' | trans }}">
  61.                                             <span class="demi-icon demi-icon-target" aria-hidden="true"></span>
  62.                                         </button>
  63.                                     </div>
  64.                                 </div>
  65.                             </div>
  68.                             <section aria-expanded="false" class="collapse js-multiselect-autocomplete__selected-detail">
  69.                                 <div class="sr-only">{{ "demi.filter.input-selected-values" | trans }}</div>
  70.                                 <div class="form-box__detail py-3 js-multiselect-autocomplete__selected-values-list">
  71.                                 </div>
  72.                             </section>
  73.                         </div>
  74.                     {% endif %}
  75.                     <div class="mt-2 float-right">
  76.                         <button type="button" class="btn btn-white accommodation-map__control accommodation-map__control--w-a js-draw-on-map__clear mr-2" aria-hidden="true" hidden="">
  77.                            {{ "demi.list.map.remove-area"| trans }}
  78.                         </button>
  80.                         <button type="button" class="btn btn-primary accommodation-map__control js-draw-on-map" aria-hidden="true">
  81.                             <span class="demi-icon demi-icon-draw-on-map js-draw-on-map__start-drawing"></span>
  82.                             <span class="demi-icon demi-icon-close js-draw-on-map__cancel-drawing" hidden=""></span>
  83.                         </button>
  84.                     </div>
  85.             </div>
  87.             <div class="js-accommodation-map__detail accommodation-map__detail" role="alert" aria-live="assertive">
  88.                 <div class="js-accommodation-map__detail-loading text-center" hidden>
  89.                     {{ include('@ElementsDemiFrontend/Includes/elements/spinner/loading-spinner.html.twig', {
  90.                         'styleModifier' : 'my-5'
  91.                     }) }}
  92.                 </div>
  93.                 {# ajax loaded #}
  94.                 <div class="js-accommodation-map__detail-content">
  95.                 </div>
  96.             </div>
  97.         </div>
  98.     </form>
  99. </div>
  100. {% endblock %}