templates/fe/_header_topbar_right.html.twig line 1

Open in your IDE?
  1. {% if app.user is empty %}
  2. <div class="m-header-topbar-account l-modal-container">
  3. <button type="button" class="m-header-topbar-icon" aria-label="{{ "my_account_txt"|trans }}" aria-labelledby="{{ "my_account_txt"|trans }}" data-l-modal-btn="account">
  4. <svg width="25" height="29" viewBox="0 0 25 29" fill="none" xmlns="http://www.w3.org/2000/svg">
  5. <path d="M20.8993 14.7016C20.7958 14.5958 20.6723 14.5116 20.5359 14.4541C20.3996 14.3965 20.2531 14.3666 20.1051 14.3662C19.9571 14.3658 19.8104 14.3949 19.6738 14.4517C19.5371 14.5085 19.4131 14.592 19.309 14.6973C19.2049 14.8025 19.1228 14.9274 19.0675 15.0647C19.0122 15.202 18.9847 15.3489 18.9868 15.4969C18.9888 15.6449 19.0203 15.7911 19.0794 15.9268C19.1384 16.0625 19.2239 16.1851 19.3309 16.2874C20.2772 17.2186 21.028 18.3294 21.5392 19.5547C22.0503 20.7799 22.3116 22.095 22.3077 23.4226C22.3077 24.7868 18.3973 26.7687 12.2693 26.7687C6.14125 26.7687 2.23082 24.7858 2.23082 23.4203C2.22707 22.1018 2.48487 20.7957 2.98932 19.5775C3.49377 18.3593 4.23484 17.2533 5.16964 16.3235C5.27536 16.2204 5.35957 16.0973 5.41738 15.9615C5.47518 15.8256 5.50542 15.6796 5.50636 15.5319C5.5073 15.3843 5.4789 15.2379 5.42283 15.1013C5.36675 14.9647 5.28411 14.8406 5.17969 14.7362C5.07528 14.6317 4.95117 14.5491 4.81457 14.493C4.67797 14.4369 4.53159 14.4086 4.38393 14.4095C4.23627 14.4104 4.09026 14.4407 3.95438 14.4985C3.8185 14.5563 3.69545 14.6405 3.59237 14.7462C2.44957 15.883 1.54364 17.2352 0.927008 18.7245C0.31038 20.2138 -0.00468558 21.8107 5.26591e-05 23.4226C5.26591e-05 27.0449 6.32094 28.9995 12.2693 28.9995C18.2176 28.9995 24.5385 27.0449 24.5385 23.4226C24.5435 21.7998 24.2241 20.1924 23.5992 18.6948C22.9742 17.1971 22.0563 15.8395 20.8993 14.7016Z" fill="white" />
  6. <path d="M12.2701 15.6154C13.8143 15.6154 15.3238 15.1575 16.6078 14.2996C17.8918 13.4416 18.8925 12.2222 19.4835 10.7956C20.0744 9.3689 20.229 7.79903 19.9278 6.28449C19.6265 4.76995 18.8829 3.37875 17.791 2.28682C16.699 1.1949 15.3078 0.451288 13.7933 0.150026C12.2788 -0.151235 10.7089 0.00338294 9.28222 0.594329C7.85555 1.18527 6.63616 2.18601 5.77824 3.46997C4.92031 4.75394 4.4624 6.26348 4.4624 7.80769C4.46479 9.87769 5.28815 11.8622 6.75186 13.3259C8.21557 14.7896 10.2001 15.613 12.2701 15.6154ZM12.2701 2.23077C13.3731 2.23077 14.4513 2.55785 15.3685 3.17065C16.2856 3.78345 17.0004 4.65445 17.4225 5.6735C17.8446 6.69255 17.955 7.81388 17.7399 8.8957C17.5247 9.97752 16.9935 10.9712 16.2136 11.7512C15.4336 12.5311 14.4399 13.0623 13.3581 13.2775C12.2763 13.4926 11.1549 13.3822 10.1359 12.9601C9.11685 12.538 8.24585 11.8232 7.63305 10.9061C7.02025 9.98895 6.69317 8.91071 6.69317 7.80769C6.69491 6.32914 7.28304 4.91164 8.32854 3.86614C9.37404 2.82064 10.7915 2.23251 12.2701 2.23077Z" fill="white" />
  7. </svg>
  8. </button>
  9. </div>
  10. {% else %}
  11. <div class="m-header-topbar-account l-mega-dropdown-container" data-l-mega-dropdown="true" data-header-account-dropdown="true">
  12. <button type="button" class="m-header-topbar-icon ui-mega-dropdown-button l-mega-dropdown-button" aria-label="{{ "my_account_txt"|trans }}" aria-labelledby="{{ "my_account_txt"|trans }}" data-l-mega-dropdown-button="true">
  13. {# <span class="m-header-topbar-icon-badge"></span>#}
  14. <svg width="25" height="29" viewBox="0 0 25 29" fill="none" xmlns="http://www.w3.org/2000/svg">
  15. <path d="M20.8993 14.7016C20.7958 14.5958 20.6723 14.5116 20.5359 14.4541C20.3996 14.3965 20.2531 14.3666 20.1051 14.3662C19.9571 14.3658 19.8104 14.3949 19.6738 14.4517C19.5371 14.5085 19.4131 14.592 19.309 14.6973C19.2049 14.8025 19.1228 14.9274 19.0675 15.0647C19.0122 15.202 18.9847 15.3489 18.9868 15.4969C18.9888 15.6449 19.0203 15.7911 19.0794 15.9268C19.1384 16.0625 19.2239 16.1851 19.3309 16.2874C20.2772 17.2186 21.028 18.3294 21.5392 19.5547C22.0503 20.7799 22.3116 22.095 22.3077 23.4226C22.3077 24.7868 18.3973 26.7687 12.2693 26.7687C6.14125 26.7687 2.23082 24.7858 2.23082 23.4203C2.22707 22.1018 2.48487 20.7957 2.98932 19.5775C3.49377 18.3593 4.23484 17.2533 5.16964 16.3235C5.27536 16.2204 5.35957 16.0973 5.41738 15.9615C5.47518 15.8256 5.50542 15.6796 5.50636 15.5319C5.5073 15.3843 5.4789 15.2379 5.42283 15.1013C5.36675 14.9647 5.28411 14.8406 5.17969 14.7362C5.07528 14.6317 4.95117 14.5491 4.81457 14.493C4.67797 14.4369 4.53159 14.4086 4.38393 14.4095C4.23627 14.4104 4.09026 14.4407 3.95438 14.4985C3.8185 14.5563 3.69545 14.6405 3.59237 14.7462C2.44957 15.883 1.54364 17.2352 0.927008 18.7245C0.31038 20.2138 -0.00468558 21.8107 5.26591e-05 23.4226C5.26591e-05 27.0449 6.32094 28.9995 12.2693 28.9995C18.2176 28.9995 24.5385 27.0449 24.5385 23.4226C24.5435 21.7998 24.2241 20.1924 23.5992 18.6948C22.9742 17.1971 22.0563 15.8395 20.8993 14.7016Z" fill="white" />
  16. <path d="M12.2701 15.6154C13.8143 15.6154 15.3238 15.1575 16.6078 14.2996C17.8918 13.4416 18.8925 12.2222 19.4835 10.7956C20.0744 9.3689 20.229 7.79903 19.9278 6.28449C19.6265 4.76995 18.8829 3.37875 17.791 2.28682C16.699 1.1949 15.3078 0.451288 13.7933 0.150026C12.2788 -0.151235 10.7089 0.00338294 9.28222 0.594329C7.85555 1.18527 6.63616 2.18601 5.77824 3.46997C4.92031 4.75394 4.4624 6.26348 4.4624 7.80769C4.46479 9.87769 5.28815 11.8622 6.75186 13.3259C8.21557 14.7896 10.2001 15.613 12.2701 15.6154ZM12.2701 2.23077C13.3731 2.23077 14.4513 2.55785 15.3685 3.17065C16.2856 3.78345 17.0004 4.65445 17.4225 5.6735C17.8446 6.69255 17.955 7.81388 17.7399 8.8957C17.5247 9.97752 16.9935 10.9712 16.2136 11.7512C15.4336 12.5311 14.4399 13.0623 13.3581 13.2775C12.2763 13.4926 11.1549 13.3822 10.1359 12.9601C9.11685 12.538 8.24585 11.8232 7.63305 10.9061C7.02025 9.98895 6.69317 8.91071 6.69317 7.80769C6.69491 6.32914 7.28304 4.91164 8.32854 3.86614C9.37404 2.82064 10.7915 2.23251 12.2701 2.23077Z" fill="white" />
  17. </svg>
  18. </button>
  19. <div class="m-header-topbar-account-dropdown ui-mega-dropdown l-mega-dropdown" data-header-account-dropdown-menu="true" data-l-mega-dropdown-menu="true">
  20. <p class="m-header-topbar-account-dropdown-title">{{ "my_account_txt"|trans }}</p>
  21. {% if is_granted("ROLE_ADMIN") or is_granted("ROLE_SUPER_ADMIN") %}
  22. {% include "fe/_header_topbar_right_admin.html.twig" %}
  23. {% else %}
  24. {% include "fe/_header_topbar_right_user.html.twig" %}
  25. {% endif %}
  26. <a href="{{ path('app_user_logout') }}" class="m-header-topbar-account-dropdown-item m-header-topbar-account-dropdown-item--border-top m-header-topbar-account-dropdown-item--color-blue m-header-topbar-account-dropdown-item--full-width m-header-topbar-account-dropdown-item--is-last">
  27. <span class="m-header-topbar-account-dropdown-item-icon">
  28. <svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  29. <path d="M5.38235 1.02684C5.38235 0.783654 5.47895 0.550425 5.65091 0.378466C5.82287 0.206506 6.0561 0.109898 6.29929 0.109898L14.9435 0.109899C15.7539 0.110809 16.5308 0.433123 17.1038 1.00613C17.6768 1.57913 17.9991 2.35603 18 3.16638L18 16.6149C17.9991 17.4253 17.6768 18.2022 17.1038 18.7752C16.5308 19.3482 15.7539 19.6705 14.9435 19.6714L6.29929 19.6714C6.0561 19.6714 5.82287 19.5748 5.65091 19.4028C5.47895 19.2309 5.38234 18.9976 5.38234 18.7544C5.38234 18.5113 5.47895 18.278 5.65091 18.1061C5.82287 17.9341 6.0561 17.8375 6.29929 17.8375L14.9435 17.8375C15.2677 17.8371 15.5784 17.7082 15.8076 17.479C16.0368 17.2498 16.1658 16.939 16.1661 16.6149L16.1661 3.16638C16.1658 2.84224 16.0368 2.53147 15.8076 2.30226C15.5784 2.07305 15.2677 1.94413 14.9435 1.94379L6.29929 1.94379C6.0561 1.94379 5.82287 1.84718 5.65091 1.67522C5.47895 1.50326 5.38235 1.27003 5.38235 1.02684ZM1.23497 10.539L5.5924 14.8965C5.6772 14.9832 5.77835 15.0522 5.89001 15.0995C6.00166 15.1469 6.1216 15.1716 6.24288 15.1723C6.36416 15.173 6.48436 15.1496 6.59654 15.1035C6.70871 15.0574 6.81062 14.9895 6.89637 14.9037C6.98212 14.8179 7.05001 14.716 7.0961 14.6038C7.14219 14.4917 7.16557 14.3714 7.16489 14.2502C7.1642 14.1289 7.13946 14.009 7.09211 13.8973C7.04475 13.7857 6.97572 13.6845 6.889 13.5997L4.09702 10.8076L11.3155 10.8076C11.5587 10.8076 11.7919 10.711 11.9639 10.539C12.1359 10.3671 12.2325 10.1338 12.2325 9.89064C12.2325 9.64745 12.1359 9.41423 11.9639 9.24227C11.7919 9.0703 11.5587 8.9737 11.3155 8.9737L4.09706 8.9737L6.88915 6.1816C6.97468 6.09654 7.04258 5.99544 7.08897 5.88409C7.13536 5.77274 7.15932 5.65333 7.15948 5.53271C7.15965 5.41208 7.13601 5.29261 7.08993 5.18114C7.04384 5.06966 6.97621 4.96838 6.89092 4.88309C6.80562 4.79779 6.70434 4.73016 6.59286 4.68408C6.48139 4.63799 6.36192 4.61436 6.24129 4.61452C6.12067 4.61468 6.00126 4.63865 5.88991 4.68503C5.77857 4.73142 5.67746 4.79932 5.5924 4.88485L1.23497 9.24225C1.06301 9.41421 0.966401 9.64744 0.966401 9.89062C0.966401 10.1338 1.06301 10.367 1.23497 10.539Z" fill="#175EB8" />
  30. </svg>
  31. </span>
  32. <span class="m-header-topbar-account-dropdown-item-text">
  33. {{ "log_out_txt"|trans }}
  34. </span>
  35. </a>
  36. </div>
  37. </div>
  38. {% endif %}