var/cache/review/twig/fe/fe6ae84e185bac133a8df8c62c15d6de.php line 52

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.                             getDetailsData({
  307.                                 data: return_data,
  308.                                 callback: (points) => updateMap(points)
  309.                             })
  310.                             preloader.style.display = 'none';
  311.                         },
  312.                         error: function (xhr, ajaxOptions, thrownError) {}
  313.                     });
  314.                 }
  316.                 function checkArrayIsInFormObject(name, formObject) {
  317.                     if(false == formObject.hasOwnProperty(name))
  318.                         formObject[name] = [];
  319.                 }
  321.                 function checkObjectIsInFormObject(name, formObject) {
  322.                     if(false == formObject.hasOwnProperty(name))
  323.                         formObject[name] = {};
  324.                 }
  326.                 function getDetailsData({data, callback}) {
  327.                     const profilesRawData = data.profiles || [];
  328.                     const saloonsRawData = data.saloons || [];
  330.                     const profilesAllId = profilesRawData.map(_data => _data[0]).flat();
  331.                     const saloonsAllId = saloonsRawData.map(_data => _data[0]).flat();
  333.                     const profileArray = Array.isArray(profilesAllId) ? profilesAllId : [];
  334.                     const saloonIdArray = Array.isArray(saloonsAllId) ? saloonsAllId : [];
  336.                     const requestBody = {};
  337.                     requestBody.profiles = profileArray;
  338.                     requestBody.saloons = saloonIdArray;
  340.                     fetch('";
  341.         // line 201
  342.         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.', 201, $this->source); })())]), "html", null, true);
  343.         echo "', {
  344.                         method: \"POST\",
  345.                         headers: {
  346.                             'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
  347.                             'X-Requested-With': 'XMLHttpRequest',
  348.                         },
  349.                         body: new URLSearchParams(requestBody).toString()
  350.                     })
  351.                     .then(response => response.json())
  352.                     .then(data => {
  353.                         const { profiles, saloons } = data;
  355.                         callback({ profiles, saloons });
  356.                     })
  357.                     .catch(error => console.error(error));
  360.                     ";
  361.         // line 233
  362.         echo "                }
  364.                 function updateMap(points) {
  365.                     clusterer.removeAll();
  367.                     if (!points || (points.profiles.length == 0 && points.saloons.length == 0)) return
  369.                     const mergedPoints = [...points.profiles, ...points.saloons];
  371.                     var getImgUrl = function(path, imgType) {
  372.                         if(path[0] == '/')
  373.                             return path;
  375.                             console.log(imgType)
  376.                             console.log(photoPath)
  377.                             console.log(thumbPath)
  379.                         var assetPackagePath = '';
  380.                         if(imgType == 'avatar')
  381.                             assetPackagePath = avatarPath;
  382.                         else if(imgType == 'photo')
  383.                             assetPackagePath = photoPath; // /media/profiles/vp/rd/vprdP4ShlKUpkOB.jpg
  384.                         else if(imgType == 'thumb')
  385.                             assetPackagePath = thumbPath; // /media/saloons/thumb///.jpg
  387.                         return `\${assetPackagePath}\${path.slice(0, 2).toLowerCase()}/\${path.slice(2, 4).toLowerCase()}/\${path}.jpg`;
  388.                     };
  390.                     var getPointData = function (point) {
  391.                         const isProfile = point[0] == 1;
  392.                         const isSaloon = point[0] == 2;
  393.                         let url = '';
  394.                         const uri = point[3];
  395.                         if(isProfile) {
  396.                             url = RoutingDecorator.generate(
  397.                                 'profile_preview.page',
  398.                                 multipleCities ? {city: cityUriIdentity, profile: uri} : {profile: uri}
  399.                             );
  400.                         } else if(isSaloon) {
  401.                             url = RoutingDecorator.generate(
  402.                                 'saloon_preview.page',
  403.                                 multipleCities ? {city: cityUriIdentity, saloon: uri} : {saloon: uri}
  404.                             );
  405.                         }
  407.                         var processProfileShowsUrl = '";
  408.         // line 278
  409.         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.', 278, $this->source); })())) ? (["city" => (isset($context["cityUriIdentity"]) || array_key_exists("cityUriIdentity", $context) ? $context["cityUriIdentity"] : (function () { throw new RuntimeError('Variable "cityUriIdentity" does not exist.', 278, $this->source); })())]) : ([]))), "html", null, true);
  410.         echo "';
  411.                         return {
  412.                             balloonContentHeader: '',
  413.                             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>'
  414.                                 + '<img style=\"display:none;\" width=\"0\" height=\"0\" src=\"' + processProfileShowsUrl + '?id=' + (isProfile ? point[9] : null)+'\" />', //не убирать, функционально важно
  415.                             balloonContentFooter: '<font size=1>' + point[8] + ',' + point[9] + ',' + point[10] + '</strong>',
  416.                             clusterCaption: '<strong>' + (isSaloon ? 'Салон ' : '') + point[4] + '</strong>'
  417.                         };
  418.                     };
  420.                     var getPointOptions = function (index, type) {
  421.                         return {
  422.                             preset: type == 'profile' ? 'islands#violetIcon' : 'islands#redIcon'
  423.                         };
  424.                     };
  426.                     var geoObjects = [];
  427.                     for(var i = 0, len = mergedPoints.length; i < len; i++) {
  428.                         const _point = mergedPoints[i];
  429.                         geoObjects[i] = new ymaps.Placemark([_point[1], _point[2]], getPointData(_point), getPointOptions(i, _point[0] == 1));
  430.                     }
  432.                     //В кластеризатор можно добавить javascript-массив меток (не геоколлекцию) или одну метку.
  433.                     clusterer.add(geoObjects);
  434.                     myMap.geoObjects.add(clusterer);
  436.                     // Спозиционируем карту так, чтобы на ней были видны все объекты.
  437.                     myMap.setBounds(clusterer.getBounds(), {
  438.                         checkZoomRange: true
  439.                     });
  440.                 }
  441.             });
  442.         })();
  443.     </script>
  444. ";
  445.         
  446.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  448.         
  449.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  451.         
  452.         $__internal_b91a4435ea3baf1e2b6bfda56133dace->leave($__internal_b91a4435ea3baf1e2b6bfda56133dace_prof);
  454.     }
  456.     /**
  457.      * @codeCoverageIgnore
  458.      */
  459.     public function getTemplateName()
  460.     {
  461.         return "Map/page.html.twig";
  462.     }
  464.     /**
  465.      * @codeCoverageIgnore
  466.      */
  467.     public function isTraitable()
  468.     {
  469.         return false;
  470.     }
  472.     /**
  473.      * @codeCoverageIgnore
  474.      */
  475.     public function getDebugInfo()
  476.     {
  477.         return array (  409 => 278,  362 => 233,  342 => 201,  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,);
  478.     }
  480.     public function getSourceContext()
  481.     {
  482.         return new Source("{% extends 'grid.html.twig' %}
  484. {% block mainContainer %}
  485.    {# {{ form(form) }}#}
  486.     <div id=\"map_form\"></div>
  487.     <img src=\"{{ asset('/static/preloader.gif') }}\" id=\"preloader\" style=\"display: none;\" />
  488.     <div id=\"map\"
  489.          data-city-uri-idenity=\"{{ cityUriIdentity }}\"
  490.          data-city-latitude=\"{{ cityLatitude }}\"
  491.          data-city-longitude=\"{{ cityLongitude }}\"
  492.          style=\"width:100%; height:500px;\"></div>
  493. {% endblock %}
  495. {% block javascripts %}
  496.     <script src=\"{{ asset('bundles/fosjsrouting/js/router.min.js') }}\"></script>
  497.     <script src=\"{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}\"></script>
  498.     <script src=\"https://code.jquery.com/jquery-3.4.1.min.js\"></script>
  499.     <script src=\"https://api-maps.yandex.ru/2.1/?lang=ru_RU\" type=\"text/javascript\"></script>
  500.     <script type=\"text/javascript\">
  501.         ;var RoutingDecorator = {
  502.             generate: function (name, params) {
  503.                 const orig_name = name;
  505.                 try {
  506.                     Routing.getRoute(name)
  507.                 } catch(error) {
  508.                     name = name + '.' + '{{ app.request.locale }}';
  510.                     try {
  511.                         Routing.getRoute(name)
  512.                     } catch(error) {
  513.                         name = orig_name;
  514.                     }
  515.                 }
  517.                 return Routing.generate(name, params);
  518.             }
  519.         };
  521.         ;(function () {
  522.             document.addEventListener('DOMContentLoaded', _ => {
  523.                 var avatarPath = '{{ asset('', 'profile_media_avatar') }}';
  524.                 var photoPath = '{{ asset('', 'profile_media') }}';
  525.                 var thumbPath = '{{ asset('', 'saloon_media_thumb') }}';
  526.                 var mapContainer = document.querySelector('#map');
  527.                 var preloader = document.querySelector('#preloader');
  528.                 var cityUriIdentity = mapContainer.getAttribute('data-city-uri-idenity');
  529.                 var cityLatitude = mapContainer.getAttribute('data-city-latitude');
  530.                 var cityLongitude = mapContainer.getAttribute('data-city-longitude');
  531.                 var formName = 'filter_map_form';
  532.                 var multipleCities = {{ multipleCities }};
  533.                 var routesUrl = '/js/fos_js_routes{{ multipleCities ? '_city_prefixed' }}.json';
  535.                 loadRoutes();
  537.                 var myMap, clusterer;
  538.                 ymaps.ready(function () {
  539.                     myMap = new ymaps.Map('map', {
  540.                             center: [cityLatitude, cityLongitude],
  541.                             zoom: 9,
  542.                             behaviors: ['default', 'scrollZoom']
  543.                         }, {
  544.                             searchControlProvider: 'yandex#search'
  545.                         });
  547.                     clusterer = new ymaps.Clusterer({
  548.                             preset: 'islands#invertedVioletClusterIcons',//Через кластеризатор можно указать только стили кластеров,стили для меток нужно назначать каждой метке отдельно.
  549.                             groupByCoordinates: false,//Ставим true, если хотим кластеризовать только точки с одинаковыми координатами.
  551.                             //Опции кластеров указываем в кластеризаторе с префиксом \"cluster\".
  552.                             clusterDisableClickZoom: true,
  553.                             clusterHideIconOnBalloonOpen: false,
  554.                             geoObjectHideIconOnBalloonOpen: false
  555.                     });
  557.                     // Можно менять опции кластеризатора после создания.
  558.                     clusterer.options.set({
  559.                         gridSize: 80,
  560.                         clusterDisableClickZoom: true
  561.                     });
  563.                     loadForm();
  564.                 });
  566.                 function loadRoutes() {
  567.                     \$.ajax({
  568.                         url:routesUrl,
  569.                         dataType: \"json\",
  570.                         async: false,
  571.                         success: function (routes) {
  572.                             Routing.setRoutingData(routes);
  573.                         },
  574.                         error: function (xhr, ajaxOptions, thrownError) {}
  575.                     });
  576.                 }
  578.                 function setFormSubmitListener() {
  579.                     document.querySelector(\"form[name=\"+formName+\"]\").addEventListener('submit', function(e){
  580.                         e.preventDefault();
  581.                         if(!clusterer)
  582.                             return;
  583.                         filterData();
  584.                         return false;
  585.                     });
  586.                 }
  588.                 function loadForm() {
  589.                     fetch('{{ path('map.form', {city: cityUriIdentity}) }}', {
  590.                         mode: \"cors\",
  591.                         importance: \"low\",
  592.                         method: \"POST\",
  593.                         headers: {
  594.                             \"Content-Type\": \"application/x-www-form-urlencoded\",
  595.                             \"X-Requested-With\": \"XMLHttpRequest\"
  596.                         },
  597.                     }).then(response => {
  598.                         if (response.status < 300) {
  599.                             return response.text();
  600.                         } else {
  601.                             console.warn(\"🤔\");
  602.                             return null;
  603.                         }
  604.                     }).then(response => {
  605.                         document.querySelector('#map_form').innerHTML = response;
  606.                         filterData();
  608.                         setFormSubmitListener();
  609.                     });
  610.                 }
  612.                 function filterData() {
  613.                     preloader.style.display = 'block';
  615.                     var data = {};
  616.                     \$(\"form[name=\"+formName+\"]\").serializeArray().forEach((object)=>{
  618.                         //\"подгоняем\" данные под формат, ожидаемый формой при сабмите
  619.                         var fieldName = object.name.toString().replace(formName + '[', '').replace(']', '');
  620.                         var clearFieldName = fieldName.substr(0, fieldName.indexOf('['));
  621.                         if(~fieldName.indexOf('[]')) {
  622.                             checkArrayIsInFormObject(clearFieldName, data);
  623.                             data[clearFieldName].push(object.value);
  624.                         } else if(~fieldName.indexOf('[m')) {
  625.                             if(!object.value)
  626.                                 return;
  628.                             checkObjectIsInFormObject(clearFieldName, data);
  629.                             if(~fieldName.indexOf('[min]'))
  630.                                 data[clearFieldName]['min'] = object.value;
  631.                             if(~fieldName.indexOf('[max]'))
  632.                                 data[clearFieldName]['max'] = object.value;
  633.                         } else {
  634.                             data[fieldName] = object.value;
  635.                         }
  636.                     });
  638.                     \$.ajax({
  639.                         url:'{{ path('map.filter', {city:cityUriIdentity}) }}',
  640.                         type: \"POST\",
  641.                         dataType: \"json\",
  642.                         data: {
  643.                             \"form\": JSON.stringify(data),
  644.                         },
  645.                         async: true,
  646.                         success: function (return_data) {
  647.                             // console.log(return_data);
  648.                             getDetailsData({
  649.                                 data: return_data,
  650.                                 callback: (points) => updateMap(points)
  651.                             })
  652.                             preloader.style.display = 'none';
  653.                         },
  654.                         error: function (xhr, ajaxOptions, thrownError) {}
  655.                     });
  656.                 }
  658.                 function checkArrayIsInFormObject(name, formObject) {
  659.                     if(false == formObject.hasOwnProperty(name))
  660.                         formObject[name] = [];
  661.                 }
  663.                 function checkObjectIsInFormObject(name, formObject) {
  664.                     if(false == formObject.hasOwnProperty(name))
  665.                         formObject[name] = {};
  666.                 }
  668.                 function getDetailsData({data, callback}) {
  669.                     const profilesRawData = data.profiles || [];
  670.                     const saloonsRawData = data.saloons || [];
  672.                     const profilesAllId = profilesRawData.map(_data => _data[0]).flat();
  673.                     const saloonsAllId = saloonsRawData.map(_data => _data[0]).flat();
  675.                     const profileArray = Array.isArray(profilesAllId) ? profilesAllId : [];
  676.                     const saloonIdArray = Array.isArray(saloonsAllId) ? saloonsAllId : [];
  678.                     const requestBody = {};
  679.                     requestBody.profiles = profileArray;
  680.                     requestBody.saloons = saloonIdArray;
  682.                     fetch('{{ path('map.detail', {city:cityUriIdentity}) }}', {
  683.                         method: \"POST\",
  684.                         headers: {
  685.                             'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
  686.                             'X-Requested-With': 'XMLHttpRequest',
  687.                         },
  688.                         body: new URLSearchParams(requestBody).toString()
  689.                     })
  690.                     .then(response => response.json())
  691.                     .then(data => {
  692.                         const { profiles, saloons } = data;
  694.                         callback({ profiles, saloons });
  695.                     })
  696.                     .catch(error => console.error(error));
  699.                     {# \$.ajax({
  700.                         url:'{{ path('map.detail', {city:cityUriIdentity}) }}',
  701.                         type: \"POST\",
  702.                         dataType: \"json\",
  703.                         data: {
  704.                             \"profiles\": profileArray.toString(),
  705.                             \"saloons\": saloonIdArray.toString(),
  706.                         },
  707.                         async: true,
  708.                         success: function (return_data) {
  709.                             console.log(return_data);
  711.                         },
  712.                         error: function (xhr, ajaxOptions, thrownError) {}
  713.                     }); #}
  714.                 }
  716.                 function updateMap(points) {
  717.                     clusterer.removeAll();
  719.                     if (!points || (points.profiles.length == 0 && points.saloons.length == 0)) return
  721.                     const mergedPoints = [...points.profiles, ...points.saloons];
  723.                     var getImgUrl = function(path, imgType) {
  724.                         if(path[0] == '/')
  725.                             return path;
  727.                             console.log(imgType)
  728.                             console.log(photoPath)
  729.                             console.log(thumbPath)
  731.                         var assetPackagePath = '';
  732.                         if(imgType == 'avatar')
  733.                             assetPackagePath = avatarPath;
  734.                         else if(imgType == 'photo')
  735.                             assetPackagePath = photoPath; // /media/profiles/vp/rd/vprdP4ShlKUpkOB.jpg
  736.                         else if(imgType == 'thumb')
  737.                             assetPackagePath = thumbPath; // /media/saloons/thumb///.jpg
  739.                         return `\${assetPackagePath}\${path.slice(0, 2).toLowerCase()}/\${path.slice(2, 4).toLowerCase()}/\${path}.jpg`;
  740.                     };
  742.                     var getPointData = function (point) {
  743.                         const isProfile = point[0] == 1;
  744.                         const isSaloon = point[0] == 2;
  745.                         let url = '';
  746.                         const uri = point[3];
  747.                         if(isProfile) {
  748.                             url = RoutingDecorator.generate(
  749.                                 'profile_preview.page',
  750.                                 multipleCities ? {city: cityUriIdentity, profile: uri} : {profile: uri}
  751.                             );
  752.                         } else if(isSaloon) {
  753.                             url = RoutingDecorator.generate(
  754.                                 'saloon_preview.page',
  755.                                 multipleCities ? {city: cityUriIdentity, saloon: uri} : {saloon: uri}
  756.                             );
  757.                         }
  759.                         var processProfileShowsUrl = '{{ path('map.increment_profile_shows', multipleCities ? {city:cityUriIdentity} : {}) }}';
  760.                         return {
  761.                             balloonContentHeader: '',
  762.                             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>'
  763.                                 + '<img style=\"display:none;\" width=\"0\" height=\"0\" src=\"' + processProfileShowsUrl + '?id=' + (isProfile ? point[9] : null)+'\" />', //не убирать, функционально важно
  764.                             balloonContentFooter: '<font size=1>' + point[8] + ',' + point[9] + ',' + point[10] + '</strong>',
  765.                             clusterCaption: '<strong>' + (isSaloon ? 'Салон ' : '') + point[4] + '</strong>'
  766.                         };
  767.                     };
  769.                     var getPointOptions = function (index, type) {
  770.                         return {
  771.                             preset: type == 'profile' ? 'islands#violetIcon' : 'islands#redIcon'
  772.                         };
  773.                     };
  775.                     var geoObjects = [];
  776.                     for(var i = 0, len = mergedPoints.length; i < len; i++) {
  777.                         const _point = mergedPoints[i];
  778.                         geoObjects[i] = new ymaps.Placemark([_point[1], _point[2]], getPointData(_point), getPointOptions(i, _point[0] == 1));
  779.                     }
  781.                     //В кластеризатор можно добавить javascript-массив меток (не геоколлекцию) или одну метку.
  782.                     clusterer.add(geoObjects);
  783.                     myMap.geoObjects.add(clusterer);
  785.                     // Спозиционируем карту так, чтобы на ней были видны все объекты.
  786.                     myMap.setBounds(clusterer.getBounds(), {
  787.                         checkZoomRange: true
  788.                     });
  789.                 }
  790.             });
  791.         })();
  792.     </script>
  793. {% endblock %}", "Map/page.html.twig", "/app/templates/Map/page.html.twig");
  794.     }
  795. }