claro-8.x-1.x-dev/templates/form-element.html.twig
templates/form-element.html.twig
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 | {# /** * @file * Theme override for a form element. * * @todo Remove when https://www.drupal.org/node/3010558 is fixed. * * @see template_preprocess_form_element() */ #} {# Most of core-provided js assumes that the CSS class pattern js-form-item-[something] or js-form-type-[something] exists on form items. We have to keep them. #} {% set classes = [ 'js-form-item' , 'form-item' , 'js-form-type-' ~ type|clean_class, 'form-type--' ~ type|clean_class, type in [ 'checkbox' , 'radio' ] ? 'form-type--boolean' , 'js-form-item-' ~ name|clean_class, 'form-item--' ~ name|clean_class, title_display not in [ 'after' , 'before' ] ? 'form-item--no-label' , disabled == 'disabled' ? 'form-item--disabled' , errors ? 'form-item--error' , ] %} {% set description_classes = [ 'form-item__description' , description_display == 'invisible' ? 'visually-hidden' , ] %} <div{{ attributes.addClass(classes) }}> {% if label_display in [ 'before' , 'invisible' ] %} {{ label }} {% endif %} {% if prefix is not empty %} <span class = "form-item__prefix{{disabled == 'disabled' ? ' is-disabled'}}" >{{ prefix }}</span> {% endif %} {% if description_display == 'before' and description.content %} <div{{ description.attributes.addClass(description_classes) }}> {{ description.content }} </div> {% endif %} {{ children }} {% if suffix is not empty %} <span class = "form-item__suffix{{disabled == 'disabled' ? ' is-disabled'}}" >{{ suffix }}</span> {% endif %} {% if label_display == 'after' %} {{ label }} {% endif %} {% if errors %} <div class = "form-item__error-message" > {{ errors }} </div> {% endif %} {% if description_display in [ 'after' , 'invisible' ] and description.content %} <div{{ description.attributes.addClass(description_classes) }}> {{ description.content }} </div> {% endif %} </div> |