templates/lef-career/partials/footer.html.twig line 1

Open in your IDE?
  1. {%- set version = '1.0.1' -%}
  3. {%- if editmode -%}
  4.     <link rel="stylesheet" href="/css/career-critical.css?v={{ version }}" />
  5.     <link rel="stylesheet" href="/css/career.css?v={{ version }}" />
  6.     <link rel="stylesheet" href="/css/editmode.css?v={{ version }}" />
  8.     {{- include('lef-career/partials/svg-sprite.html.twig') -}}
  10.     <footer class="footer">
  11.         <picture class="footer__picture footer__picture--first">
  12.             {{- pimcore_image('footerImageOne', {
  13.                 'class': 'footer__image footer__image--first'
  14.             }) -}}
  15.         </picture>
  17.         <address class="footer__address">
  18.             {{- pimcore_textarea('address', {
  19.                 'placeholder': 'Adresse'
  20.             }) -}}
  21.         </address>
  23.         <div class="footer__mail">
  24.             {{- pimcore_link('mail', {
  25.                 'reload': true
  26.             }) -}}
  27.             {%- set mail = pimcore_link('mail') -%}
  28.             {%- if not mail.isEmpty() and mail.href != '' and mail.text != '' -%}
  29.                 <a href="#" class="footer__mail-link">
  30.                     {{- mail.text -}}
  31.                 </a>
  32.             {%- endif -%}
  33.         </div>
  35.         <div class="footer__contact">
  36.             {{- pimcore_input('contact', {
  37.                 'placeholder': 'Text'
  38.             }) -}}
  39.         </div>
  41.         <div class="footer__legal-navigation">
  42.             {{- pimcore_relations('legalNavigation', {
  43.                 'types': ['document'],
  44.                 'subtypes': {
  45.                     'document': ['page']
  46.                 },
  47.                 'title': 'Bitte legen Sie hier Dokumente für die rechtlichen Informationen (Impressum etc.) ab!'
  48.             }) -}}
  49.         </div>
  51.         <picture class="footer__picture footer__picture--last">
  52.             {{- pimcore_image('footerImageTwo', {
  53.                 'class': 'footer__image footer__image--last'
  54.             }) -}}
  55.         </picture>
  56.     </footer>
  57. {%- else -%}
  58.     {%- set footerImageOne = pimcore_image('footerImageOne', {
  59.         'thumbnail': 'footerImageOne',
  60.         'pictureAttributes': {
  61.             'class': 'footer__picture footer__picture--first'
  62.         },
  63.         'imgAttributes': {
  64.             'class': 'footer__image footer__image--first',
  65.             'loading': 'lazy'
  66.         }
  67.     }) -%}
  68.     {%- set address = pimcore_textarea('address') -%}
  69.     {%- set mail = pimcore_link('mail') -%}
  70.     {%- set contact = pimcore_input('contact') -%}
  71.     {%- set legalNavigation = pimcore_relations('legalNavigation') -%}
  72.     {%- set footerImageTwo = pimcore_image('footerImageTwo', {
  73.         'thumbnail': 'footerImageTwo',
  74.         'pictureAttributes': {
  75.             'class': 'footer__picture footer__picture--last'
  76.         },
  77.         'imgAttributes': {
  78.             'class': 'footer__image footer__image--last',
  79.             'loading': 'lazy'
  80.         }
  81.     }) -%}
  83.     <footer id="footer" class="footer">
  84.         {%- if not footerImageOne.isEmpty() -%}
  85.             {{- footerImageOne|raw -}}
  86.         {%- else -%}
  87.             <div class="footer__picture footer__picture--first">
  88.             </div>
  89.         {%- endif -%}
  91.         {%- if not address.isEmpty() -%}
  92.             <address class="footer__address">
  93.                 {{- address|nl2br -}}
  94.             </address>
  95.         {%- else -%}
  96.             <div class="footer__address">
  97.             </div>
  98.         {%- endif -%}
  100.         <div class="footer__mail">
  101.             {%- if not mail.isEmpty() and mail.href != '' and mail.text != '' -%}
  102.                 <a href="mailto:{{- mail.href -}}"
  103.                    class="footer__mail-link"
  104.                    {% if mail.target == '_blank' %}target="_blank" rel="noopener noreferrer"{% endif %}>
  106.                     {{- mail.text -}}
  107.                 </a>
  108.             {%- endif -%}
  109.         </div>
  111.         <div class="footer__contact">
  112.             <p class="footer__contact-link">
  113.                 {{- contact.text -}}
  114.             </p>
  115.         </div>
  117.         {%- if not legalNavigation.isEmpty() -%}
  118.             {%- set links = legalNavigation.elements -%}
  120.             <nav class="footer__legal-navigation" aria-labelledby="legal-navigation-label">
  121.                 <h2 id="legal-navigation-label" class="visually-hidden">
  122.                     {{- 'Rechtliche Informationen'|trans -}}
  123.                 </h2>
  125.                 <ul class="footer__legal-list">
  126.                     {%- for link in links -%}
  127.                         {%- set id = link.id -%}
  128.                         {%- set name = link.property('navigation_name') -%}
  129.                         {%- set title = link.property('navigation_title') -%}
  130.                         {%- set target = link.property('navigation_target') -%}
  132.                         <li class="footer__legal-list-item">
  133.                             <a href="{{- link -}}"
  134.                                class="footer__legal-link"
  135.                                {% if id == document.id %}aria-current="page"{% endif %}
  136.                                {% if target == '_blank' %}target="_blank" rel="noopener noreferrer"{% endif %}>
  138.                                 {%- if name -%}
  139.                                     {{- name|raw -}}
  140.                                 {%- elseif title -%}
  141.                                     {{- title|raw -}}
  142.                                 {%- endif -%}
  143.                             </a>
  144.                         </li>
  145.                     {%- endfor -%}
  146.                 </ul>
  147.             </nav>
  148.         {%- else -%}
  149.             <div class="footer__legal-navigation">
  150.             </div>
  151.         {%- endif -%}
  153.         {%- if not footerImageTwo.isEmpty() -%}
  154.             {{- footerImageTwo|raw -}}
  155.         {%- else -%}
  156.             <div class="footer__picture footer__picture--last">
  157.             </div>
  158.         {%- endif -%}
  159.     </footer>
  160. {%- endif -%}