templates/html/02_body/01_header/header.html.twig line 1

Open in your IDE?
  1. {# Logo #}
  2. {% set logo = pimcore_image('logo', {
  3.   reload: true,
  4. }) %}
  5. {% set logolink = pimcore_link('link') %}
  7. {# NavType #}
  8. {% set navTypeSelect = pimcore_select('navType', {
  9.   reload: true,
  10.   store: [["pagetree", "Seitenbaum"], ["dynamic", "Dynamisch"]]
  11. }) %}
  13. {% if editmode and navTypeSelect.isEmpty() %}
  14.   {% do navTypeSelect.setDataFromResource("pagetree") %}
  15. {% endif %}
  17. {% if navType is not defined %}
  18.   {% set navType = navTypeSelect.getData() %}
  19. {% endif %}
  21. {# Shortlinks #}
  22. {#  {% set shortlinksSelect = pimcore_relations('shortlinks', {
  23.   'types': ['document'],
  24.   'subtypes': {
  25.     'document': ['page', 'link']
  26.   }
  27. }) %} #}
  29. {% set sidebarLinks = pimcore_block('sidebar') %}
  31. {# {% set shortlinks = shortlinksSelect.getData() %} #}
  33. {# {{ dump(sidebarLinks) }} #}
  35. {# Options #}
  36. {% if editmode %}
  37.   <div class="editmode_options">
  38.     <div class="container">
  39.       <div class="row">
  40.         <div class="col"><h3>Optionen</h3></div>
  41.       </div>
  42.       <div class="row">
  43.         <div class="col-6">
  44.           <div class="editmode-label row">
  45.             <div class="col-sm-4">Type:</div>
  46.             <div class="col-sm-8">{{ navTypeSelect | raw }}</div>
  47.           </div>
  48.         </div>
  49.         <div class="col-6">
  50.           <div class="editmode-label row">
  51.             <div class="col-sm-4">Logo:</div>
  52.             <div class="col-sm-8">{{ logo | raw }}</div>
  53.           </div>
  54.         </div>
  55.         <div class="col-6">
  56.           <div class="editmode-label row">
  57.             <div class="col-sm-4">Logo-Link:</div>
  58.             <div class="col-sm-8">{{ logolink | raw }}</div>
  59.           </div>
  60.         </div>
  61.       </div>
  62.       {# {% if navType == 'dynamic' %}
  63.         <div class="row">
  64.           <div class="col-12">
  65.             <div class="editmode-label row">
  66.               <div class="col-sm-4">Shortlinks:</div>
  67.               <div class="col-sm-8">{{ shortlinksSelect | raw }}</div>
  68.             </div>
  69.           </div>
  70.         </div>
  71.       {% endif %} #}
  72.       <div class="row">
  73.         <div class="col">
  74.           <ul>
  75.             <label>Sidebar Links:</label>
  78.             {% for i in sidebarLinks.iterator %}
  79.               {% set sidebarLinksImage = pimcore_image('sidebarImage',{'width': 100, 'height': 100}) %}
  80.               {% set link = pimcore_link('link') %}
  82.               <div class="row">
  83.                 <div class="col">
  84.                   {{ link | raw }}
  85.                   {{ sidebarLinksImage | raw }}
  86.                 </div>
  87.               </div>
  89.               {% if not editmode and link.getHref() != '' and sidebarLinksImage != null %}
  90.                 <li>
  91.                   <a href="{{ link.getHref() }}" target="{{ link.getTarget() }}">
  92.                     <img src="https://maklertest.mvk-versicherung.de/layout/icons/dashboard.svg">
  93.                     {# {{ convert_svg_to_code(app.request.getSchemeAndHttpHost(), sidebarLinksImage.getImage()) | raw }} #}
  94.                   </a>
  95.                 </li>
  96.               {% endif %}
  97.             {% endfor %}
  98.           </ul>
  99.         </div>
  100.       </div>
  101.     </div>
  102.   </div>
  103. {% endif %}
  105. {# Render #}
  106. {% if not editmode %}
  107.   <header class="l-header js-l-header">
  108.     <div class="l-header__wrapper">
  109.       {% set pageDocument = pimcore_document(app.request.get('pageId')) %}
  111.       {% include 'html/02_body/01_header/01_logo/logo.html.twig' with {'logo': logo, 'logolink': logolink} %}
  112.       {% include 'html/02_body/01_header/02_navigation/navigation.html.twig' with {'navType': navType, 'pageDocument': pageDocument} %}
  113.     </div>
  114.   </header>
  115. {% endif %}