forked from a64f7bb4-7358-4778-9fbe-3b882c34cc1d/v1
87 lines
2.6 KiB
Twig
87 lines
2.6 KiB
Twig
{#
|
|
/**
|
|
* @file
|
|
* Theme override for a form element.
|
|
*
|
|
* @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 show_description_toggle = description_toggle and description.content %}
|
|
{%
|
|
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',
|
|
show_description_toggle ? 'help-icon__description-container'
|
|
]
|
|
%}
|
|
{%
|
|
set description_classes = [
|
|
'form-item__description',
|
|
description_display == 'invisible' ? 'visually-hidden',
|
|
]
|
|
%}
|
|
<div{{ attributes.addClass(classes) }}>
|
|
{% if label_display in ['before', 'invisible'] %}
|
|
{% if show_description_toggle %}
|
|
<div class="help-icon">
|
|
{{ label }}
|
|
{{ attach_library('gin/gin_description_toggle') }}
|
|
<button class="help-icon__description-toggle"></button>
|
|
</div>
|
|
{% else %}
|
|
{{ label }}
|
|
{% endif %}
|
|
{% endif %}
|
|
{% if show_description_toggle %}
|
|
<div class="help-icon__element-has-description">
|
|
{% 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' %}
|
|
{% if show_description_toggle %}
|
|
<div class="help-icon">
|
|
{{ label }}
|
|
{{ attach_library('gin/gin_description_toggle') }}
|
|
<button class="help-icon__description-toggle"></button>
|
|
</div>
|
|
{% else %}
|
|
{{ label }}
|
|
{% endif %}
|
|
{% endif %}
|
|
{% if show_description_toggle %}
|
|
</div>
|
|
{% 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>
|