field.html.twig 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. {% block field %}
  2. <div class="form-field {{ layout_form_field_outer_classes|trim }} {{ form_field_outer_core|trim}}">
  3. {% block contents %}
  4. {% if show_label %}
  5. <div class="{{- layout_form_field_outer_label_classes -}}">
  6. {{- form_field_toggleable -}}
  7. <label class="{{ layout_form_field_label_classes }}{{ form_field_label_trim }}" {% if field.id %}for="{{ form_field_for }}"{% endif %}>
  8. {%- block label -%}
  9. {%- if form_field_help -%}
  10. <span class="tooltip" data-tooltip="{{ form_field_help|e }}">{{ form_field_label|raw }}</span>
  11. {%- else -%}
  12. {{ form_field_label|raw }}
  13. {%- endif -%}
  14. {%- if form_field_required %}
  15. <span class="required">*</span>
  16. {%- endif -%}
  17. {%- endblock -%}
  18. </label>
  19. </div>
  20. {% endif %}
  21. <div class="{{ layout_form_field_outer_data_classes }}"
  22. {% block global_attributes %}{% endblock %}
  23. >
  24. {% block group %}
  25. {% block input %}
  26. <div class="{{ layout_form_field_wrapper_classes }} {{ field.size }}">
  27. {% block prepend %}{% endblock prepend %}
  28. {% set input_value = value is iterable ? value|join(',') : value|string %}
  29. <input
  30. name="{{ (scope ~ field.name)|fieldName }}"
  31. value="{{ input_value|e }}"
  32. {% block input_attributes %}{% endblock %}
  33. />
  34. {% block append %}{% endblock append %}
  35. {% if inline_errors and errors %}
  36. <div class="{{ form_field_inline_error_classes }}">
  37. <p class="form-message"><i class="fa fa-exclamation-circle"></i> {{ errors|first|raw }}</p>
  38. </div>
  39. {% endif %}
  40. </div>
  41. {% endblock %}
  42. {% endblock %}
  43. {% if field.description is defined %}
  44. <div class="{{ form_field_extra_wrapper_classes }}">
  45. <span class="form-description">
  46. {{ form_field_description|raw }}
  47. </span>
  48. </div>
  49. {% endif %}
  50. </div>
  51. {% endblock %}
  52. </div>
  53. {% endblock %}