vendor/score/cms/src/Resources/views/Public/idsk/_header.html.twig line 1

Open in your IDE?
  1. <header class="idsk-header-web " data-module="idsk-header-web">
  3. {% if 'idsk-header-banner' | cms_text is not same as "-" %}
  4.     <div class="idsk-header-web__banner idsk-header-web__banner--warning js-alert-hore idsk-header-web__banner--hide">
  5.         <div class="govuk-width-container">
  6.             <div class="govuk-grid-row">
  7.                 <div class="govuk-grid-column-full">
  8.                     <div class="govuk-body-s idsk-header-web__banner-title">
  9.                         <div class="idsk-header-web__warning-icon"></div>
  10.                          {{ 'idsk-header-banner' | cms_text | raw  }}
  11.                     </div>
  12.                     <button class="idsk-header-web__banner-close" aria-label="Zavrieť banner">
  13.                         <div class="idsk-header-web__menu-close"></div>
  14.                     </button>
  15.                 </div>
  16.             </div>
  17.         </div>
  18.     </div>
  19. {% endif %}
  21.     <div class="idsk-header-web__tricolor"></div>
  23.     <div class="idsk-header-web__brand ">
  24.         <div class="govuk-width-container">
  25.             <div class="govuk-grid-row">
  26.                 <div class="govuk-grid-column-full">
  27.                     <div class="idsk-header-web__brand-gestor">
  29.                         <span class="govuk-body-s idsk-header-web__brand-gestor-text">
  31.                        {{ 'idsk-header-top-title' | cms_text | raw  }}
  34.                         </span>
  36.                         <span class="govuk-body-s idsk-header-web__brand-gestor-text--mobile">
  37.                             SK
  38.                             <button class="idsk-header-web__brand-gestor-button" aria-label="Zobraziť informácie o stránke" aria-expanded="false" data-text-for-hide="Skryť informácie o stránke" data-text-for-show="Zobraziť informácie o stránke">
  39.                                 e-gov
  40.                                 <div class="idsk-header-web__link-arrow"></div>
  41.                             </button>
  42.                         </span>
  44.                         <div class="idsk-header-web__brand-dropdown">
  45.                             <div class="govuk-width-container">
  46.                                 <div class="govuk-grid-row">
  47.                                     <div class="govuk-grid-column-one-half">
  48.                                         {{ 'idsk-header-top-body' | cms_text | raw  }}
  49.                                     </div>
  50.                                     <div class="govuk-grid-column-one-half">
  51.                                         <h3 class="govuk-body-s">
  52.                                             Táto stránka je zabezpečená
  53.                                         </h3>
  54.                                         <p class="govuk-body-s">
  55.                                             Buďte pozorní a vždy sa uistite, že zdieľate informácie iba cez zabezpečenú webovú stránku verejnej správy SR. Zabezpečená stránka vždy začína https:// pred názvom domény webového sídla.
  56.                                         </p>
  57.                                     </div>
  58.                                 </div>
  59.                             </div>
  60.                         </div>
  61.                     </div>
  62.                     <div class="idsk-header-web__brand-spacer"></div>
  64. {# TODO rozlisovanie na nejaky takyto sposob ale kedze je to rendrovane controller twiq controller twig tak nemam pristup k celemu requestu a teda k url #}
  65. {# <a class="govuk-link idsk-header-web__brand-language-list-item-link " title="English" href={{ app.request.getPathInfo is same as "about" ? path('default_homepage') : app.request.getPathInfo }}> #}
  66. {# <a class="govuk-link idsk-header-web__brand-language-list-item-link idsk-header-web__brand-language-list-item-link--selected" title="Slovenčina" href={{ app.request.getPathInfo is same as "about" ? app.request.getPathInfo : path('default_homepage') }}> #}
  68.                     {#
  69.                     <div class="idsk-header-web__brand-language">
  70.                         <button class="idsk-header-web__brand-language-button" aria-label="Rozbaliť jazykové menu" aria-expanded="false" data-text-for-hide="Skryť jazykové menu" data-text-for-show="Rozbaliť jazykové menu">
  71.                             Slovenčina
  72.                             <div class="idsk-header-web__link-arrow"></div>
  73.                         </button>
  74.                         <ul class="idsk-header-web__brand-language-list">
  75.                             <li class="idsk-header-web__brand-language-list-item">
  76.                                 <a class="govuk-link idsk-header-web__brand-language-list-item-link " title="English" href="#">
  77.                                     English
  78.                                 </a>
  79.                             </li>
  80.                             <li class="idsk-header-web__brand-language-list-item">
  81.                                 <a class="govuk-link idsk-header-web__brand-language-list-item-link idsk-header-web__brand-language-list-item-link--selected" title="Slovenčina" href="#">
  82.                                     Slovenčina
  83.                                 </a>
  84.                             </li>
  85.                         </ul>
  86.                     </div>
  87.                     #}
  89.                 </div>
  90.             </div>
  91.         </div>
  92.     </div>
  94.     <div class="idsk-header-web__main">
  95.         <div class="govuk-width-container">
  96.             <div class="govuk-grid-row">
  97.                 <div class="govuk-grid-column-full govuk-grid-column-one-third-from-desktop">
  98.                     <div class="idsk-header-web__main-headline">
  99.                         <a href="/" title="Odkaz na úvodnú stránku">
  100.                            {{ 'idsk-header-logo' | cms_text | raw  }}
  101.                         </a>
  102.                         <button class="idsk-button idsk-header-web__main-headline-menu-button" aria-label="Rozbaliť menu" aria-expanded="false" data-text-for-show="Rozbaliť menu" data-text-for-hide="Skryť menu">
  103.                             Menu
  104.                             <div class="idsk-header-web__menu-open"></div>
  105.                             <div class="idsk-header-web__menu-close"></div>
  106.                         </button>
  107.                     </div>
  108.                 </div>
  110.                 <div class="govuk-grid-column-two-thirds">
  111.                     <div class="idsk-header-web__main-action">
  112.                         {% if search_form is defined and search_form %}
  113.                             <form class="idsk-header-web__main-action-search" action="{{ path('search') }}" method="GET">
  114.                                 <input class="govuk-input govuk-!-display-inline-block" id="idsk-header-web__main-action-search-input" name="search" placeholder="Zadajte hľadaný výraz" 
  115.                                     value="{{ search_slug ?? "" }}" type="search" role="combobox" aria-describedby="input-width-30-hint" aria-label="Zadajte hľadaný výraz"/>
  116.                                 <button type="submit" class="govuk-button" data-module="govuk-button">
  117.                                     <span class="govuk-visually-hidden">Vyhľadať</span>
  118.                                     <i aria-hidden="true" class="fas fa-search"></i>
  119.                                 </button>
  120.                             </form>
  121.                         {% endif %}
  122.                     </div>
  123.                 </div>
  124.             </div>
  125.         </div>
  126.     </div>
  128.     <div class="idsk-header-web__nav--divider"></div>
  129.     <div class="idsk-header-web__nav idsk-header-web__nav--mobile ">
  130.         <div class="govuk-width-container">
  131.             <div class="govuk-grid-row">
  132.                 <div class="govuk-grid-column-full">
  133.                     <form class="idsk-header-web__main-action-search">
  134.                         <input class="govuk-input govuk-!-display-inline-block" id="idsk-header-web__main-action-search-input" name="search" placeholder="Zadajte hľadaný výraz" type="search" role="combobox" aria-describedby="input-width-30-hint" aria-label="Zadajte hľadaný výraz"/>
  135.                         <button type="submit" class="govuk-button" data-module="govuk-button">
  136.                             <span class="govuk-visually-hidden">Vyhľadať</span>
  137.                             <i aria-hidden="true" class="fas fa-search"></i>
  138.                         </button>
  139.                     </form>
  141.                 </div>
  142.                 <div class="govuk-grid-column-full">
  143.                     {{ include('@ScoreCms/Public/idsk/_mainMenu.html.twig') }}
  144.                 </div>
  145.             </div>
  147.             <div class="govuk-grid-row">
  148.                 <div class="govuk-grid-column-full">
  149.                     <div class="idsk-header-web__main--buttons">
  150.                         <div class="idsk-header-web__main--login ">
  151.                             <button type="button" class="idsk-button idsk-header-web__main--login-loginbtn" data-module="idsk-button">
  152.                                 Prihlásiť sa
  153.                             </button>
  154.                             <div class="idsk-header-web__main--login-action">
  155.                                 <img class="idsk-header-web__main--login-action-profile-img" src="/bundles/scorecms/idsk/assets/images/header-web/profile.svg" alt="Profile image">
  156.                                 <div class="idsk-header-web__main--login-action-text">
  157.                                     <span class="govuk-body-s idsk-header-web__main--login-action-text-user-name">
  158.                                         Ing. Jožko Veľký M.A
  159.                                     </span>
  160.                                     <div>
  161.                                         <a class="govuk-link idsk-header-web__main--login-action-text-logout idsk-header-web__main--login-logoutbtn" href="#" title="odhlásiť">
  162.                                             Odhlásiť
  163.                                         </a>
  164.                                         <span>
  165.                                             |
  166.                                         </span>
  167.                                         <a class="govuk-link idsk-header-web__main--login-action-text-profile idsk-header-web__main--login-profilebtn" href="#" title="profil">
  168.                                             Profil
  169.                                         </a>
  170.                                     </div>
  171.                                 </div>
  172.                             </div>
  173.                             <button type="button" class="idsk-button idsk-header-web__main--login-profilebtn" data-module="idsk-button">
  174.                                 Profil
  175.                             </button>
  176.                             <button type="button" class="idsk-button idsk-header-web__main--login-logoutbtn" data-module="idsk-button">
  177.                                 Odhlásiť sa
  178.                             </button>
  179.                         </div>
  181.                     </div>
  183.                 </div>
  184.             </div>
  185.         </div>
  186.     </div>
  188. </header>