templates/areas/contact-people-brick/view.html.twig line 1

Open in your IDE?
  1. {% set contacts = pimcore_relations('contacts', {
  2.     classes: ['ContactPerson'],
  3.     title: 'Contactpersonen'
  4. }) %}
  6. {% embed 'app/area-brick-layout.html.twig' %}
  8.     {% block content %}
  9.         <!-- Contact Colleagues -->
  10.         <section class="container py-10">
  11.             {% if editmode or not pimcore_input('contact-people-title').isEmpty() %}
  12.                 <h2 class="my-10 text-4xl">{{ pimcore_input('contact-people-title', { placeholder: 'Titel' }) }}</h2>
  13.             {% endif %}
  15.             <div class="relative z-20 block p-10 text-white bg-blue-300 rounded-md">
  16.                 {% if editmode or not pimcore_input('title').isEmpty() %}
  17.                     <h3 class="text-2xl leading-7">{{ pimcore_input('title', { placeholder: 'Titel' }) }}</h3>
  18.                 {% endif %}
  20.                 {% if editmode %}
  21.                     {{ contacts|raw }}
  22.                 {% else %}
  23.                     {# Don't do `contacts|length` within the loop, that resets the pointer. #}
  24.                     {% set length = contacts|length %}
  25.                     {% for i, contact in contacts %}
  26.                         <div class="
  27.                             flex
  28.                             items-center
  29.                             justify-between
  30.                             {% if not pimcore_input('title').isEmpty() || length > 1 %}
  31.                                 {{ loop.index == length ? 'pt-6' : 'py-6 border-b border-white border-opacity-20' }}
  32.                             {% endif %}
  33.                         ">
  34.                             {% if contact.image %}
  35.                                 <div class="block mr-4">
  36.                                     {{ contact.image.getThumbnail('contact-people-image').html({
  37.                                         imgAttributes: {class: 'rounded-full'}
  38.                                     })|raw }}
  39.                                 </div>
  40.                             {% endif %}
  41.                             <div class="flex flex-col flex-grow">
  42.                                 <span class="text-xl font-bold">{{ contact.name }}</span>
  43.                                 <span>{{ contact.function }}</span>
  44.                             </div>
  45.                             <div class="flex">
  46.                                 {% if contact.phone %}
  47.                                     <a href="tel:{{ contact.phone | phone }}" class="flex items-center justify-center w-10 h-10 mr-6 bg-white rounded-full">
  48.                                         <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path fill="#0072BB" fill-rule="evenodd" d="m19.243 13.03-4-1a1.004 1.004 0 0 0-1.075.416l-2.56 3.84a17.084 17.084 0 0 1-7.894-7.894l3.84-2.56a1 1 0 0 0 .416-1.074l-1-4A1 1 0 0 0 6 0H1a1 1 0 0 0-1 1c.012 10.489 8.511 18.988 19 19a1 1 0 0 0 1-1v-5a1 1 0 0 0-.757-.97Z"/></svg>
  49.                                     </a>
  50.                                 {% endif %}
  51.                                 {% if document.hasProperty('contactPage') and data.request.url != document.getProperty('contactPage').getUrl() %}
  52.                                     <a href="{{ document.getProperty('contactPage').getUrl() | trimUrl }}" target="_blank" class="flex items-center justify-center w-10 h-10 bg-white rounded-full">
  53.                                         <svg xmlns="http://www.w3.org/2000/svg" width="20" height="17"><path fill="#0072BB" fill-rule="evenodd" d="M2 14.5V6.04l7.594 3.375a.999.999 0 0 0 .812 0L18 6.039V14.5H2Zm16-12v1.35l-8 3.555-8-3.554V2.5h16Zm2 1.98V1.5a1 1 0 0 0-1-1H1a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V4.48Z"/></svg>
  54.                                     </a>
  55.                                 {% endif %}
  56.                                 {# Temporarily disabled in favor of ↑ (COOL-186) #}
  57.                                 {#<a href="mailto:{{ contact.email }}" target="_blank" class="flex items-center justify-center w-10 h-10 bg-white rounded-full">
  58.                                     <svg xmlns="http://www.w3.org/2000/svg" width="20" height="17"><path fill="#0072BB" fill-rule="evenodd" d="M2 14.5V6.04l7.594 3.375a.999.999 0 0 0 .812 0L18 6.039V14.5H2Zm16-12v1.35l-8 3.555-8-3.554V2.5h16Zm2 1.98V1.5a1 1 0 0 0-1-1H1a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V4.48Z"/></svg>
  59.                                 </a>#}
  60.                             </div>
  61.                         </div>
  62.                     {% endfor %}
  63.                 {% endif %}
  64.             </div>
  65.         </section>
  66.     {% endblock %}
  68. {% endembed %}