templates/includes/form_elements/switch.html.twig line 1

Open in your IDE?
  1. {% set id = id|default('checkbox-id') %}
  2. {% set name = name|default('checkbox') %}
  3. {% set label = label|default(' ') %}
  4. {% set option1 = option1|default('Option1') %}
  5. {% set option2 = option2|default('Option2') %}
  7. {% set styleModifier = styleModifier|default('') %}
  8. {% set className = className|default('') %}
  9. {% set classNames = {
  10.     input: inputModifier|default(''),
  11.     label: labelModifier|default(''),
  12.     error: errorModifier|default('')
  13. }|merge(classNames|default({})) %}
  14. {% set required = required|default(false) %}
  15. {% set disabled = disabled|default(false) %}
  16. {% set readonly = readonly|default(false) %}
  17. {% set inputAttributes = inputAttributes|default({}) %}
  18. {% set errors = errors|default([]) %}
  19. {% set style = style|default('default') %}
  20. {% set type = type|default('checkbox') %}
  21. {% set styleClasses = {
  22.     'default': '',
  23.     'switch': 'form-switch'
  24. } %}
  26. {% set inputAttributes = inputAttributes
  27.     |merge(id is defined ? {id: id} : {})
  28.     |merge(name is defined ? {name: name} : {})
  29.     |merge(placeholder is defined ? {placeholder: placeholder} : {})
  30.     |merge(value is defined ? {value: value} : {})
  31.     |merge(required ? {required: ''} : {})
  32.     |merge(disabled ? {disabled: ''} : {})
  33.     |merge(readonly ? {readonly: ''} : {})
  34.     |merge({type: type})
  35.     |merge(helpText is defined ? {'aria-describedby': id ~ '-help-block'} : {}) %}
  37. <div class="shadow form-control text-center js-form-validation__group {{ attribute(styleClasses, style) }} {{ (errors|length > 0) ? 'has-error' : '' }} {{ styleModifier }} {{ className }}">
  38.     <div class="switch js-switch-toggle">
  39.         {% block input %}
  40.             <input type="checkbox" id="{{ id }}" class="form-check-input {{ (errors|length > 0) ? 'is-invalid' : '' }} {{ inputModifier }}"
  41.             {% for key, value in inputAttributes %}
  42.                 {{ key }}="{{ value }}"
  43.             {% endfor %} >
  44.         {% endblock %}
  45.         {% block label %}
  46.             {{ include('includes/form_elements/includes/form-control-label.html.twig', _context|merge({
  47.                 className: 'form-check-label d-flex justify-content-between ' ~ classNames.label,
  48.                 switch: true
  49.             }), with_context = false) }}
  50.         {% endblock %}
  51.     </div>
  53.     {% block erros %}
  54.         {{ include('includes/form_elements/includes/form-errors.html.twig', with_context = false) }}
  55.     {% endblock %}
  57.     {% block help %}
  58.         {{ include('includes/form_elements/includes/form-control-help-text.html.twig', with_context = false) }}
  59.     {% endblock %}
  60. </div>