themes/BootstrapChildTheme/SyliusShopBundle/views/Menu/_security.html.twig line 1

Open in your IDE?
  1. <div class="login">
  2.     <div class="login-content">
  3.         {% if is_granted('ROLE_USER') %}
  4.             <div class="dropdown user-dropdown">
  5.                 <button id="loginDropdown" class="header-btn" type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="Login dropdown">
  6.                     {# Bez kruhu ciarova "bi-person" zvacsena na 14px (1px stroke) #}
  7.                     <svg class="icon bi-person" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
  8.                         <path d="M8,2A2.5,2.5,0,1,1,5.5,4.5,2.5,2.5,0,0,1,8,2m0,8.167c4.9,0,6,2.715,6,3.666a.847.847,0,0,1-.009.114h0a.416.416,0,0,1-.158.053H2.19a.487.487,0,0,1-.174-.045A.313.313,0,0,1,2,13.833c0-.951,1.1-3.666,6-3.666M8,1a3.5,3.5,0,1,0,3.5,3.5A3.5,3.5,0,0,0,8,1ZM8,9.167c-5.833,0-7,3.5-7,4.666A1.143,1.143,0,0,0,2.167,15H13.833A1.143,1.143,0,0,0,15,13.833c0-1.166-1.167-4.666-7-4.666Z"/>
  9.                     </svg>
  10.                     <span class="btn-text d-none d-lg-inline">{{ 'app.ui.header.account'|trans }}</span>
  11.                 </button>
  12.                 <div class="dropdown-menu dropdown-menu-right" aria-labelledby="loginDropdown">
  13.                     <ul class="dropdown-list">
  14.                         <li><h6 class="dropdown-header cfs-7" {{ sylius_test_html_attribute('full-name') }}>{{ app.user.customer.fullName }}</h6></li>
  15.                         <li class="dropdown-list-item">
  16.                             <a class="dropdown-item" href="{{ path('sylius_shop_account_dashboard') }}">
  17.                                 <svg class="icon bi-person icon-baseline me-3" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
  18.                                     <path d="M8,2A2.5,2.5,0,1,1,5.5,4.5,2.5,2.5,0,0,1,8,2m0,8.167c4.9,0,6,2.715,6,3.666a.847.847,0,0,1-.009.114h0a.416.416,0,0,1-.158.053H2.19a.487.487,0,0,1-.174-.045A.313.313,0,0,1,2,13.833c0-.951,1.1-3.666,6-3.666M8,1a3.5,3.5,0,1,0,3.5,3.5A3.5,3.5,0,0,0,8,1ZM8,9.167c-5.833,0-7,3.5-7,4.666A1.143,1.143,0,0,0,2.167,15H13.833A1.143,1.143,0,0,0,15,13.833c0-1.166-1.167-4.666-7-4.666Z"/>
  19.                                 </svg>
  20.                                 {{ 'sylius.ui.my_account'|trans }}
  21.                             </a>
  22.                         </li>
  23.                         <li class="dropdown-list-item logout">
  24.                             <a class="btn btn-secondary d-block {#dropdown-item#}" href="{{ path('sylius_shop_logout') }}" {{ sylius_test_html_attribute('logout-button') }}>{{ 'sylius.ui.logout'|trans }}</a>
  25.                         </li>
  26.                     </ul>
  27.                 </div>
  28.             </div>
  29.         {% else %}
  30.             <button id="loginModalButton" class="header-btn" type="button" data-bs-toggle="modal" data-bs-target="#loginModal" aria-label="{{ 'app.ui.header.account'|trans }}">
  31.                 <svg class="icon bi-person" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
  32.                     <path d="M8,2A2.5,2.5,0,1,1,5.5,4.5,2.5,2.5,0,0,1,8,2m0,8.167c4.9,0,6,2.715,6,3.666a.847.847,0,0,1-.009.114h0a.416.416,0,0,1-.158.053H2.19a.487.487,0,0,1-.174-.045A.313.313,0,0,1,2,13.833c0-.951,1.1-3.666,6-3.666M8,1a3.5,3.5,0,1,0,3.5,3.5A3.5,3.5,0,0,0,8,1ZM8,9.167c-5.833,0-7,3.5-7,4.666A1.143,1.143,0,0,0,2.167,15H13.833A1.143,1.143,0,0,0,15,13.833c0-1.166-1.167-4.666-7-4.666Z"/>
  33.                 </svg>
  34.                 <span class="btn-text d-none d-lg-inline">{{ 'app.ui.header.account'|trans }}</span>
  35.             </button>
  37.             {#<a class="reg-btn btn btn-primary" href="{{ path('sylius_shop_register') }}">{{ 'layout.login_register'|trans }}</a>#}
  39.             <!-- Login Modal -->
  40.             <div class="modal fade" id="loginModal" role="dialog" data-bs-backdrop="static" data-bs-keyboard="false">
  41.                 <div class="modal-outer-wrap">
  42.                     <div class="modal-dialog login-modal-wrap">
  44.                         <div class="modal-content">
  45.                             <div class="modal-header">
  46.                                 <h5 class="main-header modal-title" id="exampleModalLabel">{{ 'layout.login_header'|trans }}</h5>
  47.                                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  48.                             </div>
  49.                             <div class="modal-body">
  50.                                 <div class="login-form" data-js-custom-login>
  51.                                     <div class="alert alert-danger d-none" {{ sylius_test_html_attribute('login-validation-error') }}></div>
  53.                                     <form class="login-form-content loadable" action="{{ path('sylius_shop_login_check') }}" method="post">
  54.                                         <div class="form-group">
  55.                                             <input class="form-control" type="text" name="_username" placeholder="{{ 'layout.login_name_placeholder'|trans }}" required="required">
  56.                                             <input class="form-control" type="password" name="_password" placeholder="{{ 'layout.login_password_placeholder'|trans }}" required="required">
  57.                                             <input type="hidden" name="_csrf_shop_security_token" value="{{ csrf_token('shop_authenticate') }}">
  58.                                             <button class="btn btn-primary btn-block" type="submit" aria-label="{{ 'layout.login_submit'|trans }}">{{ 'layout.login_submit'|trans }}</button>
  59.                                             <div class="forgotten-password float-end text-end mt-1"><a class="login-link" href="{{ path('sylius_shop_request_password_reset_token') }}">{{ 'layout.login_password_lost'|trans }}</a></div>
  60.                                         </div>
  61.                                     </form>
  63.                                 </div>
  65.                                 <div class="loading-overlay" data-js-loading-overlay>
  66.                                     <div class="spinner-border" role="status">
  67.                                         <span class="sr-only">Loading...</span>
  68.                                     </div>
  69.                                 </div>
  70.                             </div>
  71.                             <div class="modal-footer">
  72.                                 <div class="alert alert-danger d-none" {{ sylius_test_html_attribute('login-validation-error') }}></div>
  73.                                 <p>{{ 'layout.login_modal_register_text'|trans|raw }} <a class="login-link" href="{{ path('sylius_shop_register') }}">{{ 'layout.login_modal_register'|trans }}</a></p>
  74.                             </div>
  75.                         </div>
  76.                     </div>
  77.                 </div>
  78.             </div>
  79.         {% endif %}
  80.     </div>
  81. </div>