templates/all_tyre/inwidth.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Hello AllTyreController!{% endblock %}
  5. {% block body %}
  7. <script>
  9. let coordinat;
  10. let xy;
  12. function getPos() {
  14.     var loca = {{ product.location|json_encode|raw }};
  16.     fetch('https://geocode-maps.yandex.ru/1.x/?apikey=0b8c32a5-05a1-4b77-8b56-b0668e11d9e0&format=json&geocode='+loca)
  17.           .then(response => response.json())
  18.           .then(data => {
  19.             // console.log(data.response.GeoObjectCollection.featureMember[0].GeoObject.Point.pos);
  20.             coordinat = data.response.GeoObjectCollection.featureMember[0].GeoObject.Point.pos;
  21.             xy = coordinat.split(' ');
  22.             let pos1 = xy[0];
  23.               let pos2 = xy[1];
  24.               main(pos1, pos2);
  25.         })
  26.           .catch(error => console.error(error));
  27. }
  29. getPos();
  31. async function main(pos1, pos2) {
  32.     // Промис `ymaps3.ready` будет зарезолвлен, когда
  33.     // загрузятся все компоненты API.
  34.     await ymaps3.ready;
  36.     // Создание карты.
  37.     const map = new ymaps3.YMap(document.getElementById('map'), {
  38.            location: {
  39.             // Координаты центра карты.
  40.             // Порядок по умолчанию: «долгота, широта».
  41.             center: [pos1, pos2],
  43.             // Уровень масштабирования. Допустимые значения:
  44.             // от 0 (весь мир) до 19.
  45.             zoom: 17
  46.            }
  47.     },
  48.     [
  49.         // Добавляем слой для отображения схематической карты.
  50.            new ymaps3.YMapDefaultSchemeLayer()
  51.     ]
  52.     )
  53.     map.addChild(new ymaps3.YMapDefaultFeaturesLayer()); // В этом слое будут маркеры.
  54.     // DOM-элемент должен быть создан заранее, но его содержимое можно задать в любой момент.
  55.     const content = document.createElement('section');
  56.     const marker = new ymaps3.YMapMarker({
  57.         coordinates: [pos1, pos2],
  58.         draggable: true
  59.     }, content);
  60.     map.addChild(marker);
  61.     content.innerHTML = '<h1>O</h1>';
  62. }
  63. </script>
  65. <div class="container">
  66.     <h2 class="display-3">Автор - {{ product.name }}</h2>
  67.     <h2 class="display-5">{{ product.fstring }}</h2>
  68.     <h2 class="display-5">Цена - {{ product.price }}</h2>
  69.     <h2 class="display-5">Адресс - {{ product.location }}</h2>
  70.     <img style="height: 90px;" class="img-fluid" src="{{ asset('uploads/images/' ~ product.path) }}">
  71.     {% if is_granted('ROLE_USER') %}
  72.     <form action="{{ path('add_to_favorites', { 'productId': product.id }) }}" method="POST">
  73.         <input type="hidden" name="_csrf_token" value="{{ csrf_token('add_to_favorites') }}">
  74.         <button type="submit">
  75.             Добавить 
  76.             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bag-heart" viewBox="0 0 16 16">
  77.                   <path fill-rule="evenodd" d="M10.5 3.5a2.5 2.5 0 0 0-5 0V4h5v-.5Zm1 0V4H15v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V4h3.5v-.5a3.5 3.5 0 1 1 7 0ZM14 14V5H2v9a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1ZM8 7.993c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z"/>
  78.             </svg>
  79.         </button>
  80.     </form>
  81.     {% endif %}
  84. {#     {% if is_granted('ROLE_USER') %}
  85.         {% if product.isFavorite %}
  86.             <form action="{{ path('remove_from_favorites', { 'productId': product.id }) }}" method="POST"> <input type="hidden" name="_csrf_token" value="{{ csrf_token('remove_from_favorites') }}">
  87.                 <button type="submit">Remove from Favorites</button>
  88.             </form>
  89.         {% else %}
  90.             <form action="{{ path('add_to_favorites', { 'productId': product.id }) }}" method="POST"> <input type="hidden" name="_csrf_token" value="{{ csrf_token('add_to_favorites') }}">
  91.                 <button type="submit">Add to Favorites</button>
  92.                 </form>
  93.             {% endif %}
  94.         {% endif %} #}
  96.     <div id="map" style="width: 600px; height: 400px"></div>
  97. </div>
  99. {% endblock %}