templates/layout.html.twig line 70

Open in your IDE?
  1. {% if document.getTitle() is defined and document.getTitle() is not empty %}
  2.     {% do pimcore_head_title().set(document.getTitle()) %}
  3. {% else %}
  4.     {% do pimcore_head_title().set('BMW Timmermanns') %}
  5. {% endif %}
  6. {% set brandStyles = document.getProperty('brandStyles') | default('none') %}
  7. {{ pimcore_head_script() }}
  8. <!DOCTYPE html>
  9. <html lang="de">
  10. <head>
  11.     <meta charset="UTF-8">
  12.     {{ pimcore_head_title() }}
  13.     <meta name="viewport" content="width=device-width, initial-scale=1">
  14.     {% if document.getProperty('nocookiebanner') != true %}
  15.         {{ include('Includes/cookiebot.html.twig') }}
  16.         {{ include('Includes/tracking_google_tag_manager.html.twig') }}
  17.     {% endif %}
  18.     <link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favicon/apple-touch-icon.png">
  19.     <link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon/favicon-32x32.png">
  20.     <link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon/favicon-16x16.png">
  21.     <link rel="manifest" href="/assets/img/favicon/site.webmanifest">
  22.     <link rel="mask-icon" href="/assets/img/favicon/safari-pinned-tab.svg" color="#00528E">
  23.     <link rel="shortcut icon" href="/assets/img/favicon/favicon.ico">
  24.     <meta name="msapplication-TileColor" content="#00528E">
  25.     <meta name="msapplication-config" content="/assets/img/favicon/browserconfig.xml">
  26.     <meta name="theme-color" content="#ffffff">
  27.     <link rel="stylesheet" href="/assets/css/main.css?v=69232de{% include 'jenkins-build-no.txt' ignore missing %}">
  28.     {% if brandStyles == 'Mini' %}
  29.         <link rel="stylesheet" href="/assets/css/mini-additions.css">
  30.     {% endif %}
  31.     {% if editmode %}
  32.         <style>
  33.             [data-name='header'] {
  34.                 z-index: 1300;
  35.             }
  37.             .pimcore_editable_areablock[name='header'] > .pimcore_block_plus,
  38.             .pimcore_editable_areablock[name='header'] > .pimcore_block_options {
  39.                 position: relative;
  40.                 z-index: 100;
  41.             }
  42.         </style>
  43.     {% endif %}
  44.     <style>
  45.         nav.locations-nav ul {
  46.             display: flex;
  47.             gap: 4.625rem;
  48.             margin: 0;
  49.         }
  51.         .skip-link {
  52.             position: absolute;
  53.             left: -999px;
  54.             background: #000;
  55.             color: #fff;
  56.             padding: 8px 16px;
  57.             z-index: 1000;
  58.         }
  59.         .skip-link:focus {
  60.             left: 0;
  61.         }
  63.     </style>
  64. </head>
  65. <body>
  66. <a href="#main-content" class="skip-link">Zum Inhalt springen</a>
  67. <header>
  68.     {% include '@FormBuilder/common/redirect-flash-message.html.twig' %}
  70.     {% include "./partials/_main-navigation.html.twig" with { 'brandStyles' : brandStyles } %}
  71.     {{ pimcore_inc('/shared/includes/quick-access-bar') }}
  72.     {{ pimcore_areablock('header', {
  73.         'allowed': ['keyvisual','calendar-overview'],
  74.         'limits': {'keyvisual': 1},
  75.         'class': 'position-relative',
  76.         'reload': true
  77.     }) }}
  78. </header>
  79. <main id="main-content">
  80.     {{ block('content') }}
  81. </main>
  82. {% set showBasicFooter = document.getProperty('showBasicFooter') %}
  84. {% if showBasicFooter %}
  85.     {{ pimcore_inc('/shared/includes/footer-basic') }}
  86. {% else %}
  87.     {{ pimcore_inc('/shared/includes/footer') }}
  88. {% endif %}
  90. {{ include('Includes/contact_forms.html.twig') }}
  91. <script src="https://timmermanns.de/assets/js/app.js"></script>
  93. <script>
  94.     /* Do things after DOM has fully loaded */
  95.     let readyLayout = (callback) => {
  96.         if (document.readyState !== 'loading') callback();
  97.         else document.addEventListener('DOMContentLoaded', callback);
  98.     };
  100.     const openCheck = (dialog) => {
  101.         if (!dialog.open) {
  102.             dialog.showModal();
  103.         }
  104.     };
  106.     readyLayout(() => {
  107.         let contactForm = document.querySelector('form#contact_form');
  108.         let contactFormName = contactForm.getAttribute('name');
  109.         let contactFormUrlField = contactFormName + '_url';
  110.         let contactFormSourceContextField = contactFormName + '_source_context';
  111.         let contactFormDealerdeskTypeField = contactFormName + '_dealerdeskType';
  112.         const dialog = document.getElementById('modal-iframe-zoho');
  114.         document.getElementById(contactFormUrlField).value = window.location.href;
  115.         document.getElementById(contactFormDealerdeskTypeField).value = 'CASE'; // Default value
  116.         contactForm.setAttribute('action', '//' + window.location.hostname);
  118.         const contactFormError = document.querySelector('form#contact_form .is-invalid');
  119.         const contactFormSuccess = document.querySelector('form#contact_form .alert.alert-success');
  120.         const qaLinkButtons = document.querySelectorAll(`[id^="qa-link-"]`);
  121.         const contactFormRow = document.querySelectorAll('form#contact_form .formbuilder-row')
  122.         const mandatoryDescription = document.querySelector('dialog .mandatory-description')
  124.         qaLinkButtons.forEach(btn => {
  125.             btn.addEventListener("click", function (e) {
  126.                 if (contactFormSuccess) {
  127.                     contactFormSuccess.remove();
  128.                 }
  129.                 mandatoryDescription.style.display = 'block';
  130.                 contactFormRow.forEach(row => {
  131.                     row.style.display = 'block';
  132.                 });
  133.             });
  134.         });
  136.         if (contactFormError) {
  137.             openCheck(dialog);
  138.             const contactFormErrorBadge = document.querySelectorAll('form#contact_form .form-error-icon.badge');
  139.             contactFormErrorBadge.forEach(error => {
  140.                 error.remove();
  141.             });
  142.         } else if (contactFormSuccess) {
  143.             openCheck(dialog);
  144.             mandatoryDescription.style.display = 'none';
  145.             contactFormRow.forEach(row => {
  146.                 row.style.display = 'none';
  147.             });
  148.         }
  150.     });
  151. </script>
  152. </body>
  153. </html>