templates/includes/navigation/icon-menu-item.html.twig line 1

Open in your IDE?
  1. {% if label == 'Bonuswelt' %}
  3.     <div onclick="document.location.href='/privatkunden/bonuswelt';"
  4.          class="tracking-widest cursor-pointer px-2 text-center text-gray-400 hover:text-red-600 h-full flex flex-col justify-center">
  5.         <i class="text-3xl md:text-2xl icon-{{ icon }}"></i>
  6.         <div class="text-[0.6rem] md:mt-1 hidden md:flex leading-6 md:leading-4 uppercase">{{ label }}</div>
  7.     </div>
  9. {% elseif label == 'Services' %}
  10.     <button @click.prevent="$store.mainMenu.showModal==='{{ label }}' ? $store.mainMenu.showModal = null : $store.mainMenu.showModal='{{ label }}'"
  11.         class="relative tracking-widest cursor-pointer text-center text-white hover:bg-[#eb6042] focus:rounded-lg focus:outline focus:outline-white hover:shadow-sm p-2 rounded h-full"
  12.         x-bind:class="$store.mainMenu.showModal === '{{ label }}' ? 'bg-[#eb6042]' : 'bg-stwh-rot-2024'">
  13.         <div class="h-full flex justify-center items-center space-x-1 "
  14.              x-bind:class="$store.mainMenu.showModal === '{{ label }}' && 'opacity-0 pointer-events-none'">
  15.             <i class="icon-{{ icon }} text-sm"></i>
  16.             <div
  17.                 class="text-[0.6rem] whitespace-nowrap hidden md:flex md:flex-wrap justify-center mt-1 leading-3 md:leading-4 uppercase">{{ label }}
  18.             </div>
  19.         </div>
  20.         <div
  21.              x-cloak
  22.              x-bind:class="$store.mainMenu.showModal === '{{ label }}' ? 'opacity-1' : 'opacity-0 pointer-events-none'"
  23.              class="absolute rounded top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 tracking-widest cursor-pointer px-2 text-center  text-white h-full flex items-center justify-center">
  24.             <i class="icon-stwh_Icons_-05 text-xs md:text-sm"></i>
  25.             <div class="hidden md:flex text-[0.6rem] mt-1 leading-6 md:leading-4 uppercase">schließen</div>
  26.         </div>
  27.     </button>
  28. {% elseif label == 'Suche' %}
  29.     <button @click.prevent="$store.mainMenu.showModal==='{{ label }}' ? $store.mainMenu.showModal = null : $store.mainMenu.showModal='{{ label }}';  $event.target.dispatchEvent(new CustomEvent('searchPopoverOpened', { bubbles: true }))"
  30.         class="relative tracking-widest cursor-pointer text-center text-white focus:rounded-lg focus:outline focus:outline-white hover:bg-[#eb6042] hover:shadow-sm rounded py-2 lg:py-4 h-full"
  31.         x-bind:class="$store.mainMenu.showModal === '{{ label }}' ? 'bg-[#eb6042]' : 'bg-stwh-rot-2024'">
  32.         <div class="h-full flex justify-center items-center space-x-1"
  33.              x-bind:class="$store.mainMenu.showModal === '{{ label }}' && 'opacity-0 pointer-events-none'">
  34.             <i class="icon-{{ icon }} text-sm"></i>
  35.             <div class="text-[0.6rem] whitespace-nowrap hidden md:flex md:flex-wrap justify-center mt-1 leading-3 md:leading-4 uppercase">{{ label }}</div>
  36.         </div>
  37.         <div
  38.              x-cloak
  39.              x-bind:class="$store.mainMenu.showModal === '{{ label }}' ? 'opacity-1' : 'opacity-0 pointer-events-none'"
  40.              class="absolute rounded top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 tracking-widest cursor-pointer px-2 text-center  text-white h-full flex items-center justify-center">
  41.             <i class="icon-stwh_Icons_-05 text-xs md:text-sm"></i>
  42.             <div class="hidden md:flex text-[0.6rem] mt-1 uppercase">schließen</div>
  43.         </div>
  44.     </button>
  47. {% else %}
  49.     <button @click.prevent="$store.mainMenu.showModal==='{{ label }}' ? $store.mainMenu.showModal = null : $store.mainMenu.showModal='{{ label }}'"
  50.         class="relative pt-2 tracking-widest cursor-pointer px-2 text-center text-white hover:bg-[#eb6042] hover:shadow-sm p-2 rounded h-full focus:outline focus:outline-white focus:rounded-lg"
  51.         x-bind:class="$store.mainMenu.showModal === '{{ label }}' ? 'bg-[#eb6042]' : 'bg-stwh-rot-2024'">
  52.         <div class="h-full flex flex justify-center items-center space-x-1"
  53.              x-bind:class="$store.mainMenu.showModal === '{{ label }}' && 'opacity-0 pointer-events-none'">
  54.             <i class="icon-{{ icon }} text-sm"></i>
  55.             <div class="text-[0.6rem] mt-1 uppercase">{{ label }}</div>
  56.         </div>
  57.         <div
  58.              x-cloak
  59.              x-bind:class="$store.mainMenu.showModal === '{{ label }}' ? 'opacity-1' : 'opacity-0 pointer-events-none'"
  60.              class="absolute rounded top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 tracking-widest cursor-pointer px-2 text-center text-white h-full w-full  flex items-center justify-center">
  61.             <i class="icon-stwh_Icons_-05 text-sm"></i>
  62.             <div class="hidden md:flex text-[0.6rem] mt-1 uppercase">schließen</div>
  63.         </div>
  64.     </button>
  66. {% endif %}