src/WebBundle/Resources/views/Common/top.html.twig line 1

Open in your IDE?
  1. {% apply spaceless %}
  2.     {# элементы с классом material-icons - это иконочные шрифты от гугл #}
  3.     {# material-icons теперь используются в шестнадцатеричном формате, иначе 
  4.        будут баги при отображении в некоторых браузерах #}
  6.     {# решено убрать кнопку Наверх #}
  7.     {#<div class="up-button up-scroll"></div>#}
  9.     {# попап запроса разрешения на показ уведомлений #}
  10.     <div class="permission-granting-popup">
  11.         <div class="logo"></div>
  12.         <div class="text">{{ 'push_notifications_permission' | trans }}</div>
  13.         <div class="buttons">
  14.             <div class="button-wrapper">
  15.                 <div class="button refuse js-permission-refuse">{{ 'push_notifications_refuse' | trans }}</div>
  16.             </div>{#
  17.             #}<div class="button-wrapper">
  18.                 <div class="button accept js-permission-accept">{{ 'push_notifications_allow' | trans }}</div>
  19.             </div>
  20.         </div>
  21.     </div>
  23.     {% include '@Web/Common/search-sphinx.html.twig' %}
  25.     {% set user_login_class = '' %}
  26.     {% if user.alias is not defined %}
  27.         {% set user_login_class = 'user-not-login' %}
  28.     {% endif %}
  30.     {# баннер-сообщение сверху страницы о том, что проводятся работы на сайте (обновления и т.п.) #}
  31.     {% if te.checkIsUpdated %}
  32.         {% include '@Web/Common/alerter.html.twig' %}
  33.     {% endif %}
  35.     {% set curRoute = te.request.get('_route') %}
  37.     {# класс folded добавляется для отображения свернутого блока звонилки вверху страницы #}
  38.     {# для каталога добавляем к хедеру класс catalog #}
  39.     {% set catalogClass = '' %}
  40.     {% if curRoute == ' app_catalog' %}
  41.         {% set catalogClass = ' catalog' %}
  42.     {% endif %}
  43.     {% set sliderClass = '' %}
  44.     {% if curRoute in ['app_collection_slideshow', 'app_collection_slideshow_f'] and is_mobile() and not is_tablet() %}
  45.         {% set sliderClass = ' slider-open' %}
  46.     {% endif %}
  47.     {% if not te.request.get('share') == 'order_pdf_view' %}
  48.     <header data-html2canvas-move="#header-wrapper" class="top-menu clearfix{{ catalogClass }}{{ sliderClass }}{# folded#}">
  50.         <div class="top-menu-wrapper">
  52.             {# для локали fr - на планшетах с шириной 768пкс не видно ни одного пункта меню, поэтому 
  53.                надо увеличить ширину блока section с меню #}
  54.             {% set frMenuClass = '' %}
  55.             {% if userLocale() == ' fr' %}
  56.                 {% set frMenuClass = ' fr-menu' %}
  57.             {% endif %}
  58.             <!--noindex-->
  59.             {# класс js-main-menu-wrapper необходим для постройки меню #}
  60.             <section class="left-part js-main-menu-wrapper{{ frMenuClass }}">
  62.                 {# лого #}
  63.                 <div class="logo-box pull-left js-sibling-main-menu">
  64.                     <span class="toggle-menu" data-toggle="offcanvas" data-target="#sidebar-nav">
  65.                         <i class="material-icons">&#xE5D2;</i>
  66.                     </span>
  67.                     <a id="logo_img" class="logo-img" href="{{ path('app_home') }}" title="{{ 'home_page' | trans }}" data-sort-to-catalog="3"></a>
  68.                     <span class="slogan-block">{{ 'top.contactless_menu_slogan' | trans }}</span>
  69.                 </div>
  71.                 {# тут был LOGIN LOCALE BLOCK #}
  72.                 {# главное меню сайта #}
  73.                 {% set topClasses = 'list-inline pull-left hidden-xs' %}
  74.                 {% set hiddenTopClass = 'hidden' %}
  76.                 <span data-html2canvas-ignore="true">
  77.                     {% include '@Web/Common/main-menu.html.twig' with { 'listClasses': topClasses, 'hiddenClass' : hiddenTopClass } %}
  78.                 </span>
  79.             </section>
  81.             {# верхняя правая часть в хедере #}
  82.             <section data-html2canvas-ignore="true" class="right-part{{ frMenuClass }}">
  84.                 {% include '@Web/Common/_user-icon-menu.html.twig' %}
  86.                 <div class="sphinx-button-mobile js-sphinx-button">
  87.                     {% include '@Web/SVGIconsCode/search.html.twig' %}
  88.                 </div>    
  89.                             
  90.                 {#</div>#}
  92.                 {# ссылки на профиль или регистрацию/авторизацию и настройки локации #}
  93.                 <div class="login-locale-block js-login-locale-block">
  95.                     <div class="simple-tab">
  96.                         <div class="list-tabs">
  98.                             {% if user.alias is defined %}
  99.                                 <div class="wrap-user-name tab-title" data-tab-id="#login_tab" role="show-tab-content">
  100.                                     <span class="user-name title-name">
  101.                                         <span class='name-alias'>{{ user.alias }}</span>
  102.                                         <span class="user-icon">
  103.                                             <i class="material-icons">&#xE851;</i>
  104.                                         </span>
  105.                                     </span>
  106.                                     <div class="dividing-line hidden"></div>
  107.                                 </div>
  108.                             {% else %}
  109.                                 <div class="wrap-user-name-sub">
  110.                                     <div class="wrap-user-name tab-title">
  111.                                         <span class="user-name title-name">
  112.                                             <span class='name-alias'>
  113.                                                 <a class="login" href="{{ path('app_login') }}">
  114.                                                     {{ 'header_login' | trans }}
  115.                                                 </a>
  116.                                             </span>
  117.                                             <span class="user-icon">
  118.                                                 <a href="{{ path('app_login') }}">
  119.                                                     <i class="material-icons">&#xE8A6;</i>
  120.                                                 </a>
  121.                                             </span>
  122.                                         </span>
  123.                                     </div>
  124.                                 </div>
  125.                             {% endif %}
  127.                             {# смена локации - отображение флага и названия страны #}
  128.                             <div class="wrap-title-change-location js-wrap-title-change-location tab-title" 
  129.                                  data-tab-id="#lang_tab" 
  130.                                  role="show-tab-content"
  131.                             >
  132.                                 <span class="title-name" data-loc-status-block>
  133.                                     {% if userCountry() != 'en' %}
  134.                                         <span class="flag flag-{{userCountry()}}"></span>
  135.                                     {% else %}
  136.                                         <span class="flag rest-world"></span>
  137.                                     {% endif %}
  139.                                     {% if countryList[userCountry()] is defined %}
  140.                                         <span class='name-alias'>
  141.                                             {{ countryList[userCountry()]['name'] }}
  142.                                         </span>
  143.                                     {% endif %}
  144.                                 </span>
  145.                             </div>
  146.                         </div>
  148.                         <div class="content-tabs">
  149.                             <div class="tab-block wrap-profile-block" id="login_tab" data-tab-content>
  150.                                 {% if user.alias is defined %}
  151.                                     {# ссылки на профиль пользователя #}
  152.                                     {% include '@Web/User/user-profile.html.twig' %}
  153.                                 {% endif %}
  154.                             </div>
  156.                             {# смена локации - блок с полями #}
  157.                             <div class="tab-block wrap-change-location" id="lang_tab" data-tab-content>
  158.                                 {% include '@Web/Common/change-location.html.twig' %}
  159.                                 {# невидимый блок, который увеличивает высоту родителя, чтобы при выборе страны или 
  160.                                    языка из выпадающих списков курсор не попадал на .backdrop-tab (добавляется 
  161.                                    в _simple-tab.js), и тем самым не закрывал табы #}
  162.                                 <div class="pseudo-height"></div>
  163.                             </div>
  164.                         </div>
  165.                     </div>
  167.                 </div>
  169.             </section>
  170.             <!--/noindex-->
  172.         </div>
  174.     </header>
  175.     {% endif %}
  176. {% endapply %}