123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172 |
- {#
- /**
- * @file
- * Default theme implementation 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()
- *
- * @ingroup themeable
- */
- #}
- {%
- set title_classes = [
- label_display == 'visually_hidden' ? 'visually-hidden',
- ]
- %}
- {% if label_hidden %}
- {% if multiple %}
- <div class="d-flex flex-wrap">
- {% for item in items %}
- <div class="md-mx-2 my-4 mx-auto">{{ item.content }}</div>
- {% endfor %}
- </div>
- {% else %}
- {% for item in items %}
- <div{{ attributes }}>{{ item.content }}</div>
- {% endfor %}
- {% endif %}
- {% else %}
- <div{{ attributes }}>
- <div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
- {% if multiple %}
- <div>
- {% endif %}
- {% for item in items %}
- <div{{ item.attributes }}>{{ item.content }}</div>
- {% endfor %}
- {% if multiple %}
- </div>
- {% endif %}
- </div>
- {% endif %}
|