templates/includes/form_elements/form-control.html.twig line 1

Open in your IDE?
  1. {% set id = id|default('') %}
  2. {% set name = name|default('') %}
  3. {% set label = label|default('') %}
  5. {% set styleModifier = styleModifier|default('') %}
  6. {% set className = className|default('') %}
  7. {% set classNames = {
  8.     input: inputModifier|default(''),
  9.     inputWrapper: inputWrapperModifier|default(''),
  10.     label: labelModifier|default(''),
  11.     error: errorModifier|default(''),
  12.     helpText: ''
  13. }|merge(classNames|default({})) %}
  14. {% set required = required|default(false) %}
  15. {% set type = type|default('text') %}
  16. {% set disabled = disabled|default(false) %}
  17. {% set readonly = readonly|default(false) %}
  18. {% set inputAttributes = inputAttributes|default({}) %}
  19. {% if errors[name]|default(false) %}
  20.     {% set errors = [errors[name]] %}
  21. {% else %}
  22.     {% set errors = [] %}
  23. {% endif %}
  25. {% set inputAttributes = inputAttributes
  26.     |merge(id is defined ? {id: id} : {})
  27.     |merge({type: type})
  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(helpText is defined ? {'aria-describedby': id ~ '-help-block'} : {}) %}
  36. <div class="js-form-validation__group {{ (errors|length > 0) ? 'has-error' : '' }} {{ type == "file" ? 'form-file' : '' }} {{ styleModifier }} {{ className }}">
  37.     <div class="form-group {{ attribute(classNames, 'inputWrapper') }} ">
  38.         {% if type != "file" %}
  39.             {% block label %}
  40.                 {{ include('includes/form_elements/includes/form-control-label.html.twig', {
  41.                     className: 'form-label ' ~ classNames.label
  42.                 }) }}
  43.             {% endblock %}
  45.             {% block input %}
  46.                 <input class=" form-control {{ (errors|length > 0) ? 'is-invalid' : '' }} {{ attribute(classNames, 'input') }}"
  47.                 {% for key, value in inputAttributes %}
  48.                     {{ key }}="{{ value }}"
  49.                 {% endfor %}
  50.                 >
  51.             {% endblock %}
  52.         {% else %}
  54.             <input class=" form-control border-0 {{ (errors|length > 0) ? 'is-invalid' : '' }} {{ attribute(classNames, 'input') }}"
  55.             {% for key, value in inputAttributes %}
  56.                 {{ key }}="{{ value }}"
  57.             {% endfor %}
  58.             >
  59.             {{ include('includes/form_elements/includes/form-control-label.html.twig', {
  60.                 className: 'visually-hidden form-label ' ~ classNames.label
  61.             }) }}
  63.             <div class="form-file__add"><span class="icon icon-download icon-rotate-180" aria-hidden="true"></span>
  64.                 {{ 'form.file-select'|trans }}</div>
  65.         {% endif %}
  66.     </div>
  68.     {% block erros %}
  69.         {{ include('includes/form_elements/includes/form-errors.html.twig', {
  70.             className: classNames.error
  71.         }) }}
  72.     {% endblock %}
  74.     {% block help %}
  75.         {{ include('includes/form_elements/includes/form-control-help-text.html.twig', {
  76.             className: classNames.helpText
  77.         }) }}
  78.     {% endblock %}
  79. </div>