You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
1.7 KiB
63 lines
1.7 KiB
10 months ago
|
{#
|
||
|
|
/**
|
||
|
|
* @file
|
||
|
|
* Theme override for a details element.
|
||
|
|
*
|
||
|
|
* Available variables
|
||
|
|
* - attributes: A list of HTML attributes for the details element.
|
||
|
|
* - errors: (optional) Any errors for this details element, may not be set.
|
||
|
|
* - title: (optional) The title of the element, may not be set.
|
||
|
|
* - summary_attributes: A list of HTML attributes for the summary element.
|
||
|
|
* - description: (optional) The description of the element, may not be set.
|
||
|
|
* - children: (optional) The children of the element, may not be set.
|
||
|
|
* - value: (optional) The value of the element, may not be set.
|
||
|
|
*
|
||
|
|
* @see template_preprocess_details()
|
||
|
|
* @see olives_preprocess_details()
|
||
|
|
*/
|
||
|
|
#}
|
||
|
|
{%
|
||
|
|
set classes = [
|
||
|
|
'olives-details',
|
||
|
|
]
|
||
|
|
%}
|
||
|
|
{%
|
||
|
|
set content_wrapper_classes = [
|
||
|
|
'olives-details__wrapper',
|
||
|
|
'details-wrapper',
|
||
|
|
]
|
||
|
|
%}
|
||
|
|
<details{{ attributes.addClass(classes) }}>
|
||
|
|
{%- if title -%}
|
||
|
|
{%
|
||
|
|
set summary_classes = [
|
||
|
|
'olives-details__summary',
|
||
|
|
required ? 'js-form-required',
|
||
|
|
required ? 'form-required',
|
||
|
|
]
|
||
|
|
%}
|
||
|
|
<summary{{ summary_attributes.addClass(summary_classes) }}>
|
||
|
|
{{- title -}}
|
||
|
|
{%- if required -%}
|
||
|
|
<span class="required-mark"></span>
|
||
|
|
{%- endif -%}
|
||
|
|
</summary>
|
||
|
|
{%- endif -%}
|
||
|
|
<div{{ content_attributes.addClass(content_wrapper_classes) }}>
|
||
|
|
{% if errors %}
|
||
|
|
<div class="form-item form-item--error-message">
|
||
|
|
{{ errors }}
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
{%- if description -%}
|
||
|
|
<div class="olives-details__description">{{ description }}</div>
|
||
|
|
{%- endif -%}
|
||
|
|
{%- if children -%}
|
||
|
|
{{ children }}
|
||
|
|
{%- endif -%}
|
||
|
|
{%- if value -%}
|
||
|
|
{{ value }}
|
||
|
|
{%- endif -%}
|
||
|
|
</div>
|
||
|
|
</details>
|