var/cache/review/twig/74/74516b4c622b67a997789008e076428a.php line 39

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* Map/page.html.twig */
  16. class __TwigTemplate_4be02f91027edecd6d364d2dec5094bd extends Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->blocks = [
  28.             'mainContainer' => [$this, 'block_mainContainer'],
  29.             'javascripts' => [$this, 'block_javascripts'],
  30.         ];
  31.     }
  33.     protected function doGetParent(array $context)
  34.     {
  35.         // line 1
  36.         return "grid.html.twig";
  37.     }
  39.     protected function doDisplay(array $context, array $blocks = [])
  40.     {
  41.         $macros = $this->macros;
  42.         $__internal_b91a4435ea3baf1e2b6bfda56133dace = $this->extensions["Sentry\\SentryBundle\\Tracing\\Twig\\TwigTracingExtension"];
  43.         $__internal_b91a4435ea3baf1e2b6bfda56133dace->enter($__internal_b91a4435ea3baf1e2b6bfda56133dace_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Map/page.html.twig"));
  45.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  46.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Map/page.html.twig"));
  48.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  49.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Map/page.html.twig"));
  51.         $this->parent = $this->loadTemplate("grid.html.twig", "Map/page.html.twig", 1);
  52.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  53.         
  54.         $__internal_b91a4435ea3baf1e2b6bfda56133dace->leave($__internal_b91a4435ea3baf1e2b6bfda56133dace_prof);
  56.         
  57.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  59.         
  60.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  62.     }
  64.     // line 3
  65.     public function block_mainContainer($context, array $blocks = [])
  66.     {
  67.         $macros = $this->macros;
  68.         $__internal_b91a4435ea3baf1e2b6bfda56133dace = $this->extensions["Sentry\\SentryBundle\\Tracing\\Twig\\TwigTracingExtension"];
  69.         $__internal_b91a4435ea3baf1e2b6bfda56133dace->enter($__internal_b91a4435ea3baf1e2b6bfda56133dace_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "mainContainer"));
  71.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  72.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "mainContainer"));
  74.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  75.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "mainContainer"));
  77.         // line 4
  78.         echo "   ";
  79.         // line 5
  80.         echo "    <div id=\"map_form\"></div>
  81.     <p>
  82.         <button type=\"button\" id=\"map_refresh\" disabled>Обновить карту</button>
  83.         <button type=\"button\" id=\"map_reset\" disabled>Сбросить фильтры</button>
  84.         <span id=\"map_status\" role=\"status\" aria-live=\"polite\">Загрузка карты…</span>
  85.     </p>
  86.     <img src=\"";
  87.         // line 11
  88.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/static/preloader.gif"), "html", null, true);
  89.         echo "\" id=\"preloader\" style=\"display: none;\" />
  90.     <div id=\"map\"
  91.          data-city-uri-idenity=\"";
  92.         // line 13
  93.         echo twig_escape_filter($this->env, (isset($context["cityUriIdentity"]) || array_key_exists("cityUriIdentity", $context) ? $context["cityUriIdentity"] : (function () { throw new RuntimeError('Variable "cityUriIdentity" does not exist.', 13, $this->source); })()), "html", null, true);
  94.         echo "\"
  95.          data-city-latitude=\"";
  96.         // line 14
  97.         echo twig_escape_filter($this->env, (isset($context["cityLatitude"]) || array_key_exists("cityLatitude", $context) ? $context["cityLatitude"] : (function () { throw new RuntimeError('Variable "cityLatitude" does not exist.', 14, $this->source); })()), "html", null, true);
  98.         echo "\"
  99.          data-city-longitude=\"";
  100.         // line 15
  101.         echo twig_escape_filter($this->env, (isset($context["cityLongitude"]) || array_key_exists("cityLongitude", $context) ? $context["cityLongitude"] : (function () { throw new RuntimeError('Variable "cityLongitude" does not exist.', 15, $this->source); })()), "html", null, true);
  102.         echo "\"
  103.          data-map-context=\"";
  104.         // line 16
  105.         echo twig_escape_filter($this->env, (isset($context["mapContext"]) || array_key_exists("mapContext", $context) ? $context["mapContext"] : (function () { throw new RuntimeError('Variable "mapContext" does not exist.', 16, $this->source); })()), "html", null, true);
  106.         echo "\"
  107.          style=\"width:100%; height:500px;\"></div>
  108. ";
  109.         
  110.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  112.         
  113.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  115.         
  116.         $__internal_b91a4435ea3baf1e2b6bfda56133dace->leave($__internal_b91a4435ea3baf1e2b6bfda56133dace_prof);
  118.     }
  120.     // line 20
  121.     public function block_javascripts($context, array $blocks = [])
  122.     {
  123.         $macros = $this->macros;
  124.         $__internal_b91a4435ea3baf1e2b6bfda56133dace = $this->extensions["Sentry\\SentryBundle\\Tracing\\Twig\\TwigTracingExtension"];
  125.         $__internal_b91a4435ea3baf1e2b6bfda56133dace->enter($__internal_b91a4435ea3baf1e2b6bfda56133dace_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  127.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  128.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  130.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  131.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  133.         // line 21
  134.         echo "    <script src=\"";
  135.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("bundles/fosjsrouting/js/router.min.js"), "html", null, true);
  136.         echo "\"></script>
  137.     <script src=\"";
  138.         // line 22
  139.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("fos_js_routing_js", ["callback" => "fos.Router.setData"]);
  140.         echo "\"></script>
  141.     <script src=\"https://code.jquery.com/jquery-3.4.1.min.js\"></script>
  142.     <script src=\"https://api-maps.yandex.ru/2.1/?lang=ru_RU\" type=\"text/javascript\"></script>
  143.     <script type=\"text/javascript\">
  144.         ;var RoutingDecorator = {
  145.             generate: function (name, params) {
  146.                 const orig_name = name;
  148.                 try {
  149.                     Routing.getRoute(name)
  150.                 } catch(error) {
  151.                     name = name + '.' + '";
  152.         // line 33
  153.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 33, $this->source); })()), "request", [], "any", false, false, false, 33), "locale", [], "any", false, false, false, 33), "html", null, true);
  154.         echo "';
  156.                     try {
  157.                         Routing.getRoute(name)
  158.                     } catch(error) {
  159.                         name = orig_name;
  160.                     }
  161.                 }
  163.                 return Routing.generate(name, params);
  164.             }
  165.         };
  167.         ;(function () {
  168.             document.addEventListener('DOMContentLoaded', _ => {
  169.                 var avatarPath = '";
  170.         // line 48
  171.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("", "profile_media_avatar"), "html", null, true);
  172.         echo "';
  173.                 var photoPath = '";
  174.         // line 49
  175.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("", "profile_media"), "html", null, true);
  176.         echo "';
  177.                 var thumbPath = '";
  178.         // line 50
  179.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("", "saloon_media_thumb"), "html", null, true);
  180.         echo "';
  181.                 var mapContainer = document.querySelector('#map');
  182.                 var preloader = document.querySelector('#preloader');
  183.                 var refreshButton = document.querySelector('#map_refresh');
  184.                 var resetButton = document.querySelector('#map_reset');
  185.                 var mapStatus = document.querySelector('#map_status');
  186.                 var loading = false;
  187.                 var mapContext = mapContainer.getAttribute('data-map-context');
  188.                 var cityUriIdentity = mapContainer.getAttribute('data-city-uri-idenity');
  189.                 var cityLatitude = mapContainer.getAttribute('data-city-latitude');
  190.                 var cityLongitude = mapContainer.getAttribute('data-city-longitude');
  191.                 var formName = 'filter_map_form';
  192.                 var multipleCities = ";
  193.         // line 62
  194.         echo twig_escape_filter($this->env, (isset($context["multipleCities"]) || array_key_exists("multipleCities", $context) ? $context["multipleCities"] : (function () { throw new RuntimeError('Variable "multipleCities" does not exist.', 62, $this->source); })()), "html", null, true);
  195.         echo ";
  196.                 var routesUrl = '/js/fos_js_routes";
  197.         // line 63
  198.         echo (((isset($context["multipleCities"]) || array_key_exists("multipleCities", $context) ? $context["multipleCities"] : (function () { throw new RuntimeError('Variable "multipleCities" does not exist.', 63, $this->source); })())) ? ("_city_prefixed") : (""));
  199.         echo ".json';
  201.                 if (typeof ymaps === 'undefined') {
  202.                     mapStatus.textContent = 'Не удалось загрузить Яндекс.Карты. Перезагрузите страницу.';
  203.                     return;
  204.                 }
  205.                 var mapLoadTimeout = setTimeout(() => {
  206.                     mapStatus.textContent = 'Не удалось загрузить Яндекс.Карты. Перезагрузите страницу.';
  207.                 }, 15000);
  208.                 loadRoutes();
  210.                 var myMap, clusterer;
  211.                 ymaps.ready(function () {
  212.                     clearTimeout(mapLoadTimeout);
  213.                     myMap = new ymaps.Map('map', {
  214.                             center: [cityLatitude, cityLongitude],
  215.                             zoom: 9,
  216.                             behaviors: ['default', 'scrollZoom']
  217.                         }, {
  218.                             searchControlProvider: 'yandex#search'
  219.                         });
  221.                     clusterer = new ymaps.Clusterer({
  222.                             preset: 'islands#invertedVioletClusterIcons',//Через кластеризатор можно указать только стили кластеров,стили для меток нужно назначать каждой метке отдельно.
  223.                             groupByCoordinates: false,//Ставим true, если хотим кластеризовать только точки с одинаковыми координатами.
  225.                             //Опции кластеров указываем в кластеризаторе с префиксом \"cluster\".
  226.                             clusterDisableClickZoom: true,
  227.                             clusterHideIconOnBalloonOpen: false,
  228.                             geoObjectHideIconOnBalloonOpen: false
  229.                     });
  231.                     // Можно менять опции кластеризатора после создания.
  232.                     clusterer.options.set({
  233.                         gridSize: 80,
  234.                         clusterDisableClickZoom: true
  235.                     });
  237.                     loadForm();
  238.                     refreshButton.addEventListener('click', function () {
  239.                         if (document.querySelector('form[name=\"' + formName + '\"]')) {
  240.                             filterData();
  241.                         } else {
  242.                             loadForm();
  243.                         }
  244.                     });
  245.                     resetButton.addEventListener('click', function () {
  246.                         document.querySelector('form[name=\"' + formName + '\"]').reset();
  247.                         filterData();
  248.                     });
  249.                 });
  251.                 function loadRoutes() {
  252.                     \$.ajax({
  253.                         url:routesUrl,
  254.                         dataType: \"json\",
  255.                         async: false,
  256.                         success: function (routes) {
  257.                             Routing.setRoutingData(routes);
  258.                         },
  259.                         error: function (xhr, ajaxOptions, thrownError) {}
  260.                     });
  261.                 }
  263.                 function setFormSubmitListener() {
  264.                     document.querySelector(\"form[name=\"+formName+\"]\").addEventListener('submit', function(e){
  265.                         e.preventDefault();
  266.                         if(!clusterer)
  267.                             return;
  268.                         filterData();
  269.                         return false;
  270.                     });
  271.                 }
  273.                 function loadForm() {
  274.                     setLoading(true);
  275.                     fetch('";
  276.         // line 139
  277.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("map.form", ["city" => (isset($context["cityUriIdentity"]) || array_key_exists("cityUriIdentity", $context) ? $context["cityUriIdentity"] : (function () { throw new RuntimeError('Variable "cityUriIdentity" does not exist.', 139, $this->source); })())]), "html", null, true);
  278.         echo "', {
  279.                         mode: \"cors\",
  280.                         importance: \"low\",
  281.                         method: \"POST\",
  282.                         cache: 'no-store',
  283.                         headers: {
  284.                             \"Content-Type\": \"application/x-www-form-urlencoded\",
  285.                             \"X-Requested-With\": \"XMLHttpRequest\"
  286.                         },
  287.                         body: new URLSearchParams({mapContext: mapContext}).toString(),
  288.                     }).then(response => {
  289.                         if (!response.ok) {
  290.                             throw new Error('Cannot load map form');
  291.                         }
  292.                         return response.text();
  293.                     }).then(response => {
  294.                         document.querySelector('#map_form').innerHTML = response;
  295.                         setFormSubmitListener();
  296.                         setLoading(false);
  297.                         filterData();
  298.                     }).catch(() => {
  299.                         showError();
  300.                         setLoading(false);
  301.                     });
  302.                 }
  304.                 function setLoading(value) {
  305.                     loading = value;
  306.                     preloader.style.display = value ? 'block' : 'none';
  307.                     refreshButton.disabled = value;
  308.                     resetButton.disabled = value || !document.querySelector('form[name=\"' + formName + '\"]');
  309.                     if (value) {
  310.                         mapStatus.textContent = 'Загрузка…';
  311.                     }
  312.                 }
  314.                 function showError() {
  315.                     mapStatus.textContent = 'Не удалось обновить карту. Нажмите «Обновить карту», чтобы повторить запрос.';
  316.                 }
  318.                 function filterData() {
  319.                     if (loading) {
  320.                         return;
  321.                     }
  322.                     setLoading(true);
  324.                     var data = {};
  325.                     \$(\"form[name=\"+formName+\"]\").serializeArray().forEach((object)=>{
  327.                         //\"подгоняем\" данные под формат, ожидаемый формой при сабмите
  328.                         var fieldName = object.name.toString().replace(formName + '[', '').replace(']', '');
  329.                         var clearFieldName = fieldName.substr(0, fieldName.indexOf('['));
  330.                         if(~fieldName.indexOf('[]')) {
  331.                             checkArrayIsInFormObject(clearFieldName, data);
  332.                             data[clearFieldName].push(object.value);
  333.                         } else if(~fieldName.indexOf('[m')) {
  334.                             if(!object.value)
  335.                                 return;
  337.                             checkObjectIsInFormObject(clearFieldName, data);
  338.                             if(~fieldName.indexOf('[min]'))
  339.                                 data[clearFieldName]['min'] = object.value;
  340.                             if(~fieldName.indexOf('[max]'))
  341.                                 data[clearFieldName]['max'] = object.value;
  342.                         } else {
  343.                             data[fieldName] = object.value;
  344.                         }
  345.                     });
  347.                     \$.ajax({
  348.                         url:'";
  349.         // line 209
  350.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("map.filter", ["city" => (isset($context["cityUriIdentity"]) || array_key_exists("cityUriIdentity", $context) ? $context["cityUriIdentity"] : (function () { throw new RuntimeError('Variable "cityUriIdentity" does not exist.', 209, $this->source); })())]), "html", null, true);
  351.         echo "',
  352.                         type: \"POST\",
  353.                         dataType: \"json\",
  354.                         cache: false,
  355.                         data: {
  356.                             \"form\": JSON.stringify(data),
  357.                             \"mapContext\": mapContext,
  358.                             \"scale\": myMap.getZoom(),
  359.                         },
  360.                         async: true,
  361.                     }).then(getDetailsData).then(points => {
  362.                         updateMap(points);
  363.                         mapStatus.textContent = 'Анкеты: ' + points.profiles.length + '. Салоны: ' + points.saloons.length + '.';
  364.                     }).catch(showError).always(() => setLoading(false));
  365.                 }
  367.                 function checkArrayIsInFormObject(name, formObject) {
  368.                     if(false == formObject.hasOwnProperty(name))
  369.                         formObject[name] = [];
  370.                 }
  372.                 function checkObjectIsInFormObject(name, formObject) {
  373.                     if(false == formObject.hasOwnProperty(name))
  374.                         formObject[name] = {};
  375.                 }
  377.                 function getDetailsData(data) {
  378.                     const profilesRawData = data.profiles || [];
  379.                     const saloonsRawData = data.saloons || [];
  381.                     const profilesAllId = profilesRawData.map(_data => _data[0]).flat();
  382.                     const saloonsAllId = saloonsRawData.map(_data => _data[0]).flat();
  384.                     const profileArray = Array.isArray(profilesAllId) ? profilesAllId : [];
  385.                     const saloonIdArray = Array.isArray(saloonsAllId) ? saloonsAllId : [];
  387.                     const requestBody = {};
  388.                     requestBody.profiles = profileArray;
  389.                     requestBody.saloons = saloonIdArray;
  391.                     return fetch('";
  392.         // line 249
  393.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("map.detail", ["city" => (isset($context["cityUriIdentity"]) || array_key_exists("cityUriIdentity", $context) ? $context["cityUriIdentity"] : (function () { throw new RuntimeError('Variable "cityUriIdentity" does not exist.', 249, $this->source); })())]), "html", null, true);
  394.         echo "', {
  395.                         method: \"POST\",
  396.                         cache: 'no-store',
  397.                         headers: {
  398.                             'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
  399.                             'X-Requested-With': 'XMLHttpRequest',
  400.                         },
  401.                         body: new URLSearchParams(requestBody).toString()
  402.                     })
  403.                     .then(response => {
  404.                         if (!response.ok) {
  405.                             throw new Error('Cannot load map details');
  406.                         }
  407.                         return response.json();
  408.                     });
  409.                 }
  411.                 function updateMap(points) {
  412.                     clusterer.removeAll();
  414.                     if (!points || (points.profiles.length == 0 && points.saloons.length == 0)) {
  415.                         myMap.setCenter([cityLatitude, cityLongitude], 9);
  416.                         return;
  417.                     }
  419.                     const mergedPoints = [...points.profiles, ...points.saloons];
  421.                     var getImgUrl = function(path, imgType) {
  422.                         if(path[0] == '/')
  423.                             return path;
  425.                             console.log(imgType)
  426.                             console.log(photoPath)
  427.                             console.log(thumbPath)
  429.                         var assetPackagePath = '';
  430.                         if(imgType == 'avatar')
  431.                             assetPackagePath = avatarPath;
  432.                         else if(imgType == 'photo')
  433.                             assetPackagePath = photoPath; // /media/profiles/vp/rd/vprdP4ShlKUpkOB.jpg
  434.                         else if(imgType == 'thumb')
  435.                             assetPackagePath = thumbPath; // /media/saloons/thumb///.jpg
  437.                         return `\${assetPackagePath}\${path.slice(0, 2).toLowerCase()}/\${path.slice(2, 4).toLowerCase()}/\${path}.jpg`;
  438.                     };
  440.                     var getPointData = function (point) {
  441.                         const isProfile = point[0] == 1;
  442.                         const isSaloon = point[0] == 2;
  443.                         let url = '';
  444.                         const uri = point[3];
  445.                         if(isProfile) {
  446.                             url = RoutingDecorator.generate(
  447.                                 'profile_preview.page',
  448.                                 multipleCities ? {city: cityUriIdentity, profile: uri} : {profile: uri}
  449.                             );
  450.                         } else if(isSaloon) {
  451.                             url = RoutingDecorator.generate(
  452.                                 'saloon_preview.page',
  453.                                 multipleCities ? {city: cityUriIdentity, saloon: uri} : {saloon: uri}
  454.                             );
  455.                         }
  457.                         var processProfileShowsUrl = '";
  458.         // line 312
  459.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("map.increment_profile_shows", (((isset($context["multipleCities"]) || array_key_exists("multipleCities", $context) ? $context["multipleCities"] : (function () { throw new RuntimeError('Variable "multipleCities" does not exist.', 312, $this->source); })())) ? (["city" => (isset($context["cityUriIdentity"]) || array_key_exists("cityUriIdentity", $context) ? $context["cityUriIdentity"] : (function () { throw new RuntimeError('Variable "cityUriIdentity" does not exist.', 312, $this->source); })())]) : ([]))), "html", null, true);
  460.         echo "';
  461.                         return {
  462.                             balloonContentHeader: '',
  463.                             balloonContentBody: '<p><img src=\"' + getImgUrl(point[5], isProfile ? 'avatar' : 'thumb') + '\" width=\"100\" /></p>' + '<font size=3><b><a target=\"_blank\" href=\"' + url + '\">Профиль</a></b></font>'
  464.                                 + '<img style=\"display:none;\" width=\"0\" height=\"0\" src=\"' + processProfileShowsUrl + '?id=' + (isProfile ? point[9] : null)+'\" />', //не убирать, функционально важно
  465.                             balloonContentFooter: '<font size=1>' + point[8] + ',' + point[9] + ',' + point[10] + '</strong>',
  466.                             clusterCaption: '<strong>' + (isSaloon ? 'Салон ' : '') + point[4] + '</strong>'
  467.                         };
  468.                     };
  470.                     var getPointOptions = function (index, type) {
  471.                         return {
  472.                             preset: type == 'profile' ? 'islands#violetIcon' : 'islands#redIcon'
  473.                         };
  474.                     };
  476.                     var geoObjects = [];
  477.                     for(var i = 0, len = mergedPoints.length; i < len; i++) {
  478.                         const _point = mergedPoints[i];
  479.                         geoObjects[i] = new ymaps.Placemark([_point[1], _point[2]], getPointData(_point), getPointOptions(i, _point[0] == 1));
  480.                     }
  482.                     //В кластеризатор можно добавить javascript-массив меток (не геоколлекцию) или одну метку.
  483.                     clusterer.add(geoObjects);
  484.                     myMap.geoObjects.add(clusterer);
  486.                     // Спозиционируем карту так, чтобы на ней были видны все объекты.
  487.                     if (mergedPoints.length === 1) {
  488.                         myMap.setCenter([mergedPoints[0][1], mergedPoints[0][2]], 14);
  489.                     } else {
  490.                         myMap.setBounds(clusterer.getBounds(), {
  491.                             checkZoomRange: true,
  492.                             zoomMargin: 40
  493.                         }).then(() => {
  494.                             if (myMap.getZoom() > 14) {
  495.                                 myMap.setZoom(14);
  496.                             }
  497.                         });
  498.                     }
  499.                 }
  500.             });
  501.         })();
  502.     </script>
  503. ";
  504.         
  505.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  507.         
  508.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  510.         
  511.         $__internal_b91a4435ea3baf1e2b6bfda56133dace->leave($__internal_b91a4435ea3baf1e2b6bfda56133dace_prof);
  513.     }
  515.     /**
  516.      * @codeCoverageIgnore
  517.      */
  518.     public function getTemplateName()
  519.     {
  520.         return "Map/page.html.twig";
  521.     }
  523.     /**
  524.      * @codeCoverageIgnore
  525.      */
  526.     public function isTraitable()
  527.     {
  528.         return false;
  529.     }
  531.     /**
  532.      * @codeCoverageIgnore
  533.      */
  534.     public function getDebugInfo()
  535.     {
  536.         return array (  459 => 312,  393 => 249,  350 => 209,  277 => 139,  198 => 63,  194 => 62,  179 => 50,  175 => 49,  171 => 48,  153 => 33,  139 => 22,  134 => 21,  121 => 20,  105 => 16,  101 => 15,  97 => 14,  93 => 13,  88 => 11,  80 => 5,  78 => 4,  65 => 3,  36 => 1,);
  537.     }
  539.     public function getSourceContext()
  540.     {
  541.         return new Source("{% extends 'grid.html.twig' %}
  543. {% block mainContainer %}
  544.    {# {{ form(form) }}#}
  545.     <div id=\"map_form\"></div>
  546.     <p>
  547.         <button type=\"button\" id=\"map_refresh\" disabled>Обновить карту</button>
  548.         <button type=\"button\" id=\"map_reset\" disabled>Сбросить фильтры</button>
  549.         <span id=\"map_status\" role=\"status\" aria-live=\"polite\">Загрузка карты…</span>
  550.     </p>
  551.     <img src=\"{{ asset('/static/preloader.gif') }}\" id=\"preloader\" style=\"display: none;\" />
  552.     <div id=\"map\"
  553.          data-city-uri-idenity=\"{{ cityUriIdentity }}\"
  554.          data-city-latitude=\"{{ cityLatitude }}\"
  555.          data-city-longitude=\"{{ cityLongitude }}\"
  556.          data-map-context=\"{{ mapContext }}\"
  557.          style=\"width:100%; height:500px;\"></div>
  558. {% endblock %}
  560. {% block javascripts %}
  561.     <script src=\"{{ asset('bundles/fosjsrouting/js/router.min.js') }}\"></script>
  562.     <script src=\"{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}\"></script>
  563.     <script src=\"https://code.jquery.com/jquery-3.4.1.min.js\"></script>
  564.     <script src=\"https://api-maps.yandex.ru/2.1/?lang=ru_RU\" type=\"text/javascript\"></script>
  565.     <script type=\"text/javascript\">
  566.         ;var RoutingDecorator = {
  567.             generate: function (name, params) {
  568.                 const orig_name = name;
  570.                 try {
  571.                     Routing.getRoute(name)
  572.                 } catch(error) {
  573.                     name = name + '.' + '{{ app.request.locale }}';
  575.                     try {
  576.                         Routing.getRoute(name)
  577.                     } catch(error) {
  578.                         name = orig_name;
  579.                     }
  580.                 }
  582.                 return Routing.generate(name, params);
  583.             }
  584.         };
  586.         ;(function () {
  587.             document.addEventListener('DOMContentLoaded', _ => {
  588.                 var avatarPath = '{{ asset('', 'profile_media_avatar') }}';
  589.                 var photoPath = '{{ asset('', 'profile_media') }}';
  590.                 var thumbPath = '{{ asset('', 'saloon_media_thumb') }}';
  591.                 var mapContainer = document.querySelector('#map');
  592.                 var preloader = document.querySelector('#preloader');
  593.                 var refreshButton = document.querySelector('#map_refresh');
  594.                 var resetButton = document.querySelector('#map_reset');
  595.                 var mapStatus = document.querySelector('#map_status');
  596.                 var loading = false;
  597.                 var mapContext = mapContainer.getAttribute('data-map-context');
  598.                 var cityUriIdentity = mapContainer.getAttribute('data-city-uri-idenity');
  599.                 var cityLatitude = mapContainer.getAttribute('data-city-latitude');
  600.                 var cityLongitude = mapContainer.getAttribute('data-city-longitude');
  601.                 var formName = 'filter_map_form';
  602.                 var multipleCities = {{ multipleCities }};
  603.                 var routesUrl = '/js/fos_js_routes{{ multipleCities ? '_city_prefixed' }}.json';
  605.                 if (typeof ymaps === 'undefined') {
  606.                     mapStatus.textContent = 'Не удалось загрузить Яндекс.Карты. Перезагрузите страницу.';
  607.                     return;
  608.                 }
  609.                 var mapLoadTimeout = setTimeout(() => {
  610.                     mapStatus.textContent = 'Не удалось загрузить Яндекс.Карты. Перезагрузите страницу.';
  611.                 }, 15000);
  612.                 loadRoutes();
  614.                 var myMap, clusterer;
  615.                 ymaps.ready(function () {
  616.                     clearTimeout(mapLoadTimeout);
  617.                     myMap = new ymaps.Map('map', {
  618.                             center: [cityLatitude, cityLongitude],
  619.                             zoom: 9,
  620.                             behaviors: ['default', 'scrollZoom']
  621.                         }, {
  622.                             searchControlProvider: 'yandex#search'
  623.                         });
  625.                     clusterer = new ymaps.Clusterer({
  626.                             preset: 'islands#invertedVioletClusterIcons',//Через кластеризатор можно указать только стили кластеров,стили для меток нужно назначать каждой метке отдельно.
  627.                             groupByCoordinates: false,//Ставим true, если хотим кластеризовать только точки с одинаковыми координатами.
  629.                             //Опции кластеров указываем в кластеризаторе с префиксом \"cluster\".
  630.                             clusterDisableClickZoom: true,
  631.                             clusterHideIconOnBalloonOpen: false,
  632.                             geoObjectHideIconOnBalloonOpen: false
  633.                     });
  635.                     // Можно менять опции кластеризатора после создания.
  636.                     clusterer.options.set({
  637.                         gridSize: 80,
  638.                         clusterDisableClickZoom: true
  639.                     });
  641.                     loadForm();
  642.                     refreshButton.addEventListener('click', function () {
  643.                         if (document.querySelector('form[name=\"' + formName + '\"]')) {
  644.                             filterData();
  645.                         } else {
  646.                             loadForm();
  647.                         }
  648.                     });
  649.                     resetButton.addEventListener('click', function () {
  650.                         document.querySelector('form[name=\"' + formName + '\"]').reset();
  651.                         filterData();
  652.                     });
  653.                 });
  655.                 function loadRoutes() {
  656.                     \$.ajax({
  657.                         url:routesUrl,
  658.                         dataType: \"json\",
  659.                         async: false,
  660.                         success: function (routes) {
  661.                             Routing.setRoutingData(routes);
  662.                         },
  663.                         error: function (xhr, ajaxOptions, thrownError) {}
  664.                     });
  665.                 }
  667.                 function setFormSubmitListener() {
  668.                     document.querySelector(\"form[name=\"+formName+\"]\").addEventListener('submit', function(e){
  669.                         e.preventDefault();
  670.                         if(!clusterer)
  671.                             return;
  672.                         filterData();
  673.                         return false;
  674.                     });
  675.                 }
  677.                 function loadForm() {
  678.                     setLoading(true);
  679.                     fetch('{{ path('map.form', {city: cityUriIdentity}) }}', {
  680.                         mode: \"cors\",
  681.                         importance: \"low\",
  682.                         method: \"POST\",
  683.                         cache: 'no-store',
  684.                         headers: {
  685.                             \"Content-Type\": \"application/x-www-form-urlencoded\",
  686.                             \"X-Requested-With\": \"XMLHttpRequest\"
  687.                         },
  688.                         body: new URLSearchParams({mapContext: mapContext}).toString(),
  689.                     }).then(response => {
  690.                         if (!response.ok) {
  691.                             throw new Error('Cannot load map form');
  692.                         }
  693.                         return response.text();
  694.                     }).then(response => {
  695.                         document.querySelector('#map_form').innerHTML = response;
  696.                         setFormSubmitListener();
  697.                         setLoading(false);
  698.                         filterData();
  699.                     }).catch(() => {
  700.                         showError();
  701.                         setLoading(false);
  702.                     });
  703.                 }
  705.                 function setLoading(value) {
  706.                     loading = value;
  707.                     preloader.style.display = value ? 'block' : 'none';
  708.                     refreshButton.disabled = value;
  709.                     resetButton.disabled = value || !document.querySelector('form[name=\"' + formName + '\"]');
  710.                     if (value) {
  711.                         mapStatus.textContent = 'Загрузка…';
  712.                     }
  713.                 }
  715.                 function showError() {
  716.                     mapStatus.textContent = 'Не удалось обновить карту. Нажмите «Обновить карту», чтобы повторить запрос.';
  717.                 }
  719.                 function filterData() {
  720.                     if (loading) {
  721.                         return;
  722.                     }
  723.                     setLoading(true);
  725.                     var data = {};
  726.                     \$(\"form[name=\"+formName+\"]\").serializeArray().forEach((object)=>{
  728.                         //\"подгоняем\" данные под формат, ожидаемый формой при сабмите
  729.                         var fieldName = object.name.toString().replace(formName + '[', '').replace(']', '');
  730.                         var clearFieldName = fieldName.substr(0, fieldName.indexOf('['));
  731.                         if(~fieldName.indexOf('[]')) {
  732.                             checkArrayIsInFormObject(clearFieldName, data);
  733.                             data[clearFieldName].push(object.value);
  734.                         } else if(~fieldName.indexOf('[m')) {
  735.                             if(!object.value)
  736.                                 return;
  738.                             checkObjectIsInFormObject(clearFieldName, data);
  739.                             if(~fieldName.indexOf('[min]'))
  740.                                 data[clearFieldName]['min'] = object.value;
  741.                             if(~fieldName.indexOf('[max]'))
  742.                                 data[clearFieldName]['max'] = object.value;
  743.                         } else {
  744.                             data[fieldName] = object.value;
  745.                         }
  746.                     });
  748.                     \$.ajax({
  749.                         url:'{{ path('map.filter', {city:cityUriIdentity}) }}',
  750.                         type: \"POST\",
  751.                         dataType: \"json\",
  752.                         cache: false,
  753.                         data: {
  754.                             \"form\": JSON.stringify(data),
  755.                             \"mapContext\": mapContext,
  756.                             \"scale\": myMap.getZoom(),
  757.                         },
  758.                         async: true,
  759.                     }).then(getDetailsData).then(points => {
  760.                         updateMap(points);
  761.                         mapStatus.textContent = 'Анкеты: ' + points.profiles.length + '. Салоны: ' + points.saloons.length + '.';
  762.                     }).catch(showError).always(() => setLoading(false));
  763.                 }
  765.                 function checkArrayIsInFormObject(name, formObject) {
  766.                     if(false == formObject.hasOwnProperty(name))
  767.                         formObject[name] = [];
  768.                 }
  770.                 function checkObjectIsInFormObject(name, formObject) {
  771.                     if(false == formObject.hasOwnProperty(name))
  772.                         formObject[name] = {};
  773.                 }
  775.                 function getDetailsData(data) {
  776.                     const profilesRawData = data.profiles || [];
  777.                     const saloonsRawData = data.saloons || [];
  779.                     const profilesAllId = profilesRawData.map(_data => _data[0]).flat();
  780.                     const saloonsAllId = saloonsRawData.map(_data => _data[0]).flat();
  782.                     const profileArray = Array.isArray(profilesAllId) ? profilesAllId : [];
  783.                     const saloonIdArray = Array.isArray(saloonsAllId) ? saloonsAllId : [];
  785.                     const requestBody = {};
  786.                     requestBody.profiles = profileArray;
  787.                     requestBody.saloons = saloonIdArray;
  789.                     return fetch('{{ path('map.detail', {city:cityUriIdentity}) }}', {
  790.                         method: \"POST\",
  791.                         cache: 'no-store',
  792.                         headers: {
  793.                             'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
  794.                             'X-Requested-With': 'XMLHttpRequest',
  795.                         },
  796.                         body: new URLSearchParams(requestBody).toString()
  797.                     })
  798.                     .then(response => {
  799.                         if (!response.ok) {
  800.                             throw new Error('Cannot load map details');
  801.                         }
  802.                         return response.json();
  803.                     });
  804.                 }
  806.                 function updateMap(points) {
  807.                     clusterer.removeAll();
  809.                     if (!points || (points.profiles.length == 0 && points.saloons.length == 0)) {
  810.                         myMap.setCenter([cityLatitude, cityLongitude], 9);
  811.                         return;
  812.                     }
  814.                     const mergedPoints = [...points.profiles, ...points.saloons];
  816.                     var getImgUrl = function(path, imgType) {
  817.                         if(path[0] == '/')
  818.                             return path;
  820.                             console.log(imgType)
  821.                             console.log(photoPath)
  822.                             console.log(thumbPath)
  824.                         var assetPackagePath = '';
  825.                         if(imgType == 'avatar')
  826.                             assetPackagePath = avatarPath;
  827.                         else if(imgType == 'photo')
  828.                             assetPackagePath = photoPath; // /media/profiles/vp/rd/vprdP4ShlKUpkOB.jpg
  829.                         else if(imgType == 'thumb')
  830.                             assetPackagePath = thumbPath; // /media/saloons/thumb///.jpg
  832.                         return `\${assetPackagePath}\${path.slice(0, 2).toLowerCase()}/\${path.slice(2, 4).toLowerCase()}/\${path}.jpg`;
  833.                     };
  835.                     var getPointData = function (point) {
  836.                         const isProfile = point[0] == 1;
  837.                         const isSaloon = point[0] == 2;
  838.                         let url = '';
  839.                         const uri = point[3];
  840.                         if(isProfile) {
  841.                             url = RoutingDecorator.generate(
  842.                                 'profile_preview.page',
  843.                                 multipleCities ? {city: cityUriIdentity, profile: uri} : {profile: uri}
  844.                             );
  845.                         } else if(isSaloon) {
  846.                             url = RoutingDecorator.generate(
  847.                                 'saloon_preview.page',
  848.                                 multipleCities ? {city: cityUriIdentity, saloon: uri} : {saloon: uri}
  849.                             );
  850.                         }
  852.                         var processProfileShowsUrl = '{{ path('map.increment_profile_shows', multipleCities ? {city:cityUriIdentity} : {}) }}';
  853.                         return {
  854.                             balloonContentHeader: '',
  855.                             balloonContentBody: '<p><img src=\"' + getImgUrl(point[5], isProfile ? 'avatar' : 'thumb') + '\" width=\"100\" /></p>' + '<font size=3><b><a target=\"_blank\" href=\"' + url + '\">Профиль</a></b></font>'
  856.                                 + '<img style=\"display:none;\" width=\"0\" height=\"0\" src=\"' + processProfileShowsUrl + '?id=' + (isProfile ? point[9] : null)+'\" />', //не убирать, функционально важно
  857.                             balloonContentFooter: '<font size=1>' + point[8] + ',' + point[9] + ',' + point[10] + '</strong>',
  858.                             clusterCaption: '<strong>' + (isSaloon ? 'Салон ' : '') + point[4] + '</strong>'
  859.                         };
  860.                     };
  862.                     var getPointOptions = function (index, type) {
  863.                         return {
  864.                             preset: type == 'profile' ? 'islands#violetIcon' : 'islands#redIcon'
  865.                         };
  866.                     };
  868.                     var geoObjects = [];
  869.                     for(var i = 0, len = mergedPoints.length; i < len; i++) {
  870.                         const _point = mergedPoints[i];
  871.                         geoObjects[i] = new ymaps.Placemark([_point[1], _point[2]], getPointData(_point), getPointOptions(i, _point[0] == 1));
  872.                     }
  874.                     //В кластеризатор можно добавить javascript-массив меток (не геоколлекцию) или одну метку.
  875.                     clusterer.add(geoObjects);
  876.                     myMap.geoObjects.add(clusterer);
  878.                     // Спозиционируем карту так, чтобы на ней были видны все объекты.
  879.                     if (mergedPoints.length === 1) {
  880.                         myMap.setCenter([mergedPoints[0][1], mergedPoints[0][2]], 14);
  881.                     } else {
  882.                         myMap.setBounds(clusterer.getBounds(), {
  883.                             checkZoomRange: true,
  884.                             zoomMargin: 40
  885.                         }).then(() => {
  886.                             if (myMap.getZoom() > 14) {
  887.                                 myMap.setZoom(14);
  888.                             }
  889.                         });
  890.                     }
  891.                 }
  892.             });
  893.         })();
  894.     </script>
  895. {% endblock %}
  896. ", "Map/page.html.twig", "/app/templates/Map/page.html.twig");
  897.     }
  898. }