@openeuropa/bcl-header 0.1.3 → 0.1.202411051450
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/header.html.twig +99 -63
- package/package.json +6 -4
package/header.html.twig
CHANGED
|
@@ -1,78 +1,114 @@
|
|
|
1
|
-
{% spaceless %}
|
|
1
|
+
{% apply spaceless %}
|
|
2
2
|
|
|
3
3
|
{# Parameters:
|
|
4
|
-
-
|
|
5
|
-
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
4
|
+
- variant (string) (default: 'neutral')
|
|
5
|
+
- options: ['ec', 'eu', 'neutral']
|
|
6
|
+
- navbar (Navbar object) (default: {})
|
|
7
|
+
- project_logo (object) (default: {})
|
|
8
|
+
format: {
|
|
9
|
+
path: '',
|
|
10
|
+
alt: '',
|
|
11
|
+
classes: ''
|
|
12
|
+
}
|
|
13
|
+
- site_name (string) (default: '')
|
|
14
|
+
- project_link (string) (default: '')
|
|
15
|
+
- head (Navbar object) (default: {})
|
|
16
|
+
- breadcrumbs (Breadcrumbs object) (default: {})
|
|
17
|
+
- language_modal (object) (default: {})
|
|
18
|
+
- light (boolean) (default: false)
|
|
19
|
+
- modals (modal[]) (default: [])
|
|
20
|
+
- attributes (drupal attrs)
|
|
21
21
|
#}
|
|
22
22
|
|
|
23
|
-
{% set
|
|
24
|
-
src: logo.src|default(''),
|
|
25
|
-
width: logo.width|default(100),
|
|
26
|
-
height: navbar.height|default(60)
|
|
27
|
-
} %}
|
|
23
|
+
{% set _variant = variant|default('neutral') %}
|
|
28
24
|
{% set _navbar = navbar|default({}) %}
|
|
29
|
-
{% set
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
{% set _language = {
|
|
38
|
-
link: {
|
|
39
|
-
label: language.link.label|default(''),
|
|
40
|
-
href: language.link.href|default('#'),
|
|
41
|
-
target: language.link.target|default(language.modal.id|default('')),
|
|
42
|
-
},
|
|
43
|
-
modal: language.modal|default({}),
|
|
44
|
-
} %}
|
|
25
|
+
{% set _project_logo = project_logo|default({}) %}
|
|
26
|
+
{% set _site_name = site_name|default('') %}
|
|
27
|
+
{% set _project_link = project_link|default('') %}
|
|
28
|
+
{% set _head = head|default({}) %}
|
|
29
|
+
{% set _breadcrumbs = breadcrumbs|default({}) %}
|
|
30
|
+
{% set _language_modal = language_modal|default({}) %}
|
|
31
|
+
{% set _light = light ?? false %}
|
|
32
|
+
{% set _modals = modals|default([]) %}
|
|
45
33
|
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
34
|
+
{% set _site_name_classes = 'bcl-header__site-name' %}
|
|
35
|
+
|
|
36
|
+
{% if attributes is empty %}
|
|
37
|
+
{% set attributes = create_attribute() %}
|
|
38
|
+
{% endif %}
|
|
39
|
+
|
|
40
|
+
{% set attributes = attributes.addClass(['bcl-header', 'bcl-header--' ~ _variant]) %}
|
|
41
|
+
|
|
42
|
+
{% if site_name_classes is not empty %}
|
|
43
|
+
{% set _site_name_classes = _site_name_classes ~ ' ' ~ site_name_classes %}
|
|
44
|
+
{% endif %}
|
|
45
|
+
|
|
46
|
+
{% set _project_classes = 'bcl-header__project' %}
|
|
47
|
+
{% if _light is not empty %}
|
|
48
|
+
{% set _project_classes = _project_classes ~ ' light' %}
|
|
49
|
+
{% endif %}
|
|
50
|
+
|
|
51
|
+
<header
|
|
52
|
+
{{ attributes }}
|
|
53
|
+
>
|
|
54
|
+
<!-- navbar_settings -->
|
|
55
|
+
{% if _head is not empty %}
|
|
56
|
+
{% include '@oe-bcl/bcl-navbar/navbar.html.twig' with _head only %}
|
|
57
|
+
{% endif %}
|
|
58
|
+
|
|
59
|
+
<!-- project name -->
|
|
60
|
+
{% if _project_logo is not empty or _site_name is not empty %}
|
|
61
|
+
<div class="{{ _project_classes }}">
|
|
62
|
+
<div class="container">
|
|
63
|
+
{% if _project_link is not empty %}
|
|
64
|
+
<a
|
|
65
|
+
href="{{ _project_link }}"
|
|
66
|
+
>
|
|
67
|
+
{% endif %}
|
|
68
|
+
{% if _project_logo is not empty %}
|
|
69
|
+
<img
|
|
70
|
+
{% if _project_logo.path is not empty %}
|
|
71
|
+
src="{{ _project_logo.path }}"
|
|
72
|
+
{% endif %}
|
|
73
|
+
{% if _project_logo.alt is not empty %}
|
|
74
|
+
alt="{{ _project_logo.alt }}"
|
|
75
|
+
{% endif %}
|
|
76
|
+
{% if _project_logo.classes is not empty %}
|
|
77
|
+
class="{{ _project_logo.classes }}"
|
|
78
|
+
{% endif %}
|
|
79
|
+
/>
|
|
80
|
+
{% endif %}
|
|
81
|
+
{% if _site_name is not empty %}
|
|
82
|
+
<span class="{{ _site_name_classes }}">
|
|
83
|
+
{{- _site_name -}}
|
|
84
|
+
</span>
|
|
85
|
+
{% endif %}
|
|
86
|
+
{% if _project_link is not empty %}
|
|
52
87
|
</a>
|
|
53
|
-
|
|
54
|
-
<li class="nav-item">
|
|
55
|
-
<a class="nav-link" href={{ _login.link.label }} role="button" data-bs-toggle="modal" data-bs-target="#{{ _login.link.target }}">
|
|
56
|
-
{{ _login.link.label }}
|
|
57
|
-
</a>
|
|
58
|
-
</li>
|
|
59
|
-
<li class="nav-item">
|
|
60
|
-
<a class="nav-link" href={{ _language.link.label }} role="button" data-bs-toggle="modal" data-bs-target="#{{ _language.link.target }}">
|
|
61
|
-
{{ _language.link.label }}
|
|
62
|
-
</a>
|
|
63
|
-
</li>
|
|
64
|
-
</ul>
|
|
88
|
+
{% endif %}
|
|
65
89
|
</div>
|
|
66
90
|
</div>
|
|
91
|
+
{% endif %}
|
|
67
92
|
|
|
68
93
|
<!-- navbar -->
|
|
69
|
-
{%
|
|
94
|
+
{% if _navbar is not empty %}
|
|
95
|
+
{% include '@oe-bcl/bcl-navbar/navbar.html.twig' with _navbar only %}
|
|
96
|
+
{% endif %}
|
|
97
|
+
|
|
98
|
+
<!-- breadcrumbs -->
|
|
99
|
+
{% if _breadcrumbs is not empty %}
|
|
100
|
+
<div class="container">
|
|
101
|
+
{% include '@oe-bcl/bcl-breadcrumb/breadcrumb.html.twig' with _breadcrumbs only %}
|
|
102
|
+
</div>
|
|
103
|
+
{% endif %}
|
|
70
104
|
</header>
|
|
71
105
|
|
|
72
|
-
|
|
73
|
-
{% include '@oe-bcl/modal/modal.html.twig' with
|
|
106
|
+
{% for modal in _modals %}
|
|
107
|
+
{% include '@oe-bcl/bcl-modal/modal.html.twig' with modal only %}
|
|
108
|
+
{% endfor %}
|
|
74
109
|
|
|
75
|
-
|
|
76
|
-
{% include '@oe-bcl/
|
|
110
|
+
{% if _language_modal is not empty %}
|
|
111
|
+
{% include '@oe-bcl/bcl-language-list/language-list.html.twig' with _language_modal only %}
|
|
112
|
+
{% endif %}
|
|
77
113
|
|
|
78
|
-
{%
|
|
114
|
+
{% endapply %}
|
package/package.json
CHANGED
|
@@ -2,14 +2,16 @@
|
|
|
2
2
|
"name": "@openeuropa/bcl-header",
|
|
3
3
|
"author": "European Commission",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
|
-
"version": "0.1.
|
|
5
|
+
"version": "0.1.202411051450",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"access": "public"
|
|
8
8
|
},
|
|
9
9
|
"description": "OE - BCL header",
|
|
10
10
|
"dependencies": {
|
|
11
|
-
"@openeuropa/bcl-
|
|
12
|
-
"@openeuropa/bcl-
|
|
11
|
+
"@openeuropa/bcl-breadcrumb": "^0.1.202411051450",
|
|
12
|
+
"@openeuropa/bcl-language-list": "^0.1.202411051450",
|
|
13
|
+
"@openeuropa/bcl-modal": "^0.1.202411051450",
|
|
14
|
+
"@openeuropa/bcl-navbar": "^0.1.202411051450"
|
|
13
15
|
},
|
|
14
16
|
"repository": {
|
|
15
17
|
"type": "git",
|
|
@@ -25,5 +27,5 @@
|
|
|
25
27
|
"design-system",
|
|
26
28
|
"twig"
|
|
27
29
|
],
|
|
28
|
-
"gitHead": "
|
|
30
|
+
"gitHead": "d553864c2d2214729cf74aa765606f2c447bb456"
|
|
29
31
|
}
|