templates/includes/teaser/contact-person-teaser.html.twig line 1

Open in your IDE?
  1. {% set cardTitle = cardTitle | default('') %}
  2. {% set department = department | default('') %}
  3. {% set resorts = resorts | default([]) %}
  5. {% set phone = phone|default('') %}
  6. {% set mail = mail|default('') %}
  7. {% set image = image|default('') %}
  9. <section class="card card--contact shadow box-shadow-hover bg-white rounded">
  10.     <div class="card__body d-flex flex-column">
  11.         <div class="card__top">
  12.             <div class="row">
  13.                 <div class="col-md order-md-0 order-1">
  14.                     {% if contactPerson.department or contactPerson.position %}
  15.                         <ul class="list-inline list-with-dot" >
  16.                             <li class="list-inline-item">
  17.                                 {% if contactPerson.position %}
  18.                                     {{ contactPerson.position }}{{ contactPerson.department ? ', ' }}
  19.                                 {% endif %}
  20.                                 {% if contactPerson.department %}
  21.                                     {{ contactPerson.department.name }}
  22.                                 {% endif %}
  23.                             </li>
  24.                         </ul>
  25.                     {% endif %}
  26.                     <div class="title-block card-teaser__title">
  27.                         <div class="title-block__sub-title h3"> </div>
  28.                         <h2 class="title-block__title js-toc__title h3" tabindex="-1">
  29.                             <strong class="title-block__title--bold">{{ cardTitle(contactPerson) }}</strong>
  30.                         </h2>
  31.                     </div>
  32.                     <div class="font-bold contact--info">
  33.                         {% if contactPerson.phone %}
  34.                             <a href="tel:{{ contactPerson.phone|phone }}" class="link-with-icon text-secondary" title="phone"><span class="icon icon-phone" aria-hidden="false"></span>
  35.                                 {{ contactPerson.phone }}
  36.                             </a><br/>
  37.                         {% endif %}
  38.                         {% if contactPerson.secondPhone %}
  39.                             <a href="tel:{{ contactPerson.secondPhone|phone }}" class="link-with-icon text-secondary" title="phone"><span class="icon icon-phone" aria-hidden="false"></span>
  40.                                 {{ contactPerson.secondPhone }}
  41.                             </a><br/>
  42.                         {% endif %}
  43.                         {% if contactPerson.email %}
  44.                             <a href="mailto:{{ contactPerson.email }}" class="link-with-icon text-secondary" title="mail"><span class="icon icon-mail" aria-hidden="false"></span>
  45.                                 {{ contactPerson.email }}
  46.                             </a>
  47.                         {% endif %}
  48.                     </div>
  49.                 </div>
  50.                 {% if contactPerson.image %}
  51.                     <div class="col-md-auto order-md-1 order-0">
  52.                         <div class="contact__img">
  53.                             <div class="ratio ratio-1x1">
  54.                                 {{ contactPerson.image.getThumbnail('contact-teaser').getHtml({imgAttributes: {'class': 'ratio-item js-lazy-img '}, lowQualityPlaceholder: true})|raw }}
  55.                             </div>
  56.                         </div>
  57.                     </div>
  58.                 {% endif %}
  59.             </div>
  60.             {% if contactPerson.sellArea or contactPerson.districts %}
  61.                 <div class="row gx-4 gy-3 mb-4">
  62.                     {% if contactPerson.sellArea %}
  63.                         <div class="col-md-6">
  64.                             <div class="card__subtitle text-muted">{{ 'contact.teaser.sellArea'|trans }}</div>
  65.                             <div class="font-bold">{{ contactPerson.sellArea }}</div>
  66.                         </div>
  67.                     {% endif %}
  68.                     {% if contactPerson.districts %}
  69.                         <div class="col-md-6">
  70.                             <div class="card__subtitle text-muted">{{ 'contact.teaser.districts'|trans }}</div>
  71.                             <div>{{ contactPerson.districts }}</div>
  72.                         </div>
  73.                     {% endif %}
  74.                 </div>
  75.             {% endif %}
  76.         </div>
  77.         {{ include('includes/resort-badge.html.twig', {
  78.             resorts: contactPerson.resorts
  79.         }) }}
  80.     </div>
  81. </section>