templates/Map/page.html.twig line 1

Open in your IDE?
  1. {% extends '__design/v2023/grid-map.html.twig' %}
  3. {% block preconnect %}
  4.     {{ parent() }}
  5.     <link rel="preconnect" href="https://yastatic.net">
  6.     <link rel="preconnect" href="https://api-maps.yandex.ru">
  7. {% endblock %}
  9. {# {% block stylesheet_postload %}{{ encore_entry_link_tags("styles/public-map-page") }}{{ parent() }} #}
  10.     {# <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">{% endblock %} #}
  11. {% block wrapper_class %} wrapper--map{% endblock %}
  13. {% block mainContainer %}
  14.     {# {{- knp_menu_render('breadcrumbs', {'template': '__design/v2023/_menu/breadcrumbs.html.twig' }) -}} #}
  16.     <h1 class="d-none">{{ seo_heading() ? seo_heading() : 'Интим карта' }}</h1>
  18.     <div class="map-page content">
  19.         <div class="map-heading container">
  20.             <button class="map-back btn btn-transparent" type="button" onclick="history.back()">
  21.                 <svg class="btn-icon" width="24" height="24" viewBox="0 0 24 24"><path fill="#2C2C2C" d="m17.83 20.13-1.77 1.77-9.9-9.9 9.9-9.9 1.77 1.77L9.7 12l8.13 8.13Z"/></svg>
  22.                 <span class="btn-text">Назад</span>
  23.             </button>
  24.             <button class="map-btn btn btn-grey" type="button" data-a11y-dialog-show="filter-dialog">
  25.                 <svg class="btn-icon" width="20" height="20" viewBox="0 0 20 20"><path d="M7.5 4.165a.833.833 0 1 0 0 1.666.833.833 0 0 0 0-1.666Zm-2.358 0a2.5 2.5 0 0 1 4.717 0h5.975a.833.833 0 1 1 0 1.666H9.859a2.5 2.5 0 0 1-4.717 0h-.975a.833.833 0 1 1 0-1.666h.975Zm7.359 5a.833.833 0 1 0 0 1.666.833.833 0 0 0 0-1.666Zm-2.359 0a2.501 2.501 0 0 1 4.717 0h.975a.833.833 0 1 1 0 1.667h-.975a2.502 2.502 0 0 1-4.717 0H4.167a.833.833 0 1 1 0-1.667h5.975Zm-2.641 5a.833.833 0 1 0 0 1.666.833.833 0 0 0 0-1.666Zm-2.359 0a2.5 2.5 0 0 1 4.717 0h5.975a.833.833 0 1 1 0 1.667H9.859a2.501 2.501 0 0 1-4.717 0h-.975a.833.833 0 1 1 0-1.667h.975Z"/></svg>
  26.                 <span class="btn-text">Фильтры</span>
  27.             </button>
  28.         </div>
  30.         <div class="map-wrap skeleton skeleton--map loading" id="map-wrap"></div>
  31.     </div>
  32. {% endblock %}
  34. {%- block javascripts -%}
  35.     {{ parent() }}
  37.     {% if city is defined and city.mapCoordinate.latitude %}
  38.         {% set lat = city.mapCoordinate.latitude %}
  39.         {% set lon = city.mapCoordinate.longitude %}
  40.     {% else %}
  41.         {% set lat = '55.753215' %}
  42.         {% set lon = '37.622504' %}
  43.     {% endif %}
  45.     <script src="{{ asset('bundles/fosjsrouting/js/router.min.js') }}" defer></script>
  46.     <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}" defer></script>
  47.     <script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&onload=initMap&ns=ym" defer></script>
  49.     <script>
  50.         window.mapConfig = {
  51.             id:"map-wrap",
  52.             multiple_cities:"{{ multipleCities }}",
  53.             routes_url: "{{ multipleCities == 0 ? '/js/fos_js_routes.json' : '/js/fos_js_routes_city_prefixed.json' }}",
  54.             city_uri_identity:"{{ cityUriIdentity }}",
  55.             city_latitude:"{{ lat }}",
  56.             city_longitude:"{{ lon }}",
  57.             locale:"{{ app.request.locale }}",
  58.             path:"{{ path('map.filter', {city:cityUriIdentity}) }}",
  59.             detail: "{{ path('map.detail', {city:cityUriIdentity}) }}",
  61.             {# icon_profile:"{{ asset('assets/images/map/profile.svg') }}",
  62.             icon_profile_active:"{{ asset('assets/images/map/profile-active.svg') }}",
  63.             icon_profile_hover:"{{ asset('assets/images/map/profile-hover.svg') }}",
  65.             icon_saloon:"{{ asset('assets/images/map/saloon.svg') }}",
  66.             icon_saloon_active:"{{ asset('assets/images/map/saloon-active.svg') }}",
  67.             icon_saloon_hover:"{{ asset('assets/images/map/saloon-hover.svg') }}",
  69.             icon_masseur:"{{ asset('assets/images/map/masseur.svg') }}",
  70.             icon_masseur_active:"{{ asset('assets/images/map/masseur-active.svg') }}",
  71.             icon_masseur_hover:"{{ asset('assets/images/map/masseur-hover.svg') }}",
  73.             icon_cluster_small:"{{ asset('assets/images/map/cluster-small.svg') }}",
  74.             icon_cluster_medium:"{{ asset('assets/images/map/cluster-medium.svg') }}",
  75.             icon_cluster_big:"{{ asset('assets/images/map/cluster-big.svg') }}", #}
  77.             {# map_marker_cluster: '{{ absolute_url(asset('assets/images/map/mapMarker_g__cluster.svg')) }}',
  78.             map_marker_cluster_hover: '{{ absolute_url(asset('assets/images/map/mapMarker_g__cluster_hover.svg')) }}',
  79.             map_marker_build: '{{ absolute_url(asset('assets/images/map/mapMarker_b__build.svg')) }}',
  80.             map_marker_opened: '{{ absolute_url(asset('assets/images/map/mapMarker_b__hover_opened.svg')) }}',
  81.             map_marker_ready: '{{ absolute_url(asset('assets/images/map/mapMarker_g__ready.svg')) }}',
  82.             map_marker_ready_hover: '{{ absolute_url(asset('assets/images/map/mapMarker_g__ready_hover.svg')) }}',
  83.             map_marker_transparent: '{{ absolute_url(asset("assets/images/map/transparent_1px.png")) }}',
  84.             default_img: "{{ asset('build/frontend/images/v2025/not-found/estate-no-avatar-x1.jpg') }}", #}
  86.             avatar_path : "{{ responsive_asset('replace_path', 'profile_media_avatar', "200x280", "jpg") }}",
  87.             photo_path : "{{ responsive_asset('replace_path', 'profile_media', "200x280", "jpg") }}",
  88.             thumb_path : "{{ responsive_asset('replace_path', 'saloon_media_thumb', "200x280", "jpg") }}",
  89.             process_profile_shows_url  : "{{ path('map.increment_profile_shows', multipleCities ? {city:cityUriIdentity} : {}) }}"
  90.         };
  92.         window.map_filters = {
  93.             map_center: [{{ lat }}, {{ lon }}]
  94.         };
  96.         window.isMapInitialized = false;
  97.         window.isYMapLoaded = false;
  98.         function initMap() {
  99.             window.ymaps = ym;
  100.             {# window.ymap = new ym.Map(document.getElementById('map-wrap'), {
  101.                 center: ["{{ lat }}", "{{ lon }}"],
  102.                 zoom: 12,
  103.                 behaviors: ["drag", "dblClickZoom", "rightMouseButtonMagnifier", "multiTouch", "scrollZoom"],
  104.                 controls: ['zoomControl', 'typeSelector',  'fullscreenControl']
  105.             }); #}
  106.             window.isMapInitialized = true;
  107.             window.isYMapLoaded = true;
  108.         }
  109.         window.profileShowed = function ({id}) {
  110.             if (!id) return;
  112.             fetch('{{ path('profile_ctr.increase_shows') }}', {
  113.                 method: "POST",
  114.                 body: JSON.stringify({ profiles: [id], source: 'map' }),
  115.             });
  116.         }
  118.         window.stations = {
  119.             {%- for station in stations() -%}{{- station.id -}}:{name:`{{- station.name -}}`},{%- endfor -%}
  120.         };
  121.         document.addEventListener('DOMContentLoaded', function () {
  122.             function loadForm() {
  123.                 fetch('{{ path('map.form', {city: cityUriIdentity}) }}', {
  124.                     mode: "cors",
  125.                     importance: "low",
  126.                     method: "POST",
  127.                     headers: {
  128.                         "Content-Type": "application/x-www-form-urlencoded",
  129.                         "X-Requested-With": "XMLHttpRequest"
  130.                     },
  131.                 }).then(response => {
  132.                     if (response.status < 300) {
  133.                         return response.text();
  134.                     } else {
  135.                         console.warn("🤔");
  136.                         return null;
  137.                     }
  138.                 }).then(response => {
  139.                     document.getElementById('dialog-form').innerHTML = response;
  140.                     document.dispatchEvent(new Event('form-html-load'));
  141.                     filterLoader()
  142.                 });
  143.             }
  144.             loadForm();
  146.             function filterLoader() {
  147.                 const stringifyData = `{"city_id":"${document.getElementById('filter_map_form_city_id').value}","_token":"${document.getElementById('filter_map_form__token').value}","scale":10}`;
  149.                 fetch("{{ path('map.filter', {city:cityUriIdentity}) }}", {
  150.                     method: "POST",
  151.                     headers: {
  152.                         'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
  153.                         'X-Requested-With': 'XMLHttpRequest',
  154.                     },
  155.                     body: new URLSearchParams({ form: stringifyData, scale: 12 }).toString(),
  156.                 })
  157.                 .then(response => response.json())
  158.                 .then(data => {
  159.                     //console.log('map-data-loaded')
  160.                     const mapLoadedInterval = setInterval(()=>{
  161.                         if (window.isYMapLoaded) {
  162.                             document.dispatchEvent(new CustomEvent('map:data:loaded', { detail: { data, stringifyData, mapConfig: window.mapConfig } }));
  163.                             clearInterval(mapLoadedInterval)
  164.                         }
  165.                     }, 200)
  167.                 })
  168.                 .catch(error => console.error(error));
  169.             }
  170.         })
  171.     </script>
  173.     {{ encore_entry_script_tags('scripts/v2026/map-page', null, 'basicConfig') }}
  174. {% endblock %}
  176. {% block modal %}
  177.     {{- parent() -}}
  178.     {{- include('__design/v2023/components/modal/filter.html.twig') -}}
  179. {% endblock %}