templates/widgets/button.html.twig line 1

Open in your IDE?
  1. {% if backColor is defined %}
  2.     {% set txtColor = 'white' %}
  3.     {% set bgColor = backColor %}
  4.     {% set hoverTextColor = 'white' %}
  7.     {% if backColor == 'white' %}
  8.         {% set txtColor = 'black' %}
  9.         {% set hoverTextColor = 'black' %}
  10.         {% set hoverBackColor = 'gray-200' %}
  11.     {% elseif backColor == 'black' %}
  12.         {% set hoverBackColor = 'gray-900' %}
  13.     {% elseif backColor == 'red-600' or backColor == 'stwh-rot-2024' %}
  14.         {% set bgColor = 'stwh-rot-2024' %}
  15.         {% set hoverBackColor = '[#eb6042]' %}
  16.     {% elseif backColor == 'neongruen-2024' %}
  17.         {% set hoverBackColor = '[#7ecc56]' %}
  18.     {% elseif backColor == 'dunkelgruen-2024' %}
  19.         {% set hoverBackColor = '[#195a51]' %}
  20.     {% elseif backColor == 'hellgruen-2024' %}
  21.         {% set hoverBackColor = '[#a8e091]' %}
  22.     {% elseif backColor == 'pastellgruen-2024' %}
  23.         {% set hoverBackColor = '[#d2f4c7]' %}
  24.     {% elseif backColor == 'blau-2024' %}
  25.         {% set hoverBackColor = '[#375da2]' %}
  26.     {% elseif backColor == 'hellblau-2024' %}
  27.         {% set hoverBackColor = '[#a6d9f3]' %}
  28.     {% elseif backColor == 'gelb-2024' %}
  29.         {% set hoverBackColor = '[#ffd25b]' %}
  30.     {% elseif backColor == 'hellgelb-2024' %}
  31.         {% set hoverBackColor = '[#fff0b7]' %}
  32.     {% elseif backColor == 'grau-2024' %}
  33.         {% set hoverBackColor = '[#7f817e]' %}
  34.     {% elseif backColor == 'hellgrau-2024' %}
  35.         {% set hoverBackColor = '[#bfc0bf]' %}
  36.     {% else %}
  37.         {% set hoverBackColor = backColor %}
  38.     {% endif %}
  39. {% endif %}
  41. {% if action is defined and action == 'modal' %}
  43.     <button
  44.         @click="$store.mainMenu.showModal = null"
  45.         type="button"
  46.         class="
  47.             py-2
  48.             px-4
  49.             bg-{{ bgColor }}
  50.             hover:bg-{{ hoverBackColor }}
  51.             hover:text-{{ hoverTextColor }}
  52.             text-{{ txtColor }}
  53.             relative
  54.             focus:outline-none
  55.             inline-flex
  56.             rounded-lg
  57.             text-center
  58.             transition-all
  59.             ease-in-out
  60.             duration-200
  61.             tracking-widest">
  62.         Schließen
  63.     </button>
  65. {% else %}
  67.     <a
  68.         href="{{ pimcore_link(name).getHref() }}"
  69.         target="{{ pimcore_link(name).getTarget() }}"
  70.         class="
  71.             my-3
  72.             md:my-5
  73.             px-5
  74.             py-2
  75.             transition-all
  76.             ease-in-out
  77.             duration-200
  78.             hover:bg-{{ hoverBackColor }}
  79.             hover:text-{{ hoverTextColor }}
  80.             hover:shadow-lg
  81.             bg-{{ bgColor }}
  82.             text-{{ txtColor }}
  83.             relative
  84.             focus:outline-none
  85.             inline-flex
  86.             rounded-lg
  87.             text-xl
  88.             text-center
  89.             tracking-widest"
  90.         >
  91.         {{ pimcore_link(name).getText() }}
  92.     </a>
  94. {% endif %}