templates/shared/ui/button/button.html.twig line 1

Open in your IDE?
  1. {% if outlined is defined and outlined == true %}
  2.     <button data-invalid="false"
  3.             id="{% if buttonId is defined and buttonId != '' %}{{ buttonId }}{% else %}button{% endif %}"
  4.             type="submit"
  5.             {% if number is defined %} data-number="{{ number }}"{% endif %}
  6.             {% if isKyivstar is defined and isKyivstar == true %}
  7.                 data-is-kyivstar="true"
  8.             {% else %}
  9.                 data-is-kyivstar="false"
  10.             {% endif %}
  12.             {% if disableOnClick is not defined or disableOnClick == true %}onclick="this.form.submit(); this.disabled=true;"{% endif %}
  13.             class="js--handleClick drop-shadow-[0_7px_5px_rgba(0,0,0,0.25)] hover:drop-shadow-none w-full text-center py-[6px] block h-[52px] bg-transparent border rounded-[10px] focus:ring-4 focus:ring-blue-300 font-semibold text-[16px] focus:outline-none disabled:drop-shadow-none disabled:!border-[#E2E2E9] disabled:!text-[#909299]"
  14.             style="{{ inlineStyles(app.request.get('companyInner'), constant('App\\Constants\\SettingConstants::NOT_FILLED_BUTTON_STYLES')) }}"
  15.     >
  16.         {% if iconChek is defined %}
  17.             <div class="flex flex-row items-center justify-center">
  18.                 <svg class="w-[16px] min-w-[16px] h-[20px] mr-[20px]" style="fill: {{ companyStyles.linkTextColor }}">
  19.                     <use href="{{ asset('build/sprite.svg#check') }}"></use>
  20.                 </svg>
  21.                 {% if text is defined %}{{ text }}{% endif %}
  22.             </div>
  23.         {% else %}
  24.             {% if text is defined %}{{ text }}{% endif %}
  25.         {% endif %}
  26.     </button>
  27. {% else %}
  28.     <button
  29.             data-invalid="false"
  30.             {% if number is defined %} data-number="{{ number }}"{% endif %}
  31.             {% if isKyivstar is defined and isKyivstar == true %}
  32.                 data-is-kyivstar="true"
  33.             {% else %}
  34.                 data-is-kyivstar="false"
  35.             {% endif %}
  36.             onclick="this.form.submit(); this.disabled=true;"
  37.             id="{% if buttonId is defined and buttonId != '' %}{{ buttonId }}{% else %}button{% endif %}"
  38.             type="{% if isSubmit is defined %}submit{% else %}button{% endif %}"
  39.             style="{{ inlineStyles(app.request.get('companyInner'), constant('App\\Constants\\SettingConstants::FILLED_BUTTON_STYLES')) }}"
  40.             {% if isDisabled is defined and isDisabled == true %}disabled{% endif %}
  41.             class="js--handleClick {% if height is defined %}min-h-[{{ height }}px]{% else %}min-h-[48px]{% endif %}  drop-shadow-[0_7px_5px_rgba(0,0,0,0.25)] hover:drop-shadow-none transition ease-in-out duration-150 hover:!opacity-90 disabled:drop-shadow-none disabled:!bg-[#E2E2E9] disabled:!text-[#909299] w-full hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-semibold text-[16px] px-5 py-2.5 focus:outline-none"
  42.     >
  43.         {% if text is defined %}{{ text }}{% endif %}
  44.     </button>
  45. {% endif %}