templates/app/partials/languageswitch.html.twig line 1

Open in your IDE?
  1. {% if theme == 'light' %}
  2.     {% set backgroundClass = 'bg-white' %}
  3.     {% set colorClass = 'text-gray-900' %}
  4. {% elseif theme == 'dark' %}
  5.     {% set backgroundClass = 'bg-gray-900' %}
  6.     {% set colorClass = 'text-white' %}
  7. {% elseif theme == 'header' %}
  8.     {% set backgroundClass = 'bg-gray-100' %}
  9.     {% set colorClass = 'text-gray-900' %}
  10. {% endif %}
  12. <div class="flex items-center">
  13.     <div class="z-30 inline-block {{ colorClass }}"
  14.          x-data="{ isOpen: false }"
  15.          @click.outside="isOpen = false"
  16.          x-on:resize.window="isOpen = false"
  17.     >
  18.         <button @click="isOpen = !isOpen"
  19.                 class="flex text-xs items-center px-[7px] py-[5px] font-bold leading-none rounded shadow cursor-pointer focus:outline-none {{ backgroundClass }}"
  20.                 :class="{'shadow-none': open}"
  21.         >
  22.             <span class="block w-4 mr-2">
  23.                 <img
  24.                     class="language-switcher-img ls-languageswitch::get_language_flag_by_locale({{ app.request.locale }})"
  25.                     src="{{ get_language_flag_by_locale(app.request.locale) }}"
  26.                     alt="{{ app.request.locale }}"
  27.                     height="20" width="25">
  28.             </span>
  30.             {% if app.request.locale  == 'en' %}
  31.                 {{ 'International' }}
  32.             {% elseif app.request.locale  == 'nl' %}
  33.                 {{ 'Nederland' }}
  34.             {% elseif app.request.locale  == 'de' %}
  35.                 {{ 'Deutschland' }}
  36.             {% elseif app.request.locale  == 'fr' %}
  37.                 {{ 'France' }}
  38.             {% elseif app.request.locale  == 'de_AT' %}
  39.                 {{ 'Österreich' }}
  40.             {% elseif app.request.locale  == 'de_CH' %}
  41.                 {{ 'Schweiz' }}
  42.             {% elseif app.request.locale  == 'fr_CH' %}
  43.                 {{ 'Suisse' }}
  44.             {% elseif app.request.locale  == 'nl_BE' %}
  45.                 {{ 'België' }}
  46.             {% elseif app.request.locale  == 'fr_BE' %}
  47.                 {{ 'Belgique' }}
  48.             {% else %}
  49.                 {{ app.request.locale }}
  50.             {% endif %}
  52.             <span :class="{'rotate-180': isOpen}"
  53.                   class="inline-block w-3.5 h-2 ml-2 mr-1 transform fill-current scale-75 {{ colorClass }}">
  54.                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="10"><path fill="currentColor" fill-rule="evenodd" d="m.39 2.36 6.73 6.964c.24.248.575.388.926.388.35 0 .685-.14.925-.388l6.732-6.964a1.206 1.206 0 0 0-.068-1.748l-.114-.09a1.297 1.297 0 0 0-1.669.154L8.045 6.684 2.239.677A1.295 1.295 0 0 0 .456.612 1.205 1.205 0 0 0 .389 2.36Z"></path></svg>
  55.                 </span>
  56.         </button>
  58.         <ul x-show="isOpen"
  59.             class="absolute py-1 my-0.5 font-bold text-indigo-600 rounded shadow w-22 {{ backgroundClass }}"
  60.             x-transition:enter="transition ease-out duration-300"
  61.             x-transition:enter-start="opacity-0 transform -translate-y-2"
  62.             x-transition:enter-end="opacity-100 transform translate-y-0"
  63.             x-transition:leave="transition ease-in duration-300"
  64.             x-transition:leave-end="opacity-0 transform -translate-y-3"
  65.             style="display:none;"
  66.         >
  67.             {% for link, text in get_localized_links(document) %}
  68.                 <li>
  69.                     <a href="{{ link | trimUrl }}"
  70.                        class="flex text-xs items-center px-[7px] py-[5px] leading-none hover:bg-white hover:bg-opacity-5">
  71.                         <span class="block w-4 mr-2">
  72.                             <img
  73.                                 class="language-switcher-img ls-languageswitch-get_language_flag({{ link }})"
  74.                                 src="{{ get_language_flag(link) }}"
  75.                                 alt="{{ text }}"
  76.                                 height="20" width="25"
  77.                             >
  78.                         </span>
  80.                         {% if text == 'en' %}
  81.                             {{ 'International' }}
  82.                         {% elseif text == 'nl' %}
  83.                             {{ 'Nederland' }}
  84.                         {% elseif text == 'de' %}
  85.                             {{ 'Deutschland' }}
  86.                         {% elseif text == 'fr' %}
  87.                             {{ 'France' }}
  88.                         {% elseif text == 'de_AT' %}
  89.                             {{ 'Österreich' }}
  90.                         {% elseif text == 'de_CH' %}
  91.                             {{ 'Schweiz' }}
  92.                         {% elseif text == 'fr_CH' %}
  93.                             {{ 'Suisse' }}
  94.                         {% elseif text == 'nl_BE' %}
  95.                             {{ 'België' }}
  96.                         {% elseif text == 'fr_BE' %}
  97.                             {{ 'Belgique' }}
  98.                         {% else %}
  99.                             {{ text }}
  100.                         {% endif %}
  101.                     </a>
  102.                 </li>
  103.             {% endfor %}
  104.         </ul>
  105.     </div>
  106. </div>