language
Information
- Folder
src/components/template-components/header/language
Files
Schema
$schema: http://json-schema.org/draft-07/schema
$id: /template-components/header/language
type: object
required:
- label
- languages
additionalProperties: false
properties:
label:
type: string
languages:
type: array
items:
type: object
required:
- title
- url
additionalProperties: false
properties:
title:
type: string
url:
type: string
format: uri-reference
is_active:
type: boolean
Mocks
label: Language
languages:
- title: Deutsch
url: url
- title: English
url: url
is_active: true
- title: Italiano
url: url
- title: Français
url: url
- title: Español
url: url
Template
{% set content %}
{% set item = {title: "Language"|t} %}
{% set below = [] %}
{% for language in languages %}
{% if language.is_active %}
{% set item = item|merge({title: language.title}) %}
{% else %}
{% set below = below|merge([{
title: language.title,
url: language.url,
}]) %}
{% endif %}
{% endfor %}
{% set item = item|merge({below: below}) %}
<div class="HeaderLanguage-nav">
{% include "@template-components/header/_nav/_nav.twig" with {
id: "HeaderLanguage-nav",
items: [item],
label: label,
} only %}
</div>
{% endset %}
<div class="HeaderLanguage js-HeaderLanguage">
{% include "@template-components/header/_overlay/_overlay.twig" with {
label_open: "Open languages"|t,
label_close: "Close languages"|t,
content: content,
alias: "language",
} only %}
</div>
Variants