templates/components/header/header.html.twig line 1

Open in your IDE?
  1. {% import 'components/header/macros.html.twig' as macros %}
  2. {% import 'components/avatar.html.twig' as avatar %}
  3. {% import 'components/button.html.twig' as button %}
  6. <nav class="{{ is_granted(constant('App\\Entity\\User::ROLE_USER')) ? 'navbar-main navbar-main--logged top-0' : 'navbar-main' }}">
  7.   <div class="navbar-main__container h-20 flex justify-between items-center">
  8.     
  9.     {% if is_granted(constant('App\\Entity\\User::ROLE_USER')) %}
  10.       <div class="navbar-main__left flex flex-1 justify-start">
  11.         <a class="navbar-main__user" href="/my-account">
  12.           {% if app.user.avatar is not null %}
  13.             {{ avatar.create(path('app_media_thumbnail_display', {'id': app.user.avatar.id}), app.user.name, 'lg') }}
  14.           {% else %}
  15.             {# {{ avatar.create(asset('build/images/avatar.png'), 'Imágen genérica de usuario', 'md') }} #}
  16.             {{ avatar.create(asset('build/images/generic-user.svg'), 'Imágen genérica de usuario', 'md') }}
  17.           {% endif %}
  18.           <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" class="navbar-main__user__icon">
  19.             <path d="M13 18.5H20M4 6.5H20H4ZM4 12.5H20H4Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  20.           </svg>
  21.         </a>
  22.         <a class="hidden md:block navbar-main__link-icon" href="/my-account/my-buying-groups">
  23.          <svg class="ml-2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" zoomAndPan="magnify" viewBox="0 0 375 374.999991" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><clipPath id="25941f13d3"><path d="M 266 219 L 368.375 219 L 368.375 294 L 266 294 Z M 266 219 " clip-rule="nonzero"/></clipPath></defs><path fill="#000000" d="M 172.289062 195.855469 C 207.863281 206.414062 246.4375 178.269531 245.875 140.214844 C 242.707031 63.59375 133.1875 63.597656 130.015625 140.214844 C 130.015625 166.652344 147.929688 189.039062 172.289062 195.855469 Z M 172.289062 195.855469 " fill-opacity="1" fill-rule="nonzero"/><path fill="#000000" d="M 281.320312 288.480469 C 273.714844 243.96875 234.730469 210.007812 187.949219 210.007812 C 135.109375 209.617188 90.875 255.046875 93.542969 306.621094 C 94.382812 309.195312 96.832031 310.929688 99.601562 310.929688 L 276.292969 310.929688 C 286.921875 310.035156 281.664062 295.230469 281.320312 288.480469 Z M 281.320312 288.480469 " fill-opacity="1" fill-rule="nonzero"/><path fill="#000000" d="M 300.390625 215.023438 C 323.71875 215.023438 342.730469 196.046875 342.730469 172.761719 C 340.601562 116.863281 260.171875 116.878906 258.054688 172.765625 C 258.054688 196.046875 277.066406 215.023438 300.394531 215.023438 Z M 300.390625 215.023438 " fill-opacity="1" fill-rule="nonzero"/><g clip-path="url(#25941f13d3)"><path fill="#000000" d="M 300.390625 219.527344 C 288.40625 219.527344 276.550781 222.679688 266.238281 228.660156 C 269.269531 231.8125 272.039062 235.222656 274.617188 238.757812 C 286.242188 254.417969 293.5 273.875 294.914062 293.753906 C 294.914062 293.753906 361.929688 293.753906 361.929688 293.753906 C 365.476562 293.753906 368.375 290.863281 368.375 287.324219 C 368.375 249.953125 337.894531 219.527344 300.390625 219.527344 Z M 300.390625 219.527344 " fill-opacity="1" fill-rule="nonzero"/></g><path fill="#000000" d="M 75.503906 215.023438 C 98.828125 215.023438 117.839844 196.046875 117.839844 172.761719 C 115.714844 116.863281 35.28125 116.878906 33.164062 172.765625 C 33.164062 196.046875 52.175781 215.023438 75.503906 215.023438 Z M 75.503906 215.023438 " fill-opacity="1" fill-rule="nonzero"/><path fill="#000000" d="M 109.65625 228.660156 C 65.714844 202.214844 6.601562 236.027344 7.519531 287.324219 C 7.519531 290.863281 10.417969 293.753906 13.964844 293.753906 L 80.980469 293.753906 C 82.722656 269.34375 93.09375 246.179688 109.65625 228.660156 Z M 109.65625 228.660156 " fill-opacity="1" fill-rule="nonzero"/></svg>
  24.           <span class="-mt-1 navbar-main__link-icon__lbl text-center leading-none">{{ 'general.groups'|trans|raw }}</span>
  25.         </a>
  26.       </div>
  27.       {#<div class="navbar-main__legal">
  28.          {{ macros.render_legal_icons() }} 
  29.       </div>#}
  30.         <a class="navbar-main__brand flex-shrink-0" href="{{ path('app_product_index') }}">
  31.         <img src="{{ asset('build/images/triwu_u_logo.svg') }}" alt="Logo triwu_u" class=" navbar-main__brand__logo">
  32.         </a>
  33.       <div class="navbar-main__right flex flex-1 justify-end">
  34.         <div class="hidden md:block"> {{ macros.render_lang_switch() }}</div>
  35.        
  36.         <a class="block md:hidden navbar-main__link-icon" href="/my-account/my-buying-groups">
  37.          <svg class="ml-1 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" zoomAndPan="magnify" viewBox="0 0 375 374.999991" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><clipPath id="25941f13d3"><path d="M 266 219 L 368.375 219 L 368.375 294 L 266 294 Z M 266 219 " clip-rule="nonzero"/></clipPath></defs><path fill="#000000" d="M 172.289062 195.855469 C 207.863281 206.414062 246.4375 178.269531 245.875 140.214844 C 242.707031 63.59375 133.1875 63.597656 130.015625 140.214844 C 130.015625 166.652344 147.929688 189.039062 172.289062 195.855469 Z M 172.289062 195.855469 " fill-opacity="1" fill-rule="nonzero"/><path fill="#000000" d="M 281.320312 288.480469 C 273.714844 243.96875 234.730469 210.007812 187.949219 210.007812 C 135.109375 209.617188 90.875 255.046875 93.542969 306.621094 C 94.382812 309.195312 96.832031 310.929688 99.601562 310.929688 L 276.292969 310.929688 C 286.921875 310.035156 281.664062 295.230469 281.320312 288.480469 Z M 281.320312 288.480469 " fill-opacity="1" fill-rule="nonzero"/><path fill="#000000" d="M 300.390625 215.023438 C 323.71875 215.023438 342.730469 196.046875 342.730469 172.761719 C 340.601562 116.863281 260.171875 116.878906 258.054688 172.765625 C 258.054688 196.046875 277.066406 215.023438 300.394531 215.023438 Z M 300.390625 215.023438 " fill-opacity="1" fill-rule="nonzero"/><g clip-path="url(#25941f13d3)"><path fill="#000000" d="M 300.390625 219.527344 C 288.40625 219.527344 276.550781 222.679688 266.238281 228.660156 C 269.269531 231.8125 272.039062 235.222656 274.617188 238.757812 C 286.242188 254.417969 293.5 273.875 294.914062 293.753906 C 294.914062 293.753906 361.929688 293.753906 361.929688 293.753906 C 365.476562 293.753906 368.375 290.863281 368.375 287.324219 C 368.375 249.953125 337.894531 219.527344 300.390625 219.527344 Z M 300.390625 219.527344 " fill-opacity="1" fill-rule="nonzero"/></g><path fill="#000000" d="M 75.503906 215.023438 C 98.828125 215.023438 117.839844 196.046875 117.839844 172.761719 C 115.714844 116.863281 35.28125 116.878906 33.164062 172.765625 C 33.164062 196.046875 52.175781 215.023438 75.503906 215.023438 Z M 75.503906 215.023438 " fill-opacity="1" fill-rule="nonzero"/><path fill="#000000" d="M 109.65625 228.660156 C 65.714844 202.214844 6.601562 236.027344 7.519531 287.324219 C 7.519531 290.863281 10.417969 293.753906 13.964844 293.753906 L 80.980469 293.753906 C 82.722656 269.34375 93.09375 246.179688 109.65625 228.660156 Z M 109.65625 228.660156 " fill-opacity="1" fill-rule="nonzero"/></svg>
  38.           <span class="-mt-1 navbar-main__link-icon__lbl text-center leading-none">{{ 'general.groups'|trans|raw }}</span>
  39.         </a>
  40.         <a class="hidden md:block navbar-main__link-icon" href="/wallet">
  41.           <svg class="w-10 md:w-11" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg">
  42.             <path d="M12.2692 0.280396C10.9394 0.285098 9.66549 0.815419 8.72522 1.75569C7.78495 2.69596 7.25463 3.96989 7.24992 5.29963C7.24992 6.19193 7.50312 7.02066 7.91246 7.74009C5.90366 8.9157 4.33096 10.5843 3.4855 12.5496H3.34608C3.27238 12.5513 3.19911 12.538 3.13069 12.5106C3.06227 12.4832 3.00012 12.4421 2.948 12.39C2.89587 12.3379 2.85485 12.2757 2.82742 12.2073C2.79999 12.1389 2.78671 12.0656 2.78839 11.9919C2.78839 11.7956 2.88877 11.6395 3.03266 11.5391L1.74216 9.72659C1.37671 9.98071 1.07813 10.3194 0.871869 10.7139C0.665613 11.1083 0.557798 11.5468 0.557617 11.9919C0.557617 13.3639 1.58154 14.4882 2.89323 14.7112C2.83635 15.1016 2.78839 15.4909 2.78839 15.8958C2.78839 18.6753 4.26516 21.0845 6.41339 22.8669C6.14346 23.9823 6.27842 25.1713 7.14508 26.0391C7.78491 26.6734 8.64942 27.0293 9.55041 27.0293C10.4514 27.0293 11.3159 26.6734 11.9557 26.0391L12.374 25.6208C13.2451 25.7814 14.1207 25.9342 15.0576 25.9342C15.9945 25.9342 16.8701 25.7814 17.7412 25.6208L18.1595 26.0391C18.7993 26.6734 19.6638 27.0293 20.5648 27.0293C21.4658 27.0293 22.3303 26.6734 22.9702 26.0391C23.819 25.1892 23.9461 24.0347 23.7018 22.9361C24.5963 22.2097 25.3621 21.3379 25.9672 20.3573H28.4422V11.4342H25.898C25.493 10.7768 25.0132 10.1686 24.4681 9.62174L25.0961 6.17074V4.74193H23.9807C23.9807 4.74193 21.3015 4.78655 19.0306 6.48528C18.4344 6.31328 17.8293 6.17329 17.2181 6.0659C17.2627 5.81828 17.2884 5.56063 17.2884 5.29963C17.2884 2.54128 15.0275 0.280396 12.2692 0.280396ZM12.2692 2.51116C13.8195 2.51116 15.0576 3.74924 15.0576 5.29963C15.0576 5.49147 15.023 5.6744 14.9873 5.85732C13.1882 5.86624 11.4895 6.21424 9.93466 6.7987C9.63849 6.35486 9.48052 5.8332 9.48069 5.29963C9.48069 3.74924 10.7188 2.51116 12.2692 2.51116ZM22.5865 7.18239C22.6043 7.17793 22.6043 7.18574 22.621 7.18239L22.2028 9.72547L22.099 10.3189L22.5865 10.7371C23.3312 11.3821 23.9464 12.163 24.399 13.0382L24.7124 13.665H26.2115V18.1265H24.7124L24.399 18.7545C23.8547 19.8297 22.9958 20.7756 21.8893 21.5764L21.0874 22.1698L21.5759 23.0766C21.8414 23.525 21.7934 24.0782 21.4008 24.4709C21.2949 24.5812 21.1678 24.6691 21.0271 24.7291C20.8864 24.7891 20.7351 24.82 20.5821 24.82C20.4292 24.82 20.2778 24.7891 20.1371 24.7291C19.9964 24.6691 19.8693 24.5812 19.7634 24.4709L18.9615 23.6678L18.5086 23.2506L17.9152 23.39C17.0095 23.5986 16.047 23.7035 15.0576 23.7035C14.0959 23.707 13.137 23.6018 12.1989 23.39L11.6077 23.2506L11.1538 23.6689L10.3518 24.4697C10.2459 24.5803 10.1187 24.6683 9.97795 24.7284C9.83716 24.7885 9.68565 24.8195 9.53256 24.8195C9.37947 24.8195 9.22796 24.7885 9.08716 24.7284C8.94637 24.6683 8.8192 24.5803 8.71331 24.4697C8.52974 24.292 8.41241 24.0568 8.38076 23.8033C8.34912 23.5497 8.40505 23.2929 8.53931 23.0755L9.02785 22.1698L8.22589 21.5775C6.20816 20.1119 5.01916 18.1132 5.01916 15.8958C5.01916 11.722 9.38031 8.08809 15.0576 8.08809C16.4295 8.08809 17.7368 8.29332 18.9269 8.68036L19.5192 8.89005L20.0077 8.47178C20.8041 7.76128 21.789 7.3787 22.5865 7.18239ZM21.7499 13.665C21.1365 13.665 20.6345 14.1669 20.6345 14.7804C20.6345 15.3939 21.1365 15.8958 21.7499 15.8958C22.3634 15.8958 22.8653 15.3939 22.8653 14.7804C22.8653 14.1669 22.3634 13.665 21.7499 13.665Z" fill="currentColor"/>
  43.           </svg>
  44.           <span class="navbar-main__link-icon__lbl">{{ 'general.moneybox'|trans }}</span>
  45.         </a>
  46.         {% set shoppingCartItemNumber = get_shopping_cart_item_number() %}
  47.         {{ macros.render_shopping_cart(shoppingCartItemNumber) }}
  48.       </div>      
  49.     {% else %}
  50.         <div class="navbar-main__left flex flex-1 justify-start">
  51.         </div>
  52.         <a class="navbar-main__brand flex-shrink-0" href="{{ path('app_product_index') }}">
  53.         <img src="{{ asset('build/images/triwu_u_logo.svg') }}" alt="Logo triwu_u" class=" navbar-main__brand__logo">
  54.         </a>
  55.       <div class="flex items-center gap-2 navbar-main__right flex flex-1 justify-end">
  56.         <span class="hidden md:block">{{ macros.render_lang_switch() }}</span>
  57.         {{ button.create('general.static-pages.aboutus'|trans, path('app_about_us'), 'white-border', 'sm', '', 'text-xs md:text-sm desktop:btn--md') }}
  58.         {# {{ button.create('Acceso', path('app_login_rrss'), 'shadow', 'sm', '', 'text-xs md:text-sm desktop:btn--md') }} #}
  59.         <a href="{{ path('app_login_rrss') }}" class="btn btn--shadow btn--sm text-xs md:text-sm desktop:btn--md px-2">
  60.           <span class="btn__lbl hidden md:block">Acceso</span>
  61.           <svg class="h-4 block md:hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"/><polyline points="10 17 15 12 10 7"/><line x1="15" x2="3" y1="12" y2="12"/></svg>
  62.         </a>
  63.       </div>
  64.     {% endif %}
  65.   </div>
  67.   {# <div class="navbar-main__categories">
  68.     {{ form_widget(searchForm.categories) }}
  69.   </div> #}
  70. </nav>