var/cache/review/twig/fe/fe6ae84e185bac133a8df8c62c15d6de.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_a28a045d3be3f3299f645cdfe29370c8 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.     <img src=\"";
  82.         // line 6
  83.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/static/preloader.gif"), "html", null, true);
  84.         echo "\" id=\"preloader\" style=\"display: none;\" />
  85.     <div id=\"map\"
  86.          data-city-uri-idenity=\"";
  87.         // line 8
  88.         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.', 8, $this->source); })()), "html", null, true);
  89.         echo "\"
  90.          data-city-latitude=\"";
  91.         // line 9
  92.         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.', 9, $this->source); })()), "html", null, true);
  93.         echo "\"
  94.          data-city-longitude=\"";
  95.         // line 10
  96.         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.', 10, $this->source); })()), "html", null, true);
  97.         echo "\"
  98.          style=\"width:100%; height:500px;\"></div>
  99. ";
  100.         
  101.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  103.         
  104.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  106.         
  107.         $__internal_b91a4435ea3baf1e2b6bfda56133dace->leave($__internal_b91a4435ea3baf1e2b6bfda56133dace_prof);
  109.     }
  111.     // line 14
  112.     public function block_javascripts($context, array $blocks = [])
  113.     {
  114.         $macros = $this->macros;
  115.         $__internal_b91a4435ea3baf1e2b6bfda56133dace = $this->extensions["Sentry\\SentryBundle\\Tracing\\Twig\\TwigTracingExtension"];
  116.         $__internal_b91a4435ea3baf1e2b6bfda56133dace->enter($__internal_b91a4435ea3baf1e2b6bfda56133dace_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  118.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  119.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  121.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  122.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  124.         // line 15
  125.         echo "    <script src=\"";
  126.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("bundles/fosjsrouting/js/router.min.js"), "html", null, true);
  127.         echo "\"></script>
  128.     <script src=\"";
  129.         // line 16
  130.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("fos_js_routing_js", ["callback" => "fos.Router.setData"]);
  131.         echo "\"></script>
  132.     <script src=\"https://code.jquery.com/jquery-3.4.1.min.js\"></script>
  133.     <script src=\"https://api-maps.yandex.ru/2.1/?lang=ru_RU\" type=\"text/javascript\"></script>
  134.     <script type=\"text/javascript\">
  135.         ;var RoutingDecorator = {
  136.             generate: function (name, params) {
  137.                 const orig_name = name;
  139.                 try {
  140.                     Routing.getRoute(name)
  141.                 } catch(error) {
  142.                     name = name + '.' + '";
  143.         // line 27
  144.         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.', 27, $this->source); })()), "request", [], "any", false, false, false, 27), "locale", [], "any", false, false, false, 27), "html", null, true);
  145.         echo "';
  147.                     try {
  148.                         Routing.getRoute(name)
  149.                     } catch(error) {
  150.                         name = orig_name;
  151.                     }
  152.                 }
  154.                 return Routing.generate(name, params);
  155.             }
  156.         };
  158.         ;(function () {
  159.             document.addEventListener('DOMContentLoaded', _ => {
  160.                 var avatarPath = '";
  161.         // line 42
  162.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("", "profile_media_avatar"), "html", null, true);
  163.         echo "';
  164.                 var photoPath = '";
  165.         // line 43
  166.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("", "profile_media"), "html", null, true);
  167.         echo "';
  168.                 var thumbPath = '";
  169.         // line 44
  170.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("", "saloon_media_thumb"), "html", null, true);
  171.         echo "';
  172.                 var mapContainer = document.querySelector('#map');
  173.                 var preloader = document.querySelector('#preloader');
  174.                 var cityUriIdentity = mapContainer.getAttribute('data-city-uri-idenity');
  175.                 var cityLatitude = mapContainer.getAttribute('data-city-latitude');
  176.                 var cityLongitude = mapContainer.getAttribute('data-city-longitude');
  177.                 var formName = 'filter_map_form';
  178.                 var multipleCities = ";
  179.         // line 51
  180.         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.', 51, $this->source); })()), "html", null, true);
  181.         echo ";
  182.                 var routesUrl = '/js/fos_js_routes";
  183.         // line 52
  184.         echo (((isset($context["multipleCities"]) || array_key_exists("multipleCities", $context) ? $context["multipleCities"] : (function () { throw new RuntimeError('Variable "multipleCities" does not exist.', 52, $this->source); })())) ? ("_city_prefixed") : (""));
  185.         echo ".json';
  187.                 loadRoutes();
  189.                 var myMap, clusterer;
  190.                 ymaps.ready(function () {
  191.                     myMap = new ymaps.Map('map', {
  192.                             center: [cityLatitude, cityLongitude],
  193.                             zoom: 9,
  194.                             behaviors: ['default', 'scrollZoom']
  195.                         }, {
  196.                             searchControlProvider: 'yandex#search'
  197.                         });
  199.                     clusterer = new ymaps.Clusterer({
  200.                             preset: 'islands#invertedVioletClusterIcons',//Через кластеризатор можно указать только стили кластеров,стили для меток нужно назначать каждой метке отдельно.
  201.                             groupByCoordinates: false,//Ставим true, если хотим кластеризовать только точки с одинаковыми координатами.
  203.                             //Опции кластеров указываем в кластеризаторе с префиксом \"cluster\".
  204.                             clusterDisableClickZoom: true,
  205.                             clusterHideIconOnBalloonOpen: false,
  206.                             geoObjectHideIconOnBalloonOpen: false
  207.                     });
  209.                     // Можно менять опции кластеризатора после создания.
  210.                     clusterer.options.set({
  211.                         gridSize: 80,
  212.                         clusterDisableClickZoom: true
  213.                     });
  215.                     loadForm();
  216.                 });
  218.                 function loadRoutes() {
  219.                     \$.ajax({
  220.                         url:routesUrl,
  221.                         dataType: \"json\",
  222.                         async: false,
  223.                         success: function (routes) {
  224.                             Routing.setRoutingData(routes);
  225.                         },
  226.                         error: function (xhr, ajaxOptions, thrownError) {}
  227.                     });
  228.                 }
  230.                 function setFormSubmitListener() {
  231.                     document.querySelector(\"form[name=\"+formName+\"]\").addEventListener('submit', function(e){
  232.                         e.preventDefault();
  233.                         if(!clusterer)
  234.                             return;
  235.                         filterData();
  236.                         return false;
  237.                     });
  238.                 }
  240.                 function loadForm() {
  241.                     fetch('";
  242.         // line 108
  243.         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.', 108, $this->source); })())]), "html", null, true);
  244.         echo "', {
  245.                         mode: \"cors\",
  246.                         importance: \"low\",
  247.                         method: \"POST\",
  248.                         headers: {
  249.                             \"Content-Type\": \"application/x-www-form-urlencoded\",
  250.                             \"X-Requested-With\": \"XMLHttpRequest\"
  251.                         },
  252.                     }).then(response => {
  253.                         if (response.status < 300) {
  254.                             return response.text();
  255.                         } else {
  256.                             console.warn(\"🤔\");
  257.                             return null;
  258.                         }
  259.                     }).then(response => {
  260.                         document.querySelector('#map_form').innerHTML = response;
  261.                         filterData();
  263.                         setFormSubmitListener();
  264.                     });
  265.                 }
  267.                 function filterData() {
  268.                     preloader.style.display = 'block';
  270.                     var data = {};
  271.                     \$(\"form[name=\"+formName+\"]\").serializeArray().forEach((object)=>{
  273.                         //\"подгоняем\" данные под формат, ожидаемый формой при сабмите
  274.                         var fieldName = object.name.toString().replace(formName + '[', '').replace(']', '');
  275.                         var clearFieldName = fieldName.substr(0, fieldName.indexOf('['));
  276.                         if(~fieldName.indexOf('[]')) {
  277.                             checkArrayIsInFormObject(clearFieldName, data);
  278.                             data[clearFieldName].push(object.value);
  279.                         } else if(~fieldName.indexOf('[m')) {
  280.                             if(!object.value)
  281.                                 return;
  283.                             checkObjectIsInFormObject(clearFieldName, data);
  284.                             if(~fieldName.indexOf('[min]'))
  285.                                 data[clearFieldName]['min'] = object.value;
  286.                             if(~fieldName.indexOf('[max]'))
  287.                                 data[clearFieldName]['max'] = object.value;
  288.                         } else {
  289.                             data[fieldName] = object.value;
  290.                         }
  291.                     });
  293.                     \$.ajax({
  294.                         url:'";
  295.         // line 158
  296.         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.', 158, $this->source); })())]), "html", null, true);
  297.         echo "',
  298.                         type: \"POST\",
  299.                         dataType: \"json\",
  300.                         data: {
  301.                             \"form\": JSON.stringify(data),
  302.                         },
  303.                         async: true,
  304.                         success: function (return_data) {
  305.                             // console.log(return_data);
  306.                             updateMap(return_data);
  307.                             preloader.style.display = 'none';
  308.                         },
  309.                         error: function (xhr, ajaxOptions, thrownError) {}
  310.                     });
  311.                 }
  313.                 function checkArrayIsInFormObject(name, formObject) {
  314.                     if(false == formObject.hasOwnProperty(name))
  315.                         formObject[name] = [];
  316.                 }
  318.                 function checkObjectIsInFormObject(name, formObject) {
  319.                     if(false == formObject.hasOwnProperty(name))
  320.                         formObject[name] = {};
  321.                 }
  323.                 function updateMap(points) {
  324.                     clusterer.removeAll();
  326.                     if(!points || !points.length)
  327.                         return;
  329.                     var getImgUrl = function(path, imgType) {
  330.                         if(path[0] == '/')
  331.                             return path;
  333.                         var assetPackagePath = '';
  334.                         if(imgType == 'avatar')
  335.                             assetPackagePath = avatarPath;
  336.                         else if(imgType == 'photo')
  337.                             assetPackagePath = photoPath;
  338.                         if(imgType == 'thumb')
  339.                             assetPackagePath = thumbPath;
  341.                         return assetPackagePath + path;
  342.                     };
  344.                     var getPointData = function (index) {
  345.                         const data = points[index];
  347.                         const isProfile = data[0] == 1;
  348.                         const isSaloon = data[0] == 2;
  349.                         let url = '';
  350.                         const uri = data[3];
  351.                         if(isProfile) {
  352.                             url = RoutingDecorator.generate(
  353.                                 'profile_preview.page',
  354.                                 multipleCities ? {city: cityUriIdentity, profile: uri} : {profile: uri}
  355.                             );
  356.                         } else if(isSaloon) {
  357.                             url = RoutingDecorator.generate(
  358.                                 'saloon_preview.page',
  359.                                 multipleCities ? {city: cityUriIdentity, saloon: uri} : {saloon: uri}
  360.                             );
  361.                         }
  363.                         var processProfileShowsUrl = '";
  364.         // line 224
  365.         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.', 224, $this->source); })())) ? (["city" => (isset($context["cityUriIdentity"]) || array_key_exists("cityUriIdentity", $context) ? $context["cityUriIdentity"] : (function () { throw new RuntimeError('Variable "cityUriIdentity" does not exist.', 224, $this->source); })())]) : ([]))), "html", null, true);
  366.         echo "';
  367.                         return {
  368.                             balloonContentHeader: '',
  369.                             balloonContentBody: '<p><img src=\"' + getImgUrl(data[5], isProfile ? 'avatar' : 'thumb') + '\" width=\"100\" /></p>' + '<font size=3><b><a target=\"_blank\" href=\"' + url + '\">Профиль</a></b></font>'
  370.                                 + '<img style=\"display:none;\" width=\"0\" height=\"0\" src=\"' + processProfileShowsUrl + '?id=' + (isProfile ? data[9] : null)+'\" />', //не убирать, функционально важно
  371.                             balloonContentFooter: '<font size=1>' + data[8] + ',' + data[9] + ',' + data[10] + '</strong>',
  372.                             clusterCaption: '<strong>' + (isSaloon ? 'Салон ' : '') + data[4] + '</strong>'
  373.                         };
  374.                     };
  376.                     var getPointOptions = function (index, type) {
  377.                         return {
  378.                             preset: type == 'profile' ? 'islands#violetIcon' : 'islands#redIcon'
  379.                         };
  380.                     };
  382.                     var geoObjects = [];
  383.                     for(var i = 0, len = points.length; i < len; i++)
  384.                         geoObjects[i] = new ymaps.Placemark([points[i][1], points[i][2]], getPointData(i), getPointOptions(i, points[i][0] == 1));
  386.                     //В кластеризатор можно добавить javascript-массив меток (не геоколлекцию) или одну метку.
  387.                     clusterer.add(geoObjects);
  388.                     myMap.geoObjects.add(clusterer);
  390.                     // Спозиционируем карту так, чтобы на ней были видны все объекты.
  391.                     myMap.setBounds(clusterer.getBounds(), {
  392.                         checkZoomRange: true
  393.                     });
  394.                 }
  395.             });
  396.         })();
  397.     </script>
  398. ";
  399.         
  400.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  402.         
  403.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  405.         
  406.         $__internal_b91a4435ea3baf1e2b6bfda56133dace->leave($__internal_b91a4435ea3baf1e2b6bfda56133dace_prof);
  408.     }
  410.     /**
  411.      * @codeCoverageIgnore
  412.      */
  413.     public function getTemplateName()
  414.     {
  415.         return "Map/page.html.twig";
  416.     }
  418.     /**
  419.      * @codeCoverageIgnore
  420.      */
  421.     public function isTraitable()
  422.     {
  423.         return false;
  424.     }
  426.     /**
  427.      * @codeCoverageIgnore
  428.      */
  429.     public function getDebugInfo()
  430.     {
  431.         return array (  365 => 224,  296 => 158,  243 => 108,  184 => 52,  180 => 51,  170 => 44,  166 => 43,  162 => 42,  144 => 27,  130 => 16,  125 => 15,  112 => 14,  96 => 10,  92 => 9,  88 => 8,  83 => 6,  80 => 5,  78 => 4,  65 => 3,  36 => 1,);
  432.     }
  434.     public function getSourceContext()
  435.     {
  436.         return new Source("{% extends 'grid.html.twig' %}
  438. {% block mainContainer %}
  439.    {# {{ form(form) }}#}
  440.     <div id=\"map_form\"></div>
  441.     <img src=\"{{ asset('/static/preloader.gif') }}\" id=\"preloader\" style=\"display: none;\" />
  442.     <div id=\"map\"
  443.          data-city-uri-idenity=\"{{ cityUriIdentity }}\"
  444.          data-city-latitude=\"{{ cityLatitude }}\"
  445.          data-city-longitude=\"{{ cityLongitude }}\"
  446.          style=\"width:100%; height:500px;\"></div>
  447. {% endblock %}
  449. {% block javascripts %}
  450.     <script src=\"{{ asset('bundles/fosjsrouting/js/router.min.js') }}\"></script>
  451.     <script src=\"{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}\"></script>
  452.     <script src=\"https://code.jquery.com/jquery-3.4.1.min.js\"></script>
  453.     <script src=\"https://api-maps.yandex.ru/2.1/?lang=ru_RU\" type=\"text/javascript\"></script>
  454.     <script type=\"text/javascript\">
  455.         ;var RoutingDecorator = {
  456.             generate: function (name, params) {
  457.                 const orig_name = name;
  459.                 try {
  460.                     Routing.getRoute(name)
  461.                 } catch(error) {
  462.                     name = name + '.' + '{{ app.request.locale }}';
  464.                     try {
  465.                         Routing.getRoute(name)
  466.                     } catch(error) {
  467.                         name = orig_name;
  468.                     }
  469.                 }
  471.                 return Routing.generate(name, params);
  472.             }
  473.         };
  475.         ;(function () {
  476.             document.addEventListener('DOMContentLoaded', _ => {
  477.                 var avatarPath = '{{ asset('', 'profile_media_avatar') }}';
  478.                 var photoPath = '{{ asset('', 'profile_media') }}';
  479.                 var thumbPath = '{{ asset('', 'saloon_media_thumb') }}';
  480.                 var mapContainer = document.querySelector('#map');
  481.                 var preloader = document.querySelector('#preloader');
  482.                 var cityUriIdentity = mapContainer.getAttribute('data-city-uri-idenity');
  483.                 var cityLatitude = mapContainer.getAttribute('data-city-latitude');
  484.                 var cityLongitude = mapContainer.getAttribute('data-city-longitude');
  485.                 var formName = 'filter_map_form';
  486.                 var multipleCities = {{ multipleCities }};
  487.                 var routesUrl = '/js/fos_js_routes{{ multipleCities ? '_city_prefixed' }}.json';
  489.                 loadRoutes();
  491.                 var myMap, clusterer;
  492.                 ymaps.ready(function () {
  493.                     myMap = new ymaps.Map('map', {
  494.                             center: [cityLatitude, cityLongitude],
  495.                             zoom: 9,
  496.                             behaviors: ['default', 'scrollZoom']
  497.                         }, {
  498.                             searchControlProvider: 'yandex#search'
  499.                         });
  501.                     clusterer = new ymaps.Clusterer({
  502.                             preset: 'islands#invertedVioletClusterIcons',//Через кластеризатор можно указать только стили кластеров,стили для меток нужно назначать каждой метке отдельно.
  503.                             groupByCoordinates: false,//Ставим true, если хотим кластеризовать только точки с одинаковыми координатами.
  505.                             //Опции кластеров указываем в кластеризаторе с префиксом \"cluster\".
  506.                             clusterDisableClickZoom: true,
  507.                             clusterHideIconOnBalloonOpen: false,
  508.                             geoObjectHideIconOnBalloonOpen: false
  509.                     });
  511.                     // Можно менять опции кластеризатора после создания.
  512.                     clusterer.options.set({
  513.                         gridSize: 80,
  514.                         clusterDisableClickZoom: true
  515.                     });
  517.                     loadForm();
  518.                 });
  520.                 function loadRoutes() {
  521.                     \$.ajax({
  522.                         url:routesUrl,
  523.                         dataType: \"json\",
  524.                         async: false,
  525.                         success: function (routes) {
  526.                             Routing.setRoutingData(routes);
  527.                         },
  528.                         error: function (xhr, ajaxOptions, thrownError) {}
  529.                     });
  530.                 }
  532.                 function setFormSubmitListener() {
  533.                     document.querySelector(\"form[name=\"+formName+\"]\").addEventListener('submit', function(e){
  534.                         e.preventDefault();
  535.                         if(!clusterer)
  536.                             return;
  537.                         filterData();
  538.                         return false;
  539.                     });
  540.                 }
  542.                 function loadForm() {
  543.                     fetch('{{ path('map.form', {city: cityUriIdentity}) }}', {
  544.                         mode: \"cors\",
  545.                         importance: \"low\",
  546.                         method: \"POST\",
  547.                         headers: {
  548.                             \"Content-Type\": \"application/x-www-form-urlencoded\",
  549.                             \"X-Requested-With\": \"XMLHttpRequest\"
  550.                         },
  551.                     }).then(response => {
  552.                         if (response.status < 300) {
  553.                             return response.text();
  554.                         } else {
  555.                             console.warn(\"🤔\");
  556.                             return null;
  557.                         }
  558.                     }).then(response => {
  559.                         document.querySelector('#map_form').innerHTML = response;
  560.                         filterData();
  562.                         setFormSubmitListener();
  563.                     });
  564.                 }
  566.                 function filterData() {
  567.                     preloader.style.display = 'block';
  569.                     var data = {};
  570.                     \$(\"form[name=\"+formName+\"]\").serializeArray().forEach((object)=>{
  572.                         //\"подгоняем\" данные под формат, ожидаемый формой при сабмите
  573.                         var fieldName = object.name.toString().replace(formName + '[', '').replace(']', '');
  574.                         var clearFieldName = fieldName.substr(0, fieldName.indexOf('['));
  575.                         if(~fieldName.indexOf('[]')) {
  576.                             checkArrayIsInFormObject(clearFieldName, data);
  577.                             data[clearFieldName].push(object.value);
  578.                         } else if(~fieldName.indexOf('[m')) {
  579.                             if(!object.value)
  580.                                 return;
  582.                             checkObjectIsInFormObject(clearFieldName, data);
  583.                             if(~fieldName.indexOf('[min]'))
  584.                                 data[clearFieldName]['min'] = object.value;
  585.                             if(~fieldName.indexOf('[max]'))
  586.                                 data[clearFieldName]['max'] = object.value;
  587.                         } else {
  588.                             data[fieldName] = object.value;
  589.                         }
  590.                     });
  592.                     \$.ajax({
  593.                         url:'{{ path('map.filter', {city:cityUriIdentity}) }}',
  594.                         type: \"POST\",
  595.                         dataType: \"json\",
  596.                         data: {
  597.                             \"form\": JSON.stringify(data),
  598.                         },
  599.                         async: true,
  600.                         success: function (return_data) {
  601.                             // console.log(return_data);
  602.                             updateMap(return_data);
  603.                             preloader.style.display = 'none';
  604.                         },
  605.                         error: function (xhr, ajaxOptions, thrownError) {}
  606.                     });
  607.                 }
  609.                 function checkArrayIsInFormObject(name, formObject) {
  610.                     if(false == formObject.hasOwnProperty(name))
  611.                         formObject[name] = [];
  612.                 }
  614.                 function checkObjectIsInFormObject(name, formObject) {
  615.                     if(false == formObject.hasOwnProperty(name))
  616.                         formObject[name] = {};
  617.                 }
  619.                 function updateMap(points) {
  620.                     clusterer.removeAll();
  622.                     if(!points || !points.length)
  623.                         return;
  625.                     var getImgUrl = function(path, imgType) {
  626.                         if(path[0] == '/')
  627.                             return path;
  629.                         var assetPackagePath = '';
  630.                         if(imgType == 'avatar')
  631.                             assetPackagePath = avatarPath;
  632.                         else if(imgType == 'photo')
  633.                             assetPackagePath = photoPath;
  634.                         if(imgType == 'thumb')
  635.                             assetPackagePath = thumbPath;
  637.                         return assetPackagePath + path;
  638.                     };
  640.                     var getPointData = function (index) {
  641.                         const data = points[index];
  643.                         const isProfile = data[0] == 1;
  644.                         const isSaloon = data[0] == 2;
  645.                         let url = '';
  646.                         const uri = data[3];
  647.                         if(isProfile) {
  648.                             url = RoutingDecorator.generate(
  649.                                 'profile_preview.page',
  650.                                 multipleCities ? {city: cityUriIdentity, profile: uri} : {profile: uri}
  651.                             );
  652.                         } else if(isSaloon) {
  653.                             url = RoutingDecorator.generate(
  654.                                 'saloon_preview.page',
  655.                                 multipleCities ? {city: cityUriIdentity, saloon: uri} : {saloon: uri}
  656.                             );
  657.                         }
  659.                         var processProfileShowsUrl = '{{ path('map.increment_profile_shows', multipleCities ? {city:cityUriIdentity} : {}) }}';
  660.                         return {
  661.                             balloonContentHeader: '',
  662.                             balloonContentBody: '<p><img src=\"' + getImgUrl(data[5], isProfile ? 'avatar' : 'thumb') + '\" width=\"100\" /></p>' + '<font size=3><b><a target=\"_blank\" href=\"' + url + '\">Профиль</a></b></font>'
  663.                                 + '<img style=\"display:none;\" width=\"0\" height=\"0\" src=\"' + processProfileShowsUrl + '?id=' + (isProfile ? data[9] : null)+'\" />', //не убирать, функционально важно
  664.                             balloonContentFooter: '<font size=1>' + data[8] + ',' + data[9] + ',' + data[10] + '</strong>',
  665.                             clusterCaption: '<strong>' + (isSaloon ? 'Салон ' : '') + data[4] + '</strong>'
  666.                         };
  667.                     };
  669.                     var getPointOptions = function (index, type) {
  670.                         return {
  671.                             preset: type == 'profile' ? 'islands#violetIcon' : 'islands#redIcon'
  672.                         };
  673.                     };
  675.                     var geoObjects = [];
  676.                     for(var i = 0, len = points.length; i < len; i++)
  677.                         geoObjects[i] = new ymaps.Placemark([points[i][1], points[i][2]], getPointData(i), getPointOptions(i, points[i][0] == 1));
  679.                     //В кластеризатор можно добавить javascript-массив меток (не геоколлекцию) или одну метку.
  680.                     clusterer.add(geoObjects);
  681.                     myMap.geoObjects.add(clusterer);
  683.                     // Спозиционируем карту так, чтобы на ней были видны все объекты.
  684.                     myMap.setBounds(clusterer.getBounds(), {
  685.                         checkZoomRange: true
  686.                     });
  687.                 }
  688.             });
  689.         })();
  690.     </script>
  691. {% endblock %}", "Map/page.html.twig", "/app/templates/Map/page.html.twig");
  692.     }
  693. }