templates/network/profile/sections/network/profile_section_network_network.html.twig line 1

Open in your IDE?
  1. <section id="network " class="p-4 my-8 bg-white shadow-xl sm:p-8 xl:p-16 max-w-8xl">
  2. {% if app.user and profile.network %}
  3.   {% do section_navigation_add({ name: 'network', anchor: 'network' }) %}
  5.   <div class="mx-auto ">
  6.     <div class="container">
  7.       <h2 class="text-lg font-medium uppercase md:text-xl font-headline mb-7">
  8.         {{ 'network'|trans }}
  9.         {% if user.id is defined and profile.id == user.id %}
  10.           <small class="underline lowercase"><a data-turbo="false" href="{{ path('profile_admin_network_index') }}">({{ 'edit'|trans }})</a></small>
  11.         {% endif %}
  12.       </h2>
  13.       <div class="grid xl:grid-cols-1 gap-7 md:gap-14">
  14.         <ul class="grid xl:grid-cols-2 gap-7 md:gap-10">
  15.           {% for profile in profile.network|sort((a, b) => a.name <=> b.name) %}
  16.             <li class="bg-neutral-50">
  17.               {% include "network/profile/components/profile_card_network.html.twig" with { profile: profile} %}
  18.             </li>
  19.           {% endfor %}
  20.         </ul>
  21.         <div>
  22.           {% set marker = [] %}
  23.           {% for profile in profile.network|filter(profile => profile.geolocation) %}
  24.             {% set marker = [{
  25.               geolocation: [profile.geolocation.latitude, profile.geolocation.longitude],
  26.               color: profile.color.hex,
  27.               title: profile.name,
  28.               href: pimcore_url({object: profile}),
  29.               text: profile.street ~ profile.housenumber ~ '<br>' ~ profile.postalCode ~ ' ' ~ profile.city ~ '<br>' ~ profile.country|country_name
  30.             }]|merge(marker) %}
  31.           {% endfor %}
  33.           <div class="hidden aspect-w-16 aspect-h-9 xl:aspect-w-1 xl:aspect-h-1"
  34.             data-controller="leaflet"
  35.             data-leaflet-options-value="{{ {
  36.               fitBoundsToMarker: true,
  37.             }|json_encode }}"
  38.             data-leaflet-marker-value="{{ marker|json_encode }}">
  39.             <template data-leaflet-target="markerTemplate">
  40.               <b>%title%</b><br />
  41.               <span>%text%</span><br />
  42.               <a href="%href%">{{ 'details'|trans }}</a><br />
  43.             </template>
  44.             <div class="w-full h-full map" data-leaflet-target="map"></div>
  45.           </div>
  46.         </div>
  47.       </div>
  48.     </div>
  49.   </div>
  50.   {% elseif not app.user %}
  51.       <div class="container">
  52.         <h2 class="text-lg font-medium uppercase md:text-xl font-headline mb-7">
  53.           {{ 'network'|trans }}
  54.         </h2>
  55.         {% include 'network/profile/components/login_required_hint.html.twig' %}
  56.       </div>
  57. {% else %}
  58. <h2 class="text-xl font-medium text-black uppercase mb-7 md:text-xl font-headline">
  59.         {{ 'network'|trans }}
  60.         {% if user.id is defined and profile.id == user.id %}
  61.           <small class="underline lowercase"><a data-turbo="false" href="{{ path('profile_admin_network_index') }}">({{ 'edit'|trans }})</a></small>
  62.         {% endif %}
  63.       </h2>
  64.       
  65.       {{'no.profile.network.available'|trans}}
  66. {% endif %}
  69. </section>