templates/default/components/language-switch-button.twig line 1

Open in your IDE?
  1. {% set route = app.request.attributes.get('_route') %}
  2. {% set route_params = app.request.attributes.get('_route_params') %}
  3. {% set params = route_params|merge(app.request.query.all) %}
  5. <button class="locale-switcher">
  6.     <img class="language-active"
  7.          src='{{ asset('bundles/kobizocore/images/flags/' ~ app.request.locale ~ '.png') }}'
  8.          alt='{{ locales[app.request.locale] }}'/>
  9. </button>
  11. <div class="language-switch-wrapper" data-parent=".header-desktop">
  12.     <ul>
  13.         <li class="active">
  14.             <span class="text-upper">{{ locales[app.request.locale] }}</span>
  15.             <span class="flag">
  16.                 <img src="{{ asset('bundles/kobizocore/images/flags/' ~ app.request.locale ~ '.png') }}" alt="">
  17.             </span>
  18.             <svg viewBox="0 0 20 20">
  19.                 <path d="M10.219,1.688c-4.471,0-8.094,3.623-8.094,8.094s3.623,8.094,8.094,8.094s8.094-3.623,8.094-8.094S14.689,1.688,10.219,1.688 M10.219,17.022c-3.994,0-7.242-3.247-7.242-7.241c0-3.994,3.248-7.242,7.242-7.242c3.994,0,7.241,3.248,7.241,7.242C17.46,13.775,14.213,17.022,10.219,17.022 M15.099,7.03c-0.167-0.167-0.438-0.167-0.604,0.002L9.062,12.48l-2.269-2.277c-0.166-0.167-0.437-0.167-0.603,0c-0.166,0.166-0.168,0.437-0.002,0.603l2.573,2.578c0.079,0.08,0.188,0.125,0.3,0.125s0.222-0.045,0.303-0.125l5.736-5.751C15.268,7.466,15.265,7.196,15.099,7.03"></path>
  20.             </svg>
  21.         </li>
  22.         {% for locale, locale_name in locales %}
  23.             {% if locale != app.request.locale %}
  24.                 <li data-locale='{{ locale }}' class="language-switch-link">
  25.                     <a href="{{ path(route ~ '.' ~ locale,params|merge({_locale: locale})) }}"
  26.                        class="w-full flex flex-wrap justify-between items-center">
  27.                         <span>{{ locale_name }}</span>
  28.                         <span>
  29.                              <img src="{{ asset('bundles/kobizocore/images/flags/' ~ locale ~ '.png') }}" alt="{{ locale_name }}">
  30.                         </span>
  31.                     </a>
  32.                 </li>
  33.             {% endif %}
  34.         {% endfor %}
  35.         <button class="close-language-switch-wrapper">
  36.             <svg viewBox="0 0 20 20">
  37.                 <path d="M10.185,1.417c-4.741,0-8.583,3.842-8.583,8.583c0,4.74,3.842,8.582,8.583,8.582S18.768,14.74,18.768,10C18.768,5.259,14.926,1.417,10.185,1.417 M10.185,17.68c-4.235,0-7.679-3.445-7.679-7.68c0-4.235,3.444-7.679,7.679-7.679S17.864,5.765,17.864,10C17.864,14.234,14.42,17.68,10.185,17.68 M10.824,10l2.842-2.844c0.178-0.176,0.178-0.46,0-0.637c-0.177-0.178-0.461-0.178-0.637,0l-2.844,2.841L7.341,6.52c-0.176-0.178-0.46-0.178-0.637,0c-0.178,0.176-0.178,0.461,0,0.637L9.546,10l-2.841,2.844c-0.178,0.176-0.178,0.461,0,0.637c0.178,0.178,0.459,0.178,0.637,0l2.844-2.841l2.844,2.841c0.178,0.178,0.459,0.178,0.637,0c0.178-0.176,0.178-0.461,0-0.637L10.824,10z"></path>
  38.             </svg>
  39.         </button>
  40.     </ul>
  41. </div>