Created
October 29, 2018 16:37
-
-
Save idiazroncero/3bc5e2de1ab8da33389c1ee639548c9f to your computer and use it in GitHub Desktop.
Drupal 8 field.html.twig override: checks length of field item(s) attributes in order to avoid creating unnecesary extra markup, preserves the rest of the logic.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{# | |
/** | |
* @file | |
* Theme override for a field. | |
* | |
* To override output, copy the "field.html.twig" from the templates directory | |
* to your theme's directory and customize it, just like customizing other | |
* Drupal templates such as page.html.twig or node.html.twig. | |
* | |
* Instead of overriding the theming for all fields, you can also just override | |
* theming for a subset of fields using | |
* @link themeable Theme hook suggestions. @endlink For example, | |
* here are some theme hook suggestions that can be used for a field_foo field | |
* on an article node type: | |
* - field--node--field-foo--article.html.twig | |
* - field--node--field-foo.html.twig | |
* - field--node--article.html.twig | |
* - field--field-foo.html.twig | |
* - field--text-with-summary.html.twig | |
* - field.html.twig | |
* | |
* Available variables: | |
* - attributes: HTML attributes for the containing element. | |
* - label_hidden: Whether to show the field label or not. | |
* - title_attributes: HTML attributes for the title. | |
* - label: The label for the field. | |
* - multiple: TRUE if a field can contain multiple items. | |
* - items: List of all the field items. Each item contains: | |
* - attributes: List of HTML attributes for each item. | |
* - content: The field item's content. | |
* - entity_type: The entity type to which the field belongs. | |
* - field_name: The name of the field. | |
* - field_type: The type of the field. | |
* - label_display: The display settings for the label. | |
* | |
* @see template_preprocess_field() | |
*/ | |
#} | |
{% | |
set title_classes = [ | |
label_display == 'visually_hidden' ? 'visually-hidden', | |
] | |
%} | |
{% if label_hidden %} | |
{% if multiple %} | |
{% if attributes | length != 0 %}<div{{ attributes }}></div>{% endif %} | |
{% for item in items %} | |
{% if item.attributes | length != 0 %}<div{{ item.attributes }}>{% endif %} | |
{{ item.content }} | |
{% if attributes | length != 0 %}</div>{% endif %} | |
{% endfor %} | |
{% if attributes | length != 0 %}</div>{% endif %} | |
{% else %} | |
{% for item in items %} | |
{% if attributes | length != 0 %}<div{{ attributes }}></div>{% endif %} | |
{{ item.content }} | |
{% if attributes | length != 0 %}</div>{% endif %} | |
{% endfor %} | |
{% endif %} | |
{% else %} | |
{% if attributes | length != 0 %}<div{{ attributes }}></div>{% endif %} | |
<div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div> | |
{% if multiple %} | |
<div> | |
{% endif %} | |
{% for item in items %} | |
{% if item.attributes | length != 0 %}<div{{ item.attributes }}>{% endif %} | |
{{ item.content }} | |
{% if item.attributes | length != 0 %}</div>{% endif %} | |
{% endfor %} | |
{% if multiple %} | |
</div> | |
{% endif %} | |
{% if attributes | length != 0 %}</div>{% endif %} | |
{% endif %} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment