stack/src/components/forms/filtration-form/filtration-form.twig line 1

Open in your IDE?
  1. {% set com_props = props %}
  3. {%- set class_name = [
  4.   "f-filtration",
  5.   props.variant in ["inline"] ? "--" ~ props.variant : "--default",
  6. ]|join(' ')|trim -%}
  8. {%- set attrs = [
  9.   'class="' ~ class_name ~ '"',
  10. ] -%}
  12. {%- set attrs = attrs|join(' ')|trim -%}
  14. {% set is_inline = props.variant == "inline" ?? false %}
  16. <div {{ attrs|raw }}>
  17.   <header class="f-filtration__header u-posr d-flex align-items-center justify-content-between flex-column flex-sm-row gap-1 py-1 px-2">
  18.     <div class="f-filtration__title u-color-primary u-fz-lg u-fw-500">{{ "Filtrovat položky"|trans }}</div>
  20.     {% if is_inline %}
  21.       {% include "@Components/icon/icon.twig" with {props: {
  22.         src: "@Images/svg/filter.svg",
  23.         size: "lg",
  24.         color: "primary",
  25.         stroke_off: true,
  26.         extra_class: "f-filtration__icon"
  27.       }} %}
  29.     {% else %}
  30.       {% include "@Components/button/button.twig" with {props: {
  31.         tag: "button",
  32.         type: "button",
  33.         variant: "outline",
  34.         size: "sm",
  35.         title: "Otevřít filtraci"|trans,
  36.         icon: {
  37.           src: "@Images/svg/filter.svg"
  38.         },
  39.         data: {
  40.           "close-title": "Zavřít filtraci"|trans,
  41.         },
  42.         full_width_mobile: true,
  43.         extra_class: "--js-open-filter"
  44.       }} %}
  45.     {% endif %}
  46.   </header>
  48.   <div class="f-filtration__body">
  49.     {% include "@Components/forms/filtration-form/filtration-form--raw.twig" with {props: props} %}
  50.   </div>
  51. </div>