templates/_parts/infrastructure/_infrastructure-map.html.twig line 1

Open in your IDE?
  1. {% if true %}
  3.     {# <img src="{{ vich_uploader_asset(settings(), 'imageFile') }}" alt=""> #}
  4.     {# {{ vich_uploader_asset(settings(), 'imageFile') }} #}
  6.     <div class="project-map"
  7.          data-project-map
  8.          data-lat="{{ infrastructureSettings.addressLat }}"
  9.          data-lng="{{ infrastructureSettings.addressLng }}"
  10.          data-zoom="15"
  11.             {% if vich_uploader_asset(infrastructureSettings, 'imageFile') %}
  12.                 data-icon="{{ vich_uploader_asset(infrastructureSettings, 'imageFile') }}"
  13.             {% endif %}
  14.             {# data-color="{$project->map_icons_color}" #}
  15.     >
  17.         <div class="project-map__bg"></div>
  19.         {# {* Карта рендерится тут *} #}
  20.         <div class="project-map__canvas" style="height: 70vh" data-project-map-canvas></div>
  22.         {# {* Это хинт при наведении на проект на карте *} #}
  23.         {# {* Внутренности этого блока будут отображаться на карте *} #}
  24.         <div class="project-map__hint-container">
  25.             <div class="project-map__project-hint" data-project-map-hint>
  27.                 {# <div class="project-map__project-hint-image-wrap"> #}
  28.                 {# {% if settings().image %} #}
  29.                 {# {% include '_parts/image/adaptive-image.html.twig' with { #}
  30.                 {# object: settings(), #}
  31.                 {# field: 'imageFile', #}
  32.                 {# size: 'infrastructure_thumb', #}
  33.                 {# alt: 'PRIME', #}
  34.                 {# class: 'project-map__image', #}
  35.                 {# classPicture: 'project-map__picture', #}
  36.                 {# } %} #}
  37.                 {# {% endif %} #}
  38.                 {# </div> #}
  40.                 <div class="project-map__project-hint-text-wrap">
  41.                     <div class="project-map__project-hint-title text__mini">
  42.                         {# TODO: change name to local project name - add to settings - и вообще пофиксить - ничего не работает. или забить. хз #}
  43.                         
  44.                         {% if settings().projectName %}
  45.                             {{ settings().projectName }}
  46.                         {% endif %}
  47.                     </div>
  48.                 </div>
  50.             </div>
  51.         </div>
  53.         {# {* Объекты выводятся тут *} #}
  54.         <div class="project-map__objects" data-project-map-objects>
  56.             {% for infrastructureItem in infrastructureItems %}
  57.                 {% set infraType = infrastructureItem.type.icon %}
  58.                 {% set infraIconPath =  asset('images/infrastructure-icons/infrastructure-icon-'~ infraType ~'.svg') %}
  60.                 {# {* Описание объекта *} #}
  61.                 <div
  62.                         data-project-map-object
  63.                         data-lat="{{ infrastructureItem.addressLat }}"
  64.                         data-lng="{{ infrastructureItem.addressLng }}"
  65.                         data-category=""
  66.                         data-name="{{ infrastructureItem.name }}"
  67.                         data-icon="{{ url('infrastructure-icons:icon', {'type': infraType}) }}"
  68.                         data-icon-hover="{{ url('infrastructure-icons:icon-negative', {'type': infraType}) }}"
  69.                         {# {* Важно - цвет ниже обязательно обрабатываем через urlencode *} #}
  70.                         {# {if $project->map_icons_color}data-color="{$project->map_icons_color|urlencode}"{/if} #}
  71.                 >
  72.                     {# {* Возможно, тут будет контент балуна, пока не реализовано *} #}
  73.                 </div>
  74.             {% endfor %}
  76.         </div>
  78.     </div>
  79. {% endif %}