templates/segments/header.html.twig line 1

Open in your IDE?
  1. <div id="header">
  2.     {% if editmode %}
  3.     {# {% spaceless %} #}
  4.     {# add global stylesheets and scripts outside of any blocsk to add them to the helpers before any others assets are added #}
  5.     {# we use the view helper to have cache buster functionality #}
  6.     {% do pimcore_head_link().appendStylesheet(asset('static/css/index.css')) %}
  7.     {% do pimcore_head_script().appendFile(asset('static/js/index.js')) %}
  8.     {# {% endspaceless %} #}
  10.     {% block head_stylesheets deferred %}
  11.     {{ pimcore_head_link() }}
  12.     {% endblock %}
  14.     {% block scripts deferred %}
  15.     {{ pimcore_head_script() }}
  16.     {% endblock %}
  17.     {% endif %}
  19.     {# get root node if there is no document defined (for pages which are routed directly through static route) #}
  20.     {% if not document is defined or not document %}
  21.         {% set document = pimcore_document(1) %}
  22.     {% endif %}
  24.     {# get the document which should be used to start in navigation | default home #}
  25.     {% set navStartNode = document.getProperty('navigationRoot') %}
  26.     {% if not navStartNode is instanceof('\\Pimcore\\Model\\Document\\Page') %}
  27.         {% set navStartNode = pimcore_document_by_path('/' ~ app.request.getLocale()) %}
  28.     {% endif %}
  30.     {% set mainNavigation = pimcore_build_nav({
  31.         active: document,
  32.         root: navStartNode
  33.     }) %}
  36.     <header>
  37.         {# ............................................................................................. #}
  38.         {% if realDocument is defined %}
  39.             {% set doc = realDocument %}
  40.         {% else %}
  41.             {% set doc = document %}
  42.         {% endif %}
  43.         {# ............................................................................................. #}
  45.         <nav class="navbar navbar-expand-lg navbar-light">
  46.             <div class="container navbar-special-class">
  47.                 <a class="navbar-brand" href="/{{ app.request.getLocale() }}">
  48.                     {% if not pimcore_image('logo_header').isEmpty() and not editmode %}
  49.                         {{ pimcore_image('logo_header').getThumbnail('logo_header').getHtml({class: 'img-fluid'}) | raw  }}
  50.                     {% else %}
  51.                         {{ pimcore_image('logo_header') }}
  52.                     {% endif %}
  53.                 </a>
  55.                 <div class="navbar-buttons">
  56.                     <button type="button" class="search-button search-button--mobile">
  57.                         <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  58.                             <circle cx="5.5" cy="5.5" r="4.5" stroke="white" stroke-width="2"/>
  59.                             <rect x="9.41406" y="8" width="8" height="2" rx="1" transform="rotate(45 9.41406 8)" fill="white"/>
  60.                         </svg>
  61.                     </button>
  63.                     <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
  64.                         <span class="navbar-toggler-icon"></span>
  65.                     </button>
  66.                 </div>
  68.                 <form action="/{{ app.request.getLocale() }}/search" method="get" class="search-form search-form--mobile">
  69.                     <input type="text" class="search-input" name="term" placeholder="{{ 'Pretraži' | trans }}">
  70.                     <div class="search-close"></div>
  71.                 </form>
  73.                 <div class="collapse navbar-collapse align-items-center justify-content-end" id="navbarNav">
  74.                     <ul class="navbar-nav align-items-center justify-content-end position-relative">
  75.                         <li class="nav-item btn-download-header-wrapper--mobile">
  76.                             <div class="h5 text-uppercase">{{ 'DOWNLOAD' | trans }}</div>
  77.                             <div class="app-buttons">
  78.                                 {% include 'components/google-play-button.html.twig' %}
  79.                                 {% include 'components/app-store-button.html.twig' %}
  80.                             </div>
  81.                         </li>
  82.                         
  83.                         {% for nav in mainNavigation %}
  84.                             {% if nav._visible %}
  85.                                 <li class="nav-item">
  86.                                     <a class="nav-link {{ nav.class }}
  87.                                     {{ nav.label == 'blog-posts' and blogPostId is defined and blogPostId is not empty ? 'active' }}"
  88.                                     href="{{ nav.uri }}">
  89.                                         <span class="h5">
  90.                                             {{ nav.title }}
  91.                                         </span>
  92.                                     </a>
  93.                                 </li>
  94.                             {% endif %}
  95.                         {% endfor %}
  97.                         <li>
  98.                             <button type="button" class="search-button search-button--desktop">
  99.                                 <svg width="18" height="18" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  100.                                     <circle cx="5.5" cy="5.5" r="4.5" stroke="white" stroke-width="2"/>
  101.                                     <rect x="9.41406" y="8" width="8" height="2" rx="1" transform="rotate(45 9.41406 8)" fill="white"/>
  102.                                 </svg>
  103.                             </button>
  104.                         </li>
  105.                         <li class="nav-item nav-item-language--mobile">
  106.                             {% if blogPostId is defined %}
  107.                                 {% for key,link in get_localized_links(doc, blogPostId) %}
  108.                                     <a href="{{ link.link }}" class="nav-link {{ app.request.getLocale == key  ? 'text-main-green'}}">
  109.                                         {{ link.text }}
  110.                                     </a>
  111.                                 {% endfor %}
  112.                             {% else %}
  113.                                 {% for key,link in get_localized_links(doc) %}
  114.                                     <a href="{{ link.link }}" class="nav-link {{ app.request.getLocale == key  ? 'text-main-green'}}">
  115.                                         {{ link.text }}
  116.                                     </a>
  117.                                 {% endfor %}
  118.                             {% endif %}
  119.                         </li>
  120.                         <li class="nav-item mt-auto d-block d-lg-none">
  121.                             <p class="h6 navbar-bottom-text text-light-purple">
  122.                                 {{ '©Copyright Meddox' | trans }} <script>document.write(new Date().getFullYear())</script>
  123.                                 <br>
  125.                                 {% if not editmode %}
  126.                                     {% for i in pimcore_iterate_block(pimcore_block("meddoxHeaderLinks", {class: 'd-flex'})) %}
  127.                                         {{ pimcore_link('mobile-menu-link-' ~ i, {class: 'text-light-purple mr-1'}) }}
  128.                                     {% endfor %}
  129.                                 {% endif %}
  131.                                 <a href="mailto:{{ pimcore_input('mail_to_header').getData() }}" class="text-light-purple">
  132.                                     {{ pimcore_input('mail_to_header').getData() }}
  133.                                 </a>
  134.                             </p>
  135.                         </li>
  136.                         <li>
  137.                             <form action="/{{ app.request.getLocale() }}/search" method="get" class="search-form search-form--desktop">
  138.                                 <input type="text" class="search-input" name="term" placeholder="{{ 'Pretraži' | trans }}">
  139.                                 <div class="search-close"></div>
  140.                             </form>
  141.                         </li>
  142.                     </ul>
  143.                     <ul class="navbar-nav navbar-nav--desktop align-items-center justify-content-end">
  144.                         <li class="nav-item btn-download-header-wrapper">
  145.                             <span class="nav-link dropdown nav-dropdown">
  146.                                 <div class="btn btn-primary dropdown-toggle" role="button" id="dropdownMenu" data-toggle="dropdown" aria-expanded="false">{{ 'DOWNLOAD' | trans }}</div>
  148.                                 <div class="dropdown-menu" aria-labelledby="dropdownMenu">
  149.                                     <div class="dropdown-item">
  150.                                         <a href="{{ pimcore_website_config('GooglePlayDownloadLink') }}" target="_blank" title="{{ 'Google Play' | trans }}" class="h5">{{ 'Google Play' | trans }}</a>
  151.                                     </div>
  152.                                     <div class="dropdown-item">
  153.                                         <a href="{{ pimcore_website_config('AppStoreDownloadLink') }}" target="_blank" title="{{ 'App Store' | trans }}" class="h5">{{ 'App Store' | trans }}</a>
  154.                                     </div>
  155.                                 </div>
  156.                             </span>
  157.                         </li>
  158.                         <li class="nav-item nav-item-language nav-item-language-init">
  159.                             <a href="javascript:;" class="nav-link language-switcher-wrapper">
  160.                                 <select name="language-select" id="language-select">
  161.                                     {% if blogPostId is defined %}
  162.                                         {% for key,link in get_localized_links(doc, blogPostId) %}
  163.                                             <option value="{{ key }}" data-link="{{ link.link }}" {{ app.request.getLocale == key  ? 'selected'}}>
  164.                                                 {{ link.text }}
  165.                                             </option>
  166.                                         {% endfor %}
  167.                                     {% else %}
  168.                                         {% for key,link in get_localized_links(doc) %}
  169.                                             <option value="{{ key }}" data-link="{{ link.link }}" {{ app.request.getLocale == key  ? 'selected'}}>
  170.                                                 {{ link.text }}
  171.                                             </option>
  172.                                         {% endfor %}
  173.                                     {% endif %}
  174.                                 </select>
  175.                             </a>
  176.                         </li>
  177.                     </ul>
  178.                 </div>
  179.             </div>
  181.             {% for type, message in app.session.flashbag.all() %}
  182.                 {% include 'components/alerts-modals/message-bar.html.twig' with {
  183.                     type: type,
  184.                     message: message,
  185.                     dismissible: true
  186.                 } %}
  187.             {% endfor %}
  188.         </nav>
  189.     </header>
  191.     {% if editmode %}
  192.         <div class="row">
  193.             <div class="col-lg-2">
  194.                 <div class="mt-3 p-2 rounded font-weight-light d-flex flex-column ml-4 bg-light-purple">
  195.                     <span class="font-italic mb-2 text-white">{{ 'Mail to in mobile menu' | trans }}</span>
  196.                     {{ pimcore_input('mail_to_header', {placeholder:  'Mail to...', 'width': 180, 'class' : 'text-white'}) }}
  197.                 </div>
  198.             </div>
  199.             <div class="col-lg-6">
  200.                 {% for i in pimcore_iterate_block(pimcore_block("meddoxHeaderLinks", {class: 'd-flex'})) %}
  201.                     {{ pimcore_link('mobile-menu-link-' ~ i) }}
  202.                 {% endfor %}
  203.             </div>
  204.         </div>
  205.     {% endif %}
  206. </div>