templates/areas/team/view.html.twig line 1

Open in your IDE?
  1. {# settings #}
  2. {% extends ('areas_shared/settings.html.twig') %}
  4. {% block content %}
  6.     {# default margin #}
  7.     {% if marginBottom.isEmpty() %}
  8.         {% do marginBottom.setDataFromResource('full-margin-bottom') %}
  9.     {% endif %}
  11.     {# default background color #}
  12.     {% if backgroundColor.isEmpty() %}
  13.         {% do backgroundColor.setDataFromResource('background-white') %}
  14.     {% endif %}
  16.     {# title #}
  17.     {% set title = pimcore_input('title', {
  18.         'placeholder': 'Titel'
  19.     }) %}
  21.     {# editmode #}
  22.     {% if editmode %}
  23.         <div class="editmode">
  24.             <div class="accordion-container">
  25.                 <div class="accordion-button">
  26.                     <span class="accordion-button-text">Team</span>
  27.                     {{ include('svg/editmode/setting.html.twig') }}
  28.                 </div>
  29.                 <div class="panel">
  30.                     <div class="settings-container">
  32.                         <div class="setting input">
  33.                             <label>Anker:</label>
  34.                             {{ anchor|raw }}
  35.                         </div>
  37.                         <div class="setting select">
  38.                             <label>Abstand unten:</label>
  39.                             {{ marginBottom|raw }}
  40.                         </div>
  42.                     </div>
  43.                 </div>
  44.             </div>
  45.         </div>
  46.     {% endif %}
  48.     <div
  49.         class="team-brick brick-container {{ backgroundColor.data }} {{ marginBottom.data }}">
  51.         {# anchor #}
  52.         {% if anchor.data %}
  53.             <div class="anchor" id="{{ anchor.data }}"></div>
  54.         {% endif %}
  56.         <div
  57.             class="container-1420">
  59.             {# title #}
  60.             {% if editmode or title.data %}
  61.                 <div class="title">
  62.                     <h2>
  63.                         {{ title|raw }}
  64.                     </h2>
  65.                 </div>
  66.             {% endif %}
  68.             {# mobile toggle filter #}
  69.             <div class="toggle-department-filter" id="toggleDepartmentFilter">
  71.                 <div class="icon">
  72.                     <div class="vertical">
  73.                         {{ include('svg/akkordeon/akkordeon-vertical-icon.html.twig') }}
  74.                     </div>
  76.                     <div class="horizontal">
  77.                         {{ include('svg/akkordeon/akkordeon-horizontal-icon.html.twig') }}
  78.                     </div>
  79.                 </div>
  81.                 <span>{{ 'team.departments.mobile-filter'|trans }}</span>
  83.             </div>
  85.             {# departments #}
  86.             <div class="departments-container">
  87.                 <div class="departments hidden" id="departments">
  90.                     {% for department in departments %}
  92.                         {# only show departments with persons #}
  93.                         {% if department.hasPersons %}
  94.                             <div class="department" data-id="{{ department.id }}">
  95.                                 <span>{{ department.title }}</span>
  96.                             </div>
  97.                         {% endif %}
  99.                     {% endfor %}
  101.                 </div>
  102.             </div>
  104.             {# persons #}
  105.             <div class="persons">
  107.                 {% for person in persons %}
  109.                     {% set departments = '' %}
  111.                     {% for department in person.departments %}
  112.                         {% if loop.last %}
  113.                             {% set departments = departments ~ department.id %}
  114.                         {% else %}
  115.                             {% set departments = departments ~ department.id ~ ',' %}
  116.                         {% endif %}
  117.                     {% endfor %}
  119.                     <div
  120.                         class="person active" data-departments="{{ departments }}">
  122.                         {# image #}
  123.                         {% if person.image %}
  124.                             <div class="image">
  125.                                 {{ person.image.thumbnail('team').html({'alt': 'Alt hier'})|raw }}
  126.                             </div>
  127.                         {% endif %}
  129.                         {# name #}
  130.                         <div class="name">
  131.                             <span>{{ person.firstname ~ ' ' ~ person.lastname }}</span>
  132.                         </div>
  134.                         <div class="text-wave">
  135.                             {{ include('svg/text-wave/text-wave.html.twig') }}
  136.                         </div>
  138.                         {# functions #}
  139.                         {% if person.functions %}
  140.                             <div class="functions">
  141.                                 <p>
  142.                                     {{ person.functions|nl2br }}
  143.                                 </p>
  144.                             </div>
  145.                         {% endif %}
  147.                         {# email #}
  148.                         {% if person.email %}
  149.                             <div class="email">
  150.                                 <a href="{{ encodeEmail('mailto:' ~ person.email)|raw }}" target="_blank">{{ encodeEmail(person.email)|raw }}</a>
  151.                             </div>
  152.                         {% endif %}
  155.                     </div>
  156.                 {% endfor %}
  159.             </div>
  161.         </div>
  162.     </div>
  164. {% endblock %}