ui/twig/common/buttons/default.html.twig line 1

Open in your IDE?
  1. {#
  2.     Basic button style.
  3.     While technically both icon and text are optional, one of them should be given.
  4.     Otherwise, button renders out as a blank thing.
  6.     @opt    bool    block       Whether or not to render button with Bootstrap "block" style
  7.     @opt    bool    blockxs     Whether or not to render button with Bootstrap "blockxs" style
  8.     @opt    string  form        Form button type, if needed (like "submit")
  9.     @opt    string  helper      Bootstrap-based class for coloring the button
  10.     @opt    string  htmlClass   Extra CSS classes to append to button class attribute
  11.     @opt    string  htmlId      Value to use for element's ID attribute; if NULL attribute is not rendered
  12.     @opt    string  htmlTag     The HTML tag name to use for the element.
  13.     @opt    string  icon        The FontAwesome icon name to use, if NULL icon chunk is not rendered
  14.     @opt    string  link        Used as the HREF attribute on the link
  15.     @opt    string  isLink      Choose link or not
  16.     @opt    string  size        The Bootstrap-based button sizing name
  17.     @opt    string  text        Primary text to use for the link, if NULL text chunk is not rendered
  18. #}
  20. {% set block        = _args.block|default(false) %}
  21. {% set blockxs      = _args.blockxs|default(false) %}
  22. {% set blocksm      = _args.blocksm|default(false) %}
  23. {% set stroke      = _args.stroke|default(false) %}
  24. {% set form         = _args.form|default(null) %}
  25. {% set helper       = _args.helper|default('default') %}
  26. {% set htmlClass    = _args.htmlClass|default(null) %}
  27. {% set htmlId       = _args.htmlId|default(null) %}
  28. {% set htmlTag      = _args.htmlTag|default('a') %}
  29. {% set icon         = _args.icon|default(null) %}
  30. {% set iconCustom   = _args.iconCustom|default(null) %}
  31. {% set link         = _args.link|default('#') %}
  32. {% set isLink       = _args.isLink is defined ? _args.isLink : true %}
  33. {% set sronly       = _args.sronly is defined ? _args.sronly : false %}
  34. {% set modal        = _args.modal|default(null) %}
  35. {% set size         = _args.size|default(null) %}
  36. {% set text         = _args.text|default(null) %}
  37. {% set dataAttrs    = _args.dataAttrs|default(null) %}
  38. {% set formaction   = _args.formaction|default(null) %}
  39. {% set helpText     = _args.helpText|default(null) %}
  41. <{{ htmlTag }}{% if form is not null %} type="{{ form }}"{% endif %}{% if htmlId is not null %} id="{{ htmlId }}"{% endif %} class="btn btn-{{ helper }}{% if size is not null %} btn-{{ size }}{% endif %}{% if block %} btn-block{% endif %}{% if blockxs %} btn-block-xs{% endif %}{% if blocksm %} btn-block-sm{% endif %}{% if stroke %} btn-stroke{% endif %}{% if htmlClass is not null %} {{ htmlClass }}{% endif %}" {% if isLink %}href="{{ link }}"{% endif %}{% if modal is not null %} data-toggle="modal" data-target="{{ modal }}"{% endif %}{% if dataAttrs is not empty %} {{ dataAttrs|raw }}{% endif %}{% if formaction is not empty %} formaction="{{ formaction|escape('html_attr') }}"{% endif %} {% if helpText is not null %}data-placement='right' data-trigger='hover' data-toggle='tooltip' data-original-title="{{ helpText }}"{% endif %}>
  42.     {% if icon is not empty %}
  43.         <i class="fa fa-{{ icon }}"></i>
  44.     {% endif %}
  45.     {% if iconCustom is not empty %}
  46.         <i class="csi {{ iconCustom }}"></i>
  47.     {% endif %}
  48.     {% if text is not empty %}
  49.         {% if sronly is not same as(true) %}
  50.             <span>{{ text|trans }}</span>
  51.         {% else %}
  52.             <span class="sr-only">{{ text|trans }}</span>
  53.         {% endif %}
  54.     {% endif %}
  55. </{{ htmlTag }}>