@openeuropa/bcl-data-header 0.15.0 → 0.16.0
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/data--neutral.js +255 -0
- package/data--simple.js +1 -0
- package/data-ec.js +2 -2
- package/data-ucpkn.js +3 -2
- package/data.js +2 -1
- package/package.json +2 -2
package/data--neutral.js
ADDED
|
@@ -0,0 +1,255 @@
|
|
|
1
|
+
const drupalAttribute = require("drupal-attribute");
|
|
2
|
+
|
|
3
|
+
module.exports = {
|
|
4
|
+
site_name: "Project name",
|
|
5
|
+
site_name_classes: "h5 d-inline-block d-lg-none",
|
|
6
|
+
head: {
|
|
7
|
+
brand: {
|
|
8
|
+
logos: [
|
|
9
|
+
{
|
|
10
|
+
src: "https://inno-ecl.s3.amazonaws.com/media/examples/placeholder.svg",
|
|
11
|
+
},
|
|
12
|
+
],
|
|
13
|
+
label: "Project name",
|
|
14
|
+
},
|
|
15
|
+
attributes: new drupalAttribute().addClass(["w-100"]),
|
|
16
|
+
disable_collapse: true,
|
|
17
|
+
navigation: {
|
|
18
|
+
items: [
|
|
19
|
+
{
|
|
20
|
+
label: "Link",
|
|
21
|
+
icon_position: "before",
|
|
22
|
+
icon: {
|
|
23
|
+
name: "link",
|
|
24
|
+
path: "/icons.svg",
|
|
25
|
+
},
|
|
26
|
+
attributes: new drupalAttribute().addClass(["d-none", "d-lg-block"]),
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
label: "Link",
|
|
30
|
+
icon_position: "before",
|
|
31
|
+
icon: {
|
|
32
|
+
name: "link",
|
|
33
|
+
path: "/icons.svg",
|
|
34
|
+
},
|
|
35
|
+
attributes: new drupalAttribute().addClass(["d-none", "d-lg-block"]),
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
label: "<span class='d-block d-lg-inline-block'>English</span>",
|
|
39
|
+
path: "#",
|
|
40
|
+
icon_position: "before",
|
|
41
|
+
icon: {
|
|
42
|
+
name: "chat-left-dots-fill",
|
|
43
|
+
size: "xs",
|
|
44
|
+
path: "/icons.svg",
|
|
45
|
+
},
|
|
46
|
+
attributes: new drupalAttribute()
|
|
47
|
+
.setAttribute("data-bs-toggle", "modal")
|
|
48
|
+
.setAttribute("data-bs-target", "#languageModal")
|
|
49
|
+
.addClass("text-center"),
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
label: "<span class='d-block d-lg-inline-block'>Log in</span>",
|
|
53
|
+
path: "#",
|
|
54
|
+
icon_position: "before",
|
|
55
|
+
icon: {
|
|
56
|
+
name: "person-fill",
|
|
57
|
+
size: "xs",
|
|
58
|
+
path: "/icons.svg",
|
|
59
|
+
},
|
|
60
|
+
attributes: new drupalAttribute()
|
|
61
|
+
.setAttribute("data-bs-toggle", "modal")
|
|
62
|
+
.setAttribute("data-bs-target", "#loginModal")
|
|
63
|
+
.addClass("text-center"),
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
label: "<span class='badge bg-danger'>5</span>",
|
|
67
|
+
path: "#",
|
|
68
|
+
remove_icon_spacers: true,
|
|
69
|
+
icon_position: "before",
|
|
70
|
+
icon: {
|
|
71
|
+
name: "bell-fill",
|
|
72
|
+
size: "s",
|
|
73
|
+
path: "/icons.svg",
|
|
74
|
+
},
|
|
75
|
+
attributes: new drupalAttribute().addClass([
|
|
76
|
+
"notification",
|
|
77
|
+
"mt-2",
|
|
78
|
+
"mt-lg-0",
|
|
79
|
+
]),
|
|
80
|
+
},
|
|
81
|
+
],
|
|
82
|
+
},
|
|
83
|
+
},
|
|
84
|
+
navbar: {
|
|
85
|
+
color_set: "dark",
|
|
86
|
+
collapse_id: "navbarNavDropdown",
|
|
87
|
+
attributes: new drupalAttribute().addClass("bcl-header__navbar"),
|
|
88
|
+
form: {
|
|
89
|
+
attributes: new drupalAttribute().addClass(["d-flex", "mt-3", "mt-lg-0"]),
|
|
90
|
+
submit: {
|
|
91
|
+
variant: "light",
|
|
92
|
+
icon: {
|
|
93
|
+
name: "search",
|
|
94
|
+
size: "xs",
|
|
95
|
+
path: "/icons.svg",
|
|
96
|
+
},
|
|
97
|
+
attributes: new drupalAttribute().addClass([
|
|
98
|
+
"border-start-0",
|
|
99
|
+
"rounded-0",
|
|
100
|
+
"rounded-end",
|
|
101
|
+
"d-flex",
|
|
102
|
+
]),
|
|
103
|
+
},
|
|
104
|
+
items: [
|
|
105
|
+
[
|
|
106
|
+
{
|
|
107
|
+
type: "text",
|
|
108
|
+
required: true,
|
|
109
|
+
label: "Search",
|
|
110
|
+
hidden_label: true,
|
|
111
|
+
placeholder: "Search",
|
|
112
|
+
id: "inlineFormInputGroupSearch",
|
|
113
|
+
attributes: new drupalAttribute().addClass([
|
|
114
|
+
"border-start-0",
|
|
115
|
+
"rounded-0",
|
|
116
|
+
"rounded-start",
|
|
117
|
+
]),
|
|
118
|
+
},
|
|
119
|
+
],
|
|
120
|
+
],
|
|
121
|
+
},
|
|
122
|
+
navigation: {
|
|
123
|
+
navbar: true,
|
|
124
|
+
attributes: new drupalAttribute().addClass("me-auto"),
|
|
125
|
+
items: [
|
|
126
|
+
{
|
|
127
|
+
label: "Home",
|
|
128
|
+
path: "/example",
|
|
129
|
+
active: true,
|
|
130
|
+
attributes: new drupalAttribute().setAttribute(
|
|
131
|
+
"aria-current",
|
|
132
|
+
"page"
|
|
133
|
+
),
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
label: "Item 01",
|
|
137
|
+
path: "/example",
|
|
138
|
+
},
|
|
139
|
+
{
|
|
140
|
+
label: "Item 02",
|
|
141
|
+
path: "/example",
|
|
142
|
+
},
|
|
143
|
+
{
|
|
144
|
+
id: "navbarDropdownMenuLink",
|
|
145
|
+
link: true,
|
|
146
|
+
dropdown: true,
|
|
147
|
+
trigger: {
|
|
148
|
+
label: "Dropdown link",
|
|
149
|
+
path: "#",
|
|
150
|
+
attributes: new drupalAttribute().addClass("nav-link"),
|
|
151
|
+
},
|
|
152
|
+
items: [
|
|
153
|
+
{
|
|
154
|
+
label: "Action",
|
|
155
|
+
path: "/example.html",
|
|
156
|
+
},
|
|
157
|
+
{
|
|
158
|
+
label: "Another action",
|
|
159
|
+
path: "/example.html",
|
|
160
|
+
},
|
|
161
|
+
{
|
|
162
|
+
label: "Something else here",
|
|
163
|
+
path: "/example.html",
|
|
164
|
+
},
|
|
165
|
+
],
|
|
166
|
+
},
|
|
167
|
+
],
|
|
168
|
+
},
|
|
169
|
+
},
|
|
170
|
+
modals: [
|
|
171
|
+
{
|
|
172
|
+
id: "loginModal",
|
|
173
|
+
header:
|
|
174
|
+
'<h5 class="modal-title" id="loginModalLabel">Log in</h5>' +
|
|
175
|
+
'<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>',
|
|
176
|
+
body:
|
|
177
|
+
"<h5>Disclaimer 1</h5>" +
|
|
178
|
+
"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum accumsan eget orci eu aliquet. Suspendisse potenti. Integer volutpat, nisl et placerat tincidunt</p>" +
|
|
179
|
+
"<h5>Disclaimer 2</h5>" +
|
|
180
|
+
"<p>Duis bibendum tristique lobortis. Nam luctus nisi sit amet turpis faucibus, ut dapibus elit sollicitudin. Phasellus a massa magna. Nullam ac imperdiet leo.</p>",
|
|
181
|
+
footer:
|
|
182
|
+
'<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>' +
|
|
183
|
+
'<button type="button" class="btn btn-primary">Access EU login</button>',
|
|
184
|
+
},
|
|
185
|
+
{
|
|
186
|
+
id: "languageModal",
|
|
187
|
+
size: "fullscreen",
|
|
188
|
+
attributes: new drupalAttribute().addClass("bcl-language"),
|
|
189
|
+
header:
|
|
190
|
+
'<h5 class="modal-title" id="languageeModalLabel">Select your language</h5>' +
|
|
191
|
+
'<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>',
|
|
192
|
+
body:
|
|
193
|
+
'<div class="container">' +
|
|
194
|
+
'<div class="row">' +
|
|
195
|
+
'<div class="col col-lg-8 offset-lg-2">' +
|
|
196
|
+
'<h5 class="bcl-language__title">EU official languages</h5>' +
|
|
197
|
+
"</div>" +
|
|
198
|
+
"</div>" +
|
|
199
|
+
'<div class="row">' +
|
|
200
|
+
'<div class="col col-lg-4 offset-lg-2">' +
|
|
201
|
+
'<div class="bcl-language__list">' +
|
|
202
|
+
'<a href="#" class="bcl-language__item">Language 01</a>' +
|
|
203
|
+
'<a href="#" class="bcl-language__item">Language 02</a>' +
|
|
204
|
+
'<a href="#" class="bcl-language__item">Language 03</a>' +
|
|
205
|
+
"</div>" +
|
|
206
|
+
"</div>" +
|
|
207
|
+
'<div class="col col-lg-4">' +
|
|
208
|
+
'<div class="bcl-language__list">' +
|
|
209
|
+
'<a href="#" class="bcl-language__item">Language 04</a>' +
|
|
210
|
+
'<a href="#" class="bcl-language__item">Language 05</a>' +
|
|
211
|
+
'<a href="#" class="bcl-language__item">Language 06</a>' +
|
|
212
|
+
"</div>" +
|
|
213
|
+
"</div>" +
|
|
214
|
+
"</div>" +
|
|
215
|
+
'<div class="row">' +
|
|
216
|
+
'<div class="col col-lg-8 offset-lg-2">' +
|
|
217
|
+
'<h5 class="bcl-language__title">Non EU languages</h5>' +
|
|
218
|
+
"</div>" +
|
|
219
|
+
"</div>" +
|
|
220
|
+
'<div class="row">' +
|
|
221
|
+
'<div class="col col-lg-4 offset-lg-2">' +
|
|
222
|
+
'<div class="bcl-language__list">' +
|
|
223
|
+
'<a href="#" class="bcl-language__item">Language 07</a>' +
|
|
224
|
+
'<a href="#" class="bcl-language__item">Language 08</a>' +
|
|
225
|
+
"</div>" +
|
|
226
|
+
"</div>" +
|
|
227
|
+
'<div class="col col-lg-4">' +
|
|
228
|
+
'<div class="bcl-language__list">' +
|
|
229
|
+
'<a href="#" class="bcl-language__item">Language 09</a>' +
|
|
230
|
+
'<a href="#" class="bcl-language__item">Language 10</a>' +
|
|
231
|
+
"</div>" +
|
|
232
|
+
"</div>" +
|
|
233
|
+
"</div>" +
|
|
234
|
+
"</div>",
|
|
235
|
+
footer:
|
|
236
|
+
'<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>',
|
|
237
|
+
},
|
|
238
|
+
],
|
|
239
|
+
breadcrumbs: {
|
|
240
|
+
attributes: new drupalAttribute().addClass(["mt-3"]),
|
|
241
|
+
links: [
|
|
242
|
+
{ label: "Home", path: "/example" },
|
|
243
|
+
{
|
|
244
|
+
label: "European Commission",
|
|
245
|
+
path: "/example",
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
label: "About the European Commission",
|
|
249
|
+
path: "/example",
|
|
250
|
+
},
|
|
251
|
+
{ label: "News" },
|
|
252
|
+
],
|
|
253
|
+
icons_path: "/icons.svg",
|
|
254
|
+
},
|
|
255
|
+
};
|
package/data--simple.js
CHANGED
package/data-ec.js
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
const drupalAttribute = require("drupal-attribute");
|
|
2
2
|
|
|
3
3
|
module.exports = {
|
|
4
|
-
|
|
4
|
+
variant: "ec",
|
|
5
|
+
site_name: "Project name",
|
|
5
6
|
project_logo: {
|
|
6
7
|
path: "https://inno-ecl.s3.amazonaws.com/media/examples/placeholder.svg",
|
|
7
8
|
classes: "d-none d-lg-inline-block",
|
|
@@ -254,5 +255,4 @@ module.exports = {
|
|
|
254
255
|
],
|
|
255
256
|
icons_path: "/icons.svg",
|
|
256
257
|
},
|
|
257
|
-
attributes: new drupalAttribute().addClass("ec__header"),
|
|
258
258
|
};
|
package/data-ucpkn.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
const drupalAttribute = require("drupal-attribute");
|
|
2
2
|
|
|
3
3
|
module.exports = {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
variant: "ucpkn",
|
|
5
|
+
site_name_classes: "pb-3 pb-lg-0",
|
|
6
|
+
site_name: "Union Civil Protection Knowledge Network",
|
|
6
7
|
light: true,
|
|
7
8
|
project_logo: {
|
|
8
9
|
path: "ucpkn_logo.svg",
|
package/data.js
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
const drupalAttribute = require("drupal-attribute");
|
|
2
2
|
|
|
3
3
|
module.exports = {
|
|
4
|
-
|
|
4
|
+
variant: "eu",
|
|
5
|
+
site_name: "Project name",
|
|
5
6
|
project_logo: {
|
|
6
7
|
path: "https://inno-ecl.s3.amazonaws.com/media/examples/placeholder.svg",
|
|
7
8
|
classes: "d-none d-lg-inline-block",
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@openeuropa/bcl-data-header",
|
|
3
3
|
"author": "European Commission",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
|
-
"version": "0.
|
|
5
|
+
"version": "0.16.0",
|
|
6
6
|
"description": "OE header data",
|
|
7
7
|
"publishConfig": {
|
|
8
8
|
"access": "public"
|
|
@@ -20,5 +20,5 @@
|
|
|
20
20
|
"component-library",
|
|
21
21
|
"design-system"
|
|
22
22
|
],
|
|
23
|
-
"gitHead": "
|
|
23
|
+
"gitHead": "39a52d25c36789a0c4712b0f6e55cbc5cbbedcb5"
|
|
24
24
|
}
|