Code development platform for open source projects from the European Union institutions

Skip to content
Snippets Groups Projects
Commit a9f320c3 authored by escuriola's avatar escuriola
Browse files

OEL-1147: Corporate and neutral footer refactor.

parent 0866771b
No related branches found
No related tags found
1 merge request!81OEL-1147 - Footer
Hide whitespace changes
Inline Side-by-side
templates/overrides/navigation/oe-corporate-blocks-ec-footer.html.twig
+ 64
− 116
View file @ a9f320c3
{#
/**
* @file
* Default theme implementation for rendering corporate blocks footer.
*
* Available variables:
* - site_owner: Site's owner.
* - site_specific_footer: Array (optional) with structure of the site specific footer compatible with the ECL ec-components-footer component.
* - site_identity: Site identity for custom footer.
* - social_links: Social media links for custom footer.
* - other_links: Other links for custom footer.
* - corporate_footer: Array with structure of corporate footer compatible with the ECL ec-components-footer component.
* - corporate_site_link: Corporate site link.
* - class_navigation: Provides the user with navigation through class names.
* - service_navigation: Contains services links - consistent throughout the family sites.
* - legal_navigation: Contains legal information links - consistent throughout the family sites.
*
* @ingroup themeable
*/
#}
{% set _section_2 = [] %}
{% set _section_3 = [] %}
{# First we parse the other_links, we make a simple grid. #}
{% for section in site_specific_footer.other_links %}
{% if loop.index is odd %}
{% set _section_2 = _section_2|merge([{
'title': section.label,
'links': bcl_footer_links(section.links),
}]) %}
{% else %}
{% set _section_3 = _section_3|merge([{
'title': section.label,
'links': bcl_footer_links(section.links),
}]) %}
{% endif %}
{% endfor %}
{# When follow section is present. #}
{% if site_specific_footer.social_links is not empty %}
{# If section numbers are odd, then we flip the last row so to have the follow as first. #}
{% if _section_2|length > _section_3|length %}
{% set _last_in_section_2 = _section_2|last %}
{# Compensate for bug in twig where _section_2[1:] returns empty if _section_2|length is 1. #}
{% if _last_in_section_2 is empty %}
{% set _last_in_section_2 = _section_2[0] %}
{% set _section_2 = [] %}
{% endif %}
{% set _section_2 = _section_2[:_section_2|length - 1] %}
{% set _section_3 = _section_3|merge([_last_in_section_2]) %}
{% endif %}
{# Follow section must always be the last on the left. #}
{% set _section_2 = _section_2|merge([{
'title': 'Follow us on social media'|t,
'links': bcl_footer_links(site_specific_footer.social_links),
}]) %}
{% endif %}
{% extends "oe-corporate-blocks-neutral-footer.html.twig" %}
{% block content %}
{% set _top_sections = {
'extra_classes': 'pt-4 pt-lg-5',
'cols': [
{
'classes': 'col-12 col-lg-4',
'items': [
{
'type': 'content',
'content': footer_top_left_content,
},
],
},
{
'classes': 'col-12 col-lg-4 pb-4 pb-lg-0',
'items': _section_2,
},
{
'classes': 'col-12 col-lg-4',
'items': _section_3,
}
],
} %}
{% set _top_sections = [
{
'section_id': 'footer_top_left',
'title': {
'link': {
'label': site_specific_footer.site_identity,
'path': url('<front>')|render
}
},
'description': site_owner ? 'This site is managed by the @name'|t({'@name': site_owner}),
},
{
'section_id': 'footer_top_middle',
'sections': _section_2
},
{
'section_id': 'footer_top_right',
'sections': _section_3
}
] %}
{% set site_identity_content %}
<p class="fw-bold pb-2 mb-2">{{ 'European Commission'|t }}</p>
{% endset %}
{% set _bottom_sections = [
{
'section_id': 'ec_footer_bottom_left',
'title': {
'link': {
'label': site_specific_footer.site_identity,
'path': url('<front>')|render,
{% set _bottom_sections = {
'extra_classes': 'pb-4 pb-lg-5 bcl-footer__bordered-row row mt-4',
'cols': [
{
'classes': 'col-12 col-lg-4 pb-lg-4',
'items': [
{
'type': 'content',
'content': site_identity_content,
},
],
},
{
'classes': 'col-12 col-lg-4',
'items': [
{
'type': 'links',
'links': bcl_footer_links(corporate_footer.service_navigation),
}
],
},
{
'classes': 'col-12 col-lg-4',
'items': [
{
'type': 'links',
'links': bcl_footer_links(corporate_footer.legal_navigation),
}
],
}
}
},
{
'section_id': 'ec_footer_bottom_middle',
'links': bcl_footer_links(corporate_footer.service_navigation),
},
{
'section_id': 'ec_footer_bottom_right',
'links': bcl_footer_links(corporate_footer.legal_navigation)
}
] %}
],
} %}
{% set _middle_sections = [
{
'section_id': 'ec_footer_middle_row',
'links': bcl_footer_links(corporate_footer.class_navigation),
}
] %}
<footer class="bcl-footer bcl-footer--ec mt-4">
<div class="container">
{{ pattern('footer', {
'variant': 'ec',
'top_sections': _top_sections,
'middle_sections': _middle_sections,
'bottom_sections': _bottom_sections,
}) }}
</div>
</footer>
{% include '@oe-bcl/bcl-footer/bcl-footer.html.twig' with {
'variant': 'ec',
'rows': [_top_sections, _bottom_sections],
'attributes': attributes,
} only %}
{% endblock %}
templates/overrides/navigation/oe-corporate-blocks-eu-footer.html.twig
+ 85
− 107
View file @ a9f320c3
{#
/**
* @file
* Default theme implementation for rendering corporate blocks footer.
*
* Available variables:
* - corporate_footer: Array with structure compatible to ECL ec-components-footer component.
* - contact: EU contact data for corporate footer.
* - social_media_title: Title for social media links column.
* - social_media: Social media links for corporate footer.
* - institution_links_title: Title for institution links column.
* - institution_links: EU institutions links for corporate footer.
* - legal_links_title: Title for legal links column.
* - legal_links: Legal links for corporate footer.
*
* @ingroup themeable
*/
#}
{% set _section_2 = [] %}
{% set _section_3 = [] %}
{# First we parse the other_links, we make a simple grid. #}
{% for section in site_specific_footer.other_links %}
{% if loop.index is odd %}
{% set _section_2 = _section_2|merge([{
'title': section.label,
'links': bcl_footer_links(section.links),
}]) %}
{% else %}
{% set _section_3 = _section_3|merge([{
'title': section.label,
'links': bcl_footer_links(section.links),
}]) %}
{% endif %}
{% endfor %}
{# When follow section is present. #}
{% if site_specific_footer.social_links is not empty %}
{# If section numbers are odd, then we flip the last row so to have the follow as first. #}
{% if _section_2|length > _section_3|length %}
{% set _last_in_section_2 = _section_2|last %}
{# Compensate for bug in twig where _section_2[1:] returns empty if _section_2|length is 1. #}
{% if _last_in_section_2 is empty %}
{% set _last_in_section_2 = _section_2[0] %}
{% set _section_2 = [] %}
{% endif %}
{% set _section_2 = _section_2[:_section_2|length - 1] %}
{% set _section_3 = _section_3|merge([_last_in_section_2]) %}
{% endif %}
{# Follow section must always be the last on the left. #}
{% set _section_2 = _section_2|merge([{
'title': 'Follow us on social media'|t,
'links': bcl_footer_links(site_specific_footer.social_links),
}]) %}
{% endif %}
{% extends "oe-corporate-blocks-neutral-footer.html.twig" %}
{% block content %}
{% set _top_sections = {
'extra_classes': 'pt-4 pt-lg-5',
'cols': [
{
'classes': 'col-12 col-lg-4',
'items': [
{
'type': 'content',
'content': footer_top_left_content,
},
],
},
{
'classes': 'col-12 col-lg-4 pb-4 pb-lg-0',
'items': _section_2,
},
{
'classes': 'col-12 col-lg-4',
'items': _section_3,
}
],
} %}
{% set _top_sections = [
{
'section_id': 'footer_top_left',
'title': {
'link': {
'label': site_specific_footer.site_identity,
'path': url('<front>')|render
{% set _bottom_sections = {
'extra_classes': 'pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row',
'cols': [
{
'classes': 'col-12 col-lg-4 pb-4',
'items': [
{
'type': 'content',
'content': bcl_block('whitelabel_eu_logo_block'),
},
],
},
{
'classes': 'col-12 col-lg-4',
'items': [
{
'type': 'content',
'content': bcl_title(corporate_footer.contact_title, 'fw-bold border-bottom pb-2 mb-2'),
},
{
'type': 'links',
'links': bcl_footer_links(corporate_footer.contact),
},
{
'type': 'content',
'content': bcl_title(corporate_footer.social_media_title, 'fw-bold border-bottom pb-2 pt-3 mb-2'),
},
{
'type': 'links',
'links': bcl_footer_links(corporate_footer.social_media),
},
{
'type': 'content',
'content': bcl_title(corporate_footer.legal_links_title, 'fw-bold border-bottom pb-2 pt-3 mb-2'),
},
{
'type': 'links',
'links': bcl_footer_links(corporate_footer.legal_links),
},
],
},
{
'classes': 'col-12 col-lg-4',
'items': [
{
'type': 'content',
'content': bcl_title(corporate_footer.institution_links_title, 'fw-bold border-bottom pb-2 mb-2'),
},
{
'type': 'links',
'links': bcl_footer_links(corporate_footer.institution_links),
},
],
}
},
'description': site_owner ? 'This site is managed by the @name'|t({'@name': site_owner}),
},
{
'section_id': 'footer_top_middle',
'sections': _section_2
},
{
'section_id': 'footer_top_right',
'sections': _section_3
}
] %}
],
} %}
{% set _bottom_sections = [
{
'section_id': 'eu_footer_left'
},
{
'section_id': 'eu_footer_middle',
'contact_eu_title': corporate_footer.contact_title,
'contact_eu_links': bcl_footer_links(corporate_footer.contact),
'social_media_title': corporate_footer.social_media_title,
'social_media_links': bcl_footer_links(corporate_footer.social_media),
'legal_title': corporate_footer.legal_links_title,
'legal_links': bcl_footer_links(corporate_footer.legal_links)
},
{
'section_id': 'eu_footer_right',
'eu_institutions_title': corporate_footer.institution_links_title,
'eu_institutions_links': bcl_footer_links(corporate_footer.institution_links)
}
] %}
<footer class="bcl-footer bcl-footer--eu mt-4">
<div class="container">
{{ pattern('footer', {
'variant': 'eu',
'top_sections': _top_sections,
'bottom_sections': _bottom_sections,
}) }}
</div>
</footer>
{% include '@oe-bcl/bcl-footer/bcl-footer.html.twig' with {
'variant': 'eu',
'rows': [_top_sections, _bottom_sections],
'attributes': attributes,
} only %}
{% endblock %}
templates/overrides/navigation/oe-corporate-blocks-neutral-footer.html.twig 0 → 100644
+ 104
− 0
View file @ a9f320c3
{#
/**
* @file
* Neutral footer.
*/
#}
{% set _section_2 = [] %}
{% set _section_3 = [] %}
{# First we parse the other_links, we make a simple grid. #}
{% for section in site_specific_footer.other_links %}
{% if loop.index is even %}
{% set _section_2 = _section_2|merge([
{
'type': 'content',
'content': bcl_title(section.label,'fw-bold border-bottom pb-2 mb-2 mt-3'),
},
{
'type': 'links',
'links': bcl_footer_links(section.links),
}
]) %}
{% else %}
{% set _section_3 = _section_3|merge([
{
'type': 'content',
'content': bcl_title(section.label,'fw-bold border-bottom pb-2 mb-2 mt-3'),
},
{
'type': 'links',
'links': bcl_footer_links(section.links),
}
]) %}
{% endif %}
{% endfor %}
{# When follow section is present. #}
{% if site_specific_footer.social_links is not empty %}
{# If section numbers are odd, then we flip the last row so to have the follow as first. #}
{% if _section_2|length > _section_3|length %}
{% set _last_in_section_2 = _section_2|last %}
{# Compensate for bug in twig where _section_2[1:] returns empty if _section_2|length is 1. #}
{% if _last_in_section_2 is empty %}
{% set _last_in_section_2 = _section_2[0] %}
{% set _section_2 = [] %}
{% endif %}
{% set _section_2 = _section_2[:_section_2|length - 1] %}
{% set _section_3 = _section_3|merge([_last_in_section_2]) %}
{% endif %}
{# Follow section must always be the last on the left. #}
{% set _section_2 = _section_2|merge([
{
'type': 'content',
'content': bcl_title('Follow us on social media', 'fw-bold border-bottom pb-2 mb-2 mt-3'),
},
{
'type': 'links',
'links': bcl_footer_links(site_specific_footer.social_links),
}]) %}
{% endif %}
{% set footer_top_left_content %}
<div class="col-12 col-lg-4">
<p class="fw-bold mb-2">{{ site_specific_footer.site_identity }}</p>
<p> {{ site_owner ? 'This site is managed by the @name'|t({'@name': site_owner}) }} </p>
</div>
{% endset %}
{% set attributes = create_attribute().addClass(['pb-4', 'mt-4']) %}
{% block content %}
{% set _top_sections = {
'extra_classes': 'pt-4 pt-lg-5',
'cols': [
{
'classes': 'col-12 col-lg-4',
'items': [
{
'type': 'content',
'content': footer_top_left_content,
},
],
},
{
'classes': 'col-12 col-lg-4 pb-4 pb-lg-0',
'items': _section_2,
},
{
'classes': 'col-12 col-lg-4',
'items': _section_3,
}
],
} %}
{% include '@oe-bcl/bcl-footer/bcl-footer.html.twig' with {
'variant': 'neutral',
'rows': [_top_sections],
'attributes': attributes,
} only %}
{% endblock %}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

For further information about the platform and support, please see https://code.europa.eu/info/about