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>