templates/Admin/Layout/headerTopBar.html.twig line 1

Open in your IDE?
  1. {# begin:: Header Topbar #}
  2. <div class="kt-header__topbar">
  4.     {# begin: Search #}
  5.     {# ... #}
  6.     {# end: Search #}
  8.     {# begin: Notifications #}
  9.     {# ... #}
  10.     {# end: Notifications #}
  12.     {# begin: Quick Actions #}
  13.     {# ... #}
  14.     {# end: Quick Actions #}
  16.     {# begin: My Cart #}
  17.     {# ... #}
  18.     {# end: My Cart #}
  20.     {# begin: Quick panel toggler #}
  21.     {# ... #}
  22.     {# end: Quick panel toggler #}
  24.     {# begin: Language bar #}
  25.     {# ... #}
  26.     {# end: Language bar #}
  28.     {# begin: User Bar #}
  29.     <div class="kt-header__topbar-item kt-header__topbar-item--user">
  30.         <div class="kt-header__topbar-wrapper" data-toggle="dropdown" data-offset="0px,0px">
  31.             <div class="kt-header__topbar-user">
  32.                 <span class="kt-header__topbar-welcome kt-hidden-mobile">{{ 'Hi'|trans }},</span>
  33.                 <span class="kt-header__topbar-username kt-hidden-mobile">{{ app.user.username|default('') }}</span>
  34.                 {#<img class="kt-hidden" alt="Pic" src="{{ asset('dist/assets/media/users/300_25.jpg') }}" />#}
  36.                 {#use below badge element instead the user avatar to display username's first letter(remove kt-hidden class to display it) #}
  37.                 <span class="kt-badge kt-badge--username kt-badge--unified-success kt-badge--lg kt-badge--rounded kt-badge--bold">S</span>
  38.             </div>
  39.         </div>
  40.         <div class="dropdown-menu dropdown-menu-fit dropdown-menu-right dropdown-menu-anim dropdown-menu-top-unround dropdown-menu-xl">
  42.             {# begin: Head #}
  43.             {#<div class="kt-user-card kt-user-card--skin-dark kt-notification-item-padding-x" style="background-image: url({{ asset('dist/assets/media/misc/bg-1.jpg') }}">
  44.                 <div class="kt-user-card__avatar">
  45.                     <img class="kt-hidden" alt="Pic" src="{{ asset('dist/assets/media/users/300_25.jpg') }}" />
  46.                     #}{#use below badge element instead the user avatar to display username's first letter(remove kt-hidden class to display it) #}{#
  47.                     <span class="kt-badge kt-badge--lg kt-badge--rounded kt-badge--bold kt-font-success">
  48.                         {{app.user.username|striptags|first|upper}}
  49.                     </span>
  50.                 </div>
  51.                 <div class="kt-user-card__name">
  52.                     {{ app.user.username|default('') }}
  53.                 </div>
  54.                 <div class="kt-user-card__badge">
  55.                     <span class="btn btn-success btn-sm btn-bold btn-font-md">23 messages</span>
  56.                 </div>
  57.             </div>#}
  58.             {# end: Head #}
  60.             {# begin: Navigation #}
  61.             <div class="kt-notification">
  62.                 {% block profile_menu_panel %}
  63.                     {{ knp_menu_render('admin_profile_menu', {template: 'Admin/Inline/Menu/profileMenu.html.twig'}) }}
  64.                 {% endblock %}
  65.                 <div class="kt-notification__custom kt-space-between">
  66.                     <a href="{{ url('admin_logout', { _csrf_token: csrf_token('admin_logout')}) }}" class="btn btn-label btn-label-danger btn-sm btn-bold" title="{{ 'Log out'|trans }}">{{ 'Log out'|trans }}</a>
  67.                 </div>
  68.             </div>
  69.             {# end: Navigation #}
  70.         </div>
  71.     </div>
  72.     {# end: User Bar #}
  73. </div>
  74. {# end:: Header Topbar #}