templates/front/base/header/general/desktop/right_menu.html.twig line 1

Open in your IDE?
  1. {% if app.user %}
  2. <div class="item ui dropdown account-dropdown">
  3. <p class="small">{{ 'menu.header.general.right.account'|trans({}, 'messages', app.session.get('lang')) }}</p>
  4. <i class="fa-solid fa-chevron-down fa-xs"></i>
  5. <div class="menu account-dropdown--content">
  6. <div class="user-info user-info-header">
  7. <div class="user-info-data-container">
  8. <div class="user-info-image">
  9. <p class="big">{{ app.user.name|slice(0, 1)|capitalize }}{{ app.user.surnames|slice(0, 1)|lower }}</p>
  10. </div>
  11. <div
  12. class="user-info-data">
  13. <p class="big bold user-info-name">{{ app.user.name }}</p>
  14. <p class="user-info-id">ID:
  15. {{ app.user.id }}</p>
  16. </div>
  17. </div>
  18. {# TODO: BACK añadir nuevas keys de traducción para que carge pack X activo. Ahora solo carga nombre de pack #}
  19. <p class="small bold pack-info pack-info--{{ user_packs.pack_name | lower }}">
  20. {{ user_packs.pack_name }}
  21. </p>
  22. </div>
  23. <div class="user-info-body">
  24. <a class="item" href="{{ right_menu.link }}">
  25. <p class="medium">{{ right_menu.link_text }}</p>
  26. </a>
  27. </div>
  28. <div class="user-info-footer">
  29. <button class="ui mini button" onclick="window.location='{{ legacy_front_url('account/logout') }}'">
  30. <p>{{ 'menu.header.general.right.closesesion' | trans }}</p>
  31. </button>
  32. </div>
  33. </div>
  35. </div>
  36. {% else %}
  37. <p class="small login item" data-js-btn="loginBtn" onclick="popup.getPopup('{{ legacy_front_url('account/popuplogin') }}')">
  38. {{ 'menu.header.general.right.startsesion' | trans({}, 'messages', app.session.get('lang')) }}
  39. </p>
  40. <div class="item register">
  41. <button class="ui mini primary button" onclick="window.location='{{ legacy_front_url('account/create') }}'">
  42. <p class="small">{{ 'menu.header.general.right.createaccount'| trans({}, 'messages', app.session.get('lang')) }}</p>
  43. </button>
  44. </div>
  45. {% endif %}
  46. <a href="{{ legacy_front_url('contact') }}" class="item contact">
  47. <i class="fa-solid fa-envelope fa-lg"></i>
  48. </a>
  49. <div class="item ui dropdown languages-dropdown">
  50. <svg role="img" class="icon icon--inline icon-lang">
  51. <use xlink:href="{{ legacy_image_url('/icons/svg-defs.svg#icon-'~app.session.get('lang')) }}"></use>
  52. </svg>
  53. <i class="fa-solid fa-chevron-down fa-xs"></i>
  54. <div class="menu left">
  55. <div class="languages-dropdown--content">
  56. {% for lang in languages %}
  57. <a href="{{ lang.url }}" class="item {{ app.session.get('lang') == lang.isoCode ? 'active' }}" onclick="setSession('{{ lang.isoCode }}')">
  58. <svg role="img" class="icon icon-lang">
  59. <use xlink:href="{{ legacy_image_url('/icons/svg-defs.svg#icon-'~lang.isoCode) }}"></use>
  60. </svg>
  61. <p class="small">{{ lang.name }}</p>
  62. </a>
  63. {% endfor %}
  64. </div>
  65. </div>
  66. </div>
  68. <script>
  69. function setSession(isoCode) {
  70. $.ajax({
  71. type: 'get',
  72. url: baseUri + isoCode + '/front/api/session',
  73. });
  74. }
  75. </script>