@openeuropa/bcl-twig-templates 0.26.0 → 0.28.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/package.json +65 -65
- package/templates/bcl-accordion/accordion.html.twig +2 -2
- package/templates/bcl-alert/alert.html.twig +2 -2
- package/templates/bcl-badge/badge.html.twig +2 -2
- package/templates/bcl-banner/banner.html.twig +2 -2
- package/templates/bcl-base-templates/content-type.html.twig +3 -3
- package/templates/bcl-base-templates/listing-page.html.twig +0 -1
- package/templates/bcl-blockquote/blockquote.html.twig +2 -2
- package/templates/bcl-breadcrumb/breadcrumb.html.twig +4 -3
- package/templates/bcl-button/button.html.twig +3 -3
- package/templates/bcl-button-group/button-group.html.twig +5 -4
- package/templates/bcl-card/card.html.twig +3 -3
- package/templates/bcl-card-layout/card-layout.html.twig +2 -2
- package/templates/bcl-carousel/carousel.html.twig +7 -3
- package/templates/bcl-content-banner/content-banner.html.twig +19 -19
- package/templates/bcl-date-block/date-block.html.twig +14 -13
- package/templates/bcl-description-list/description-list-details.html.twig +44 -0
- package/templates/bcl-description-list/description-list-title.html.twig +33 -0
- package/templates/bcl-description-list/description-list.html.twig +57 -120
- package/templates/bcl-dropdown/dropdown.html.twig +2 -2
- package/templates/bcl-fact-figures/fact-figures.html.twig +7 -6
- package/templates/bcl-featured-media/featured-media.html.twig +22 -18
- package/templates/bcl-file/file-translations.html.twig +93 -0
- package/templates/bcl-file/file.html.twig +9 -69
- package/templates/bcl-footer/footer.html.twig +2 -2
- package/templates/bcl-form/form.html.twig +3 -3
- package/templates/bcl-form-input/form-input.html.twig +2 -2
- package/templates/bcl-gallery/gallery-item.html.twig +63 -0
- package/templates/bcl-gallery/gallery-modal.html.twig +105 -0
- package/templates/bcl-gallery/gallery.html.twig +98 -151
- package/templates/bcl-glossary/glossary-listing.html.twig +1 -4
- package/templates/bcl-header/header.html.twig +3 -3
- package/templates/bcl-heading/heading.html.twig +2 -2
- package/templates/bcl-icon/icon.html.twig +3 -2
- package/templates/bcl-inpage-navigation/inpage-navigation.html.twig +2 -2
- package/templates/bcl-language-list/language-list-grid.html.twig +2 -2
- package/templates/bcl-language-list/language-list.html.twig +2 -2
- package/templates/bcl-language-switcher/language-switcher.html.twig +3 -3
- package/templates/bcl-link/link.html.twig +2 -2
- package/templates/bcl-links-block/links-block.html.twig +2 -2
- package/templates/bcl-list-group/list-group.html.twig +2 -2
- package/templates/bcl-listing/listing.html.twig +4 -4
- package/templates/bcl-modal/modal.html.twig +4 -3
- package/templates/bcl-navbar/navbar.html.twig +2 -2
- package/templates/bcl-navigation/navigation.html.twig +4 -4
- package/templates/bcl-offcanvas/offcanvas.html.twig +2 -2
- package/templates/bcl-pagination/pagination.html.twig +10 -6
- package/templates/bcl-placeholder/placeholder.html.twig +3 -2
- package/templates/bcl-progress/progress.html.twig +2 -2
- package/templates/bcl-project/project-lists.html.twig +6 -3
- package/templates/bcl-project-status/project-contributions.html.twig +4 -4
- package/templates/bcl-project-status/project-status.html.twig +2 -2
- package/templates/bcl-recent-activities/recent-activities.html.twig +2 -2
- package/templates/bcl-search-form/search-form.html.twig +2 -2
- package/templates/bcl-select/select.html.twig +11 -11
- package/templates/bcl-spinner/spinner.html.twig +2 -2
- package/templates/bcl-subscription/subscription-modal.html.twig +2 -2
- package/templates/bcl-subscription-block/subscription-block.html.twig +3 -3
- package/templates/bcl-table/table.html.twig +2 -2
- package/templates/bcl-textarea/textarea.html.twig +3 -3
- package/templates/bcl-timeline/timeline-item.html.twig +34 -0
- package/templates/bcl-timeline/timeline.html.twig +18 -23
- package/templates/bcl-toast/toasts.html.twig +4 -3
- package/templates/bcl-user/user-compact.html.twig +34 -23
package/package.json
CHANGED
|
@@ -2,75 +2,75 @@
|
|
|
2
2
|
"name": "@openeuropa/bcl-twig-templates",
|
|
3
3
|
"author": "European Commission",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
|
-
"version": "0.
|
|
5
|
+
"version": "0.28.0",
|
|
6
6
|
"description": "OE Bcl Twig Templates",
|
|
7
7
|
"publishConfig": {
|
|
8
8
|
"access": "public"
|
|
9
9
|
},
|
|
10
10
|
"devDependencies": {
|
|
11
|
-
"@openeuropa/bcl-accordion": "^0.
|
|
12
|
-
"@openeuropa/bcl-alert": "^0.
|
|
13
|
-
"@openeuropa/bcl-badge": "^0.
|
|
14
|
-
"@openeuropa/bcl-banner": "^0.
|
|
15
|
-
"@openeuropa/bcl-base-templates": "^0.
|
|
16
|
-
"@openeuropa/bcl-blockquote": "^0.
|
|
17
|
-
"@openeuropa/bcl-breadcrumb": "^0.
|
|
18
|
-
"@openeuropa/bcl-button": "^0.
|
|
19
|
-
"@openeuropa/bcl-button-group": "^0.
|
|
20
|
-
"@openeuropa/bcl-card": "^0.
|
|
21
|
-
"@openeuropa/bcl-card-layout": "^0.
|
|
22
|
-
"@openeuropa/bcl-carousel": "^0.
|
|
23
|
-
"@openeuropa/bcl-contact-form": "^0.
|
|
24
|
-
"@openeuropa/bcl-content-banner": "^0.
|
|
25
|
-
"@openeuropa/bcl-date-block": "^0.
|
|
26
|
-
"@openeuropa/bcl-description-list": "^0.
|
|
27
|
-
"@openeuropa/bcl-dropdown": "^0.
|
|
28
|
-
"@openeuropa/bcl-event": "^0.
|
|
29
|
-
"@openeuropa/bcl-fact-figures": "^0.
|
|
30
|
-
"@openeuropa/bcl-featured-media": "^0.
|
|
31
|
-
"@openeuropa/bcl-file": "^0.
|
|
32
|
-
"@openeuropa/bcl-footer": "^0.
|
|
33
|
-
"@openeuropa/bcl-form": "^0.
|
|
34
|
-
"@openeuropa/bcl-form-input": "^0.
|
|
35
|
-
"@openeuropa/bcl-gallery": "^0.
|
|
36
|
-
"@openeuropa/bcl-glossary": "^0.
|
|
37
|
-
"@openeuropa/bcl-group": "^0.
|
|
38
|
-
"@openeuropa/bcl-header": "^0.
|
|
39
|
-
"@openeuropa/bcl-heading": "^0.
|
|
40
|
-
"@openeuropa/bcl-icon": "^0.
|
|
41
|
-
"@openeuropa/bcl-inpage-navigation": "^0.
|
|
42
|
-
"@openeuropa/bcl-landing-page": "^0.
|
|
43
|
-
"@openeuropa/bcl-language-list": "^0.
|
|
44
|
-
"@openeuropa/bcl-language-switcher": "^0.
|
|
45
|
-
"@openeuropa/bcl-link": "^0.
|
|
46
|
-
"@openeuropa/bcl-links-block": "^0.
|
|
47
|
-
"@openeuropa/bcl-list-group": "^0.
|
|
48
|
-
"@openeuropa/bcl-listing": "^0.
|
|
49
|
-
"@openeuropa/bcl-modal": "^0.
|
|
50
|
-
"@openeuropa/bcl-multilingual": "^0.
|
|
51
|
-
"@openeuropa/bcl-navbar": "^0.
|
|
52
|
-
"@openeuropa/bcl-navigation": "^0.
|
|
53
|
-
"@openeuropa/bcl-news": "^0.
|
|
54
|
-
"@openeuropa/bcl-offcanvas": "^0.
|
|
55
|
-
"@openeuropa/bcl-page": "^0.
|
|
56
|
-
"@openeuropa/bcl-pagination": "^0.
|
|
57
|
-
"@openeuropa/bcl-person": "^0.
|
|
58
|
-
"@openeuropa/bcl-placeholder": "^0.
|
|
59
|
-
"@openeuropa/bcl-progress": "^0.
|
|
60
|
-
"@openeuropa/bcl-project": "^0.
|
|
61
|
-
"@openeuropa/bcl-project-status": "^0.
|
|
62
|
-
"@openeuropa/bcl-recent-activities": "^0.
|
|
63
|
-
"@openeuropa/bcl-search": "^0.
|
|
64
|
-
"@openeuropa/bcl-search-form": "^0.
|
|
65
|
-
"@openeuropa/bcl-select": "^0.
|
|
66
|
-
"@openeuropa/bcl-spinner": "^0.
|
|
67
|
-
"@openeuropa/bcl-subscription": "^0.
|
|
68
|
-
"@openeuropa/bcl-subscription-block": "^0.
|
|
69
|
-
"@openeuropa/bcl-table": "^0.
|
|
70
|
-
"@openeuropa/bcl-textarea": "^0.
|
|
71
|
-
"@openeuropa/bcl-timeline": "^0.
|
|
72
|
-
"@openeuropa/bcl-toast": "^0.
|
|
73
|
-
"@openeuropa/bcl-user": "^0.
|
|
11
|
+
"@openeuropa/bcl-accordion": "^0.28.0",
|
|
12
|
+
"@openeuropa/bcl-alert": "^0.28.0",
|
|
13
|
+
"@openeuropa/bcl-badge": "^0.28.0",
|
|
14
|
+
"@openeuropa/bcl-banner": "^0.28.0",
|
|
15
|
+
"@openeuropa/bcl-base-templates": "^0.28.0",
|
|
16
|
+
"@openeuropa/bcl-blockquote": "^0.28.0",
|
|
17
|
+
"@openeuropa/bcl-breadcrumb": "^0.28.0",
|
|
18
|
+
"@openeuropa/bcl-button": "^0.28.0",
|
|
19
|
+
"@openeuropa/bcl-button-group": "^0.28.0",
|
|
20
|
+
"@openeuropa/bcl-card": "^0.28.0",
|
|
21
|
+
"@openeuropa/bcl-card-layout": "^0.28.0",
|
|
22
|
+
"@openeuropa/bcl-carousel": "^0.28.0",
|
|
23
|
+
"@openeuropa/bcl-contact-form": "^0.28.0",
|
|
24
|
+
"@openeuropa/bcl-content-banner": "^0.28.0",
|
|
25
|
+
"@openeuropa/bcl-date-block": "^0.28.0",
|
|
26
|
+
"@openeuropa/bcl-description-list": "^0.28.0",
|
|
27
|
+
"@openeuropa/bcl-dropdown": "^0.28.0",
|
|
28
|
+
"@openeuropa/bcl-event": "^0.28.0",
|
|
29
|
+
"@openeuropa/bcl-fact-figures": "^0.28.0",
|
|
30
|
+
"@openeuropa/bcl-featured-media": "^0.28.0",
|
|
31
|
+
"@openeuropa/bcl-file": "^0.28.0",
|
|
32
|
+
"@openeuropa/bcl-footer": "^0.28.0",
|
|
33
|
+
"@openeuropa/bcl-form": "^0.28.0",
|
|
34
|
+
"@openeuropa/bcl-form-input": "^0.28.0",
|
|
35
|
+
"@openeuropa/bcl-gallery": "^0.28.0",
|
|
36
|
+
"@openeuropa/bcl-glossary": "^0.28.0",
|
|
37
|
+
"@openeuropa/bcl-group": "^0.28.0",
|
|
38
|
+
"@openeuropa/bcl-header": "^0.28.0",
|
|
39
|
+
"@openeuropa/bcl-heading": "^0.28.0",
|
|
40
|
+
"@openeuropa/bcl-icon": "^0.28.0",
|
|
41
|
+
"@openeuropa/bcl-inpage-navigation": "^0.28.0",
|
|
42
|
+
"@openeuropa/bcl-landing-page": "^0.28.0",
|
|
43
|
+
"@openeuropa/bcl-language-list": "^0.28.0",
|
|
44
|
+
"@openeuropa/bcl-language-switcher": "^0.28.0",
|
|
45
|
+
"@openeuropa/bcl-link": "^0.28.0",
|
|
46
|
+
"@openeuropa/bcl-links-block": "^0.28.0",
|
|
47
|
+
"@openeuropa/bcl-list-group": "^0.28.0",
|
|
48
|
+
"@openeuropa/bcl-listing": "^0.28.0",
|
|
49
|
+
"@openeuropa/bcl-modal": "^0.28.0",
|
|
50
|
+
"@openeuropa/bcl-multilingual": "^0.28.0",
|
|
51
|
+
"@openeuropa/bcl-navbar": "^0.28.0",
|
|
52
|
+
"@openeuropa/bcl-navigation": "^0.28.0",
|
|
53
|
+
"@openeuropa/bcl-news": "^0.28.0",
|
|
54
|
+
"@openeuropa/bcl-offcanvas": "^0.28.0",
|
|
55
|
+
"@openeuropa/bcl-page": "^0.28.0",
|
|
56
|
+
"@openeuropa/bcl-pagination": "^0.28.0",
|
|
57
|
+
"@openeuropa/bcl-person": "^0.28.0",
|
|
58
|
+
"@openeuropa/bcl-placeholder": "^0.28.0",
|
|
59
|
+
"@openeuropa/bcl-progress": "^0.28.0",
|
|
60
|
+
"@openeuropa/bcl-project": "^0.28.0",
|
|
61
|
+
"@openeuropa/bcl-project-status": "^0.28.0",
|
|
62
|
+
"@openeuropa/bcl-recent-activities": "^0.28.0",
|
|
63
|
+
"@openeuropa/bcl-search": "^0.28.0",
|
|
64
|
+
"@openeuropa/bcl-search-form": "^0.28.0",
|
|
65
|
+
"@openeuropa/bcl-select": "^0.28.0",
|
|
66
|
+
"@openeuropa/bcl-spinner": "^0.28.0",
|
|
67
|
+
"@openeuropa/bcl-subscription": "^0.28.0",
|
|
68
|
+
"@openeuropa/bcl-subscription-block": "^0.28.0",
|
|
69
|
+
"@openeuropa/bcl-table": "^0.28.0",
|
|
70
|
+
"@openeuropa/bcl-textarea": "^0.28.0",
|
|
71
|
+
"@openeuropa/bcl-timeline": "^0.28.0",
|
|
72
|
+
"@openeuropa/bcl-toast": "^0.28.0",
|
|
73
|
+
"@openeuropa/bcl-user": "^0.28.0",
|
|
74
74
|
"copyfiles": "2.4.1",
|
|
75
75
|
"rimraf": "3.0.2"
|
|
76
76
|
},
|
|
@@ -93,5 +93,5 @@
|
|
|
93
93
|
"design-system",
|
|
94
94
|
"twig"
|
|
95
95
|
],
|
|
96
|
-
"gitHead": "
|
|
96
|
+
"gitHead": "9ceb916258c8c7331f37bbb7c4380a2121440e12"
|
|
97
97
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{% spaceless %}
|
|
1
|
+
{% apply spaceless %}
|
|
2
2
|
|
|
3
3
|
{#
|
|
4
4
|
Parameters:
|
|
@@ -106,7 +106,7 @@
|
|
|
106
106
|
{% if _landing %}
|
|
107
107
|
<div class="col-12">
|
|
108
108
|
{% else %}
|
|
109
|
-
<div class="col-
|
|
109
|
+
<div class="col-lg-10 col-xl-9 col-xxl-8">
|
|
110
110
|
{% endif %}
|
|
111
111
|
{% endif %}
|
|
112
112
|
{% block content_top %}
|
|
@@ -136,4 +136,4 @@
|
|
|
136
136
|
{% include '@oe-bcl/bcl-footer/footer.html.twig' with footer only %}
|
|
137
137
|
{% endif %}
|
|
138
138
|
|
|
139
|
-
{%
|
|
139
|
+
{% endapply %}
|
|
@@ -17,7 +17,6 @@
|
|
|
17
17
|
{% set _title_attributes = title_attributes ?: create_attribute() %}
|
|
18
18
|
{% set _listing = listing|default({}) %}
|
|
19
19
|
{% set _pagination = pagination|default({}) %}
|
|
20
|
-
{% set _search = search|default({}) %}
|
|
21
20
|
{% set _sidebar = sidebar|default({}) %}
|
|
22
21
|
|
|
23
22
|
{% set _title_attributes = _title_attributes ?: create_attribute() %}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{% spaceless %}
|
|
1
|
+
{% apply spaceless %}
|
|
2
2
|
|
|
3
3
|
{# Parameters:
|
|
4
4
|
- links (array of objects of type link) (default: [])
|
|
@@ -6,10 +6,11 @@
|
|
|
6
6
|
- attributes (drupal attrs)
|
|
7
7
|
#}
|
|
8
8
|
|
|
9
|
-
{% set _classes = 'breadcrumb' %}
|
|
10
9
|
{% set _links = links|default([]) %}
|
|
11
10
|
{% set _icon_path = icon_path|default('') %}
|
|
12
11
|
|
|
12
|
+
{% set _classes = 'breadcrumb' %}
|
|
13
|
+
|
|
13
14
|
{% if attributes is empty %}
|
|
14
15
|
{% set attributes = create_attribute() %}
|
|
15
16
|
{% endif %}
|
|
@@ -58,4 +59,4 @@
|
|
|
58
59
|
</nav>
|
|
59
60
|
{% endif %}
|
|
60
61
|
|
|
61
|
-
{%
|
|
62
|
+
{% endapply %}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{% spaceless %}
|
|
1
|
+
{% apply spaceless %}
|
|
2
2
|
|
|
3
3
|
{#
|
|
4
4
|
Parameters:
|
|
@@ -35,8 +35,8 @@
|
|
|
35
35
|
{% set _icon = icon|default({}) %}
|
|
36
36
|
{% set _icon_position = icon_position|default('after') %}
|
|
37
37
|
{% set _icon_spacing = icon_spacing|default('') %}
|
|
38
|
-
{% set _show_spinner = show_spinner|default(false) %}
|
|
39
38
|
{% set _spinner = spinner|default({}) %}
|
|
39
|
+
{% set _show_spinner = show_spinner|default(false) %}
|
|
40
40
|
{% set _clean_class = clean_class|default(false) %}
|
|
41
41
|
|
|
42
42
|
{% set _classes = [] %}
|
|
@@ -110,4 +110,4 @@
|
|
|
110
110
|
{%- endif -%}
|
|
111
111
|
</button>
|
|
112
112
|
|
|
113
|
-
{%
|
|
113
|
+
{% endapply %}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
{% spaceless %}
|
|
1
|
+
{% apply spaceless %}
|
|
2
2
|
|
|
3
3
|
{# Parameters:
|
|
4
4
|
- vertical (boolean) (default: false)
|
|
5
5
|
- size (string) (default: 'md')
|
|
6
6
|
- options ['sm', 'md', 'lg']
|
|
7
7
|
- aria_label (string) (default: '')
|
|
8
|
-
- toolbar (boolean) (default:
|
|
8
|
+
- toolbar (boolean) (default: false)
|
|
9
9
|
- toolbar_aria_label (string) (default: '')
|
|
10
10
|
- items (array of arrays with objects of type button or form-input (input key mandatory when the object is a form-input)) (default: [])
|
|
11
11
|
- attributes (drupal attrs)
|
|
@@ -16,9 +16,10 @@
|
|
|
16
16
|
{% set _aria_label = aria_label|default('') %}
|
|
17
17
|
{% set _toolbar = toolbar|default(false) %}
|
|
18
18
|
{% set _toolbar_aria_label = toolbar_aria_label|default('') %}
|
|
19
|
-
{% set _classes = ['btn-group'] %}
|
|
20
19
|
{% set _items = items|default([]) %}
|
|
21
20
|
|
|
21
|
+
{% set _classes = ['btn-group'] %}
|
|
22
|
+
|
|
22
23
|
{% if _vertical %}
|
|
23
24
|
{% set _classes = ['btn-group-vertical'] %}
|
|
24
25
|
{% endif %}
|
|
@@ -63,4 +64,4 @@
|
|
|
63
64
|
</div>
|
|
64
65
|
{% endif %}
|
|
65
66
|
|
|
66
|
-
{%
|
|
67
|
+
{% endapply %}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{% spaceless %}
|
|
1
|
+
{% apply spaceless %}
|
|
2
2
|
|
|
3
3
|
{# Parameters:
|
|
4
4
|
- title: (string) (default: '')
|
|
@@ -25,6 +25,7 @@
|
|
|
25
25
|
position (string)
|
|
26
26
|
}
|
|
27
27
|
- date (object) (default: {})
|
|
28
|
+
- variant (string) (default: '')
|
|
28
29
|
- horizontal (boolean) (default: false)
|
|
29
30
|
- horizontal_grid (object) (default: {})
|
|
30
31
|
format: {
|
|
@@ -33,7 +34,6 @@
|
|
|
33
34
|
gutter (default: '')
|
|
34
35
|
gutter (default: '') - options: ['small', 'large']
|
|
35
36
|
}
|
|
36
|
-
- variant (string) (default: '')
|
|
37
37
|
- border_variant (string) (default: '')
|
|
38
38
|
- text_color (string) (default: '')
|
|
39
39
|
options: ['dark', 'white']
|
|
@@ -273,4 +273,4 @@
|
|
|
273
273
|
{% endif %}
|
|
274
274
|
</article>
|
|
275
275
|
|
|
276
|
-
{%
|
|
276
|
+
{% endapply %}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
{% spaceless %}
|
|
1
|
+
{% apply spaceless %}
|
|
2
2
|
|
|
3
3
|
{# Parameters:
|
|
4
4
|
- title (string) (default: '')
|
|
5
5
|
- title_tag (string) (default: 'h2')
|
|
6
6
|
- title_link: (link object) (default: {})
|
|
7
7
|
- title_attributes: (drupal attrs)
|
|
8
|
+
- id (string) (default: '')
|
|
8
9
|
- autoplay (boolean) (default: true)
|
|
9
10
|
- dark (boolean) (default: false)
|
|
10
11
|
- active_item (integer) (default: 1)
|
|
@@ -121,7 +122,10 @@
|
|
|
121
122
|
{% if _item.image is defined and _item.image is not empty %}
|
|
122
123
|
{{ _item.image }}
|
|
123
124
|
{% endif %}
|
|
124
|
-
{% if (_item.caption is defined and _item.caption is not empty) or
|
|
125
|
+
{% if (_item.caption is defined and _item.caption is not empty) or
|
|
126
|
+
(_item.link is defined and _item.link is not empty) or
|
|
127
|
+
(_item.caption_title is defined and _item.caption_title is not empty)
|
|
128
|
+
%}
|
|
125
129
|
{% set _caption_classes = 'carousel-caption' %}
|
|
126
130
|
{% if _item.caption is not empty and _item.link is empty %}
|
|
127
131
|
{% set _caption_classes = _caption_classes ~ ' d-none d-md-block' %}
|
|
@@ -176,4 +180,4 @@
|
|
|
176
180
|
{% endif %}
|
|
177
181
|
</div>
|
|
178
182
|
|
|
179
|
-
{%
|
|
183
|
+
{% endapply %}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
{% spaceless %}
|
|
1
|
+
{% apply spaceless %}
|
|
2
2
|
|
|
3
3
|
{#
|
|
4
4
|
Parameters:
|
|
5
|
-
- background: (string) (default: 'white')
|
|
6
|
-
options: [ white, gray ]
|
|
7
5
|
- title: (string) (default: '')
|
|
8
6
|
- title_tag: (string) (default: 'h5')
|
|
9
7
|
- title_link: (link object) (default: {})
|
|
10
8
|
- title_attributes: (drupal attrs)
|
|
9
|
+
- background: (string) (default: 'white')
|
|
10
|
+
options: [ white, gray ]
|
|
11
11
|
- image (object)
|
|
12
12
|
- image_size: (string)
|
|
13
13
|
- date: (object)
|
|
@@ -26,28 +26,28 @@
|
|
|
26
26
|
{% set _title_link = title_link|default({}) %}
|
|
27
27
|
{% set _title_attributes = title_attributes ?: create_attribute() %}
|
|
28
28
|
{% set _background = background|default('white') %}
|
|
29
|
-
{% set _action_bar = action_bar|default('') %}
|
|
30
29
|
{% set _image = image|default({}) %}
|
|
31
|
-
{% set _date = date|default({}) %}
|
|
32
30
|
{% set _image_size = image_size|default('md') %}
|
|
31
|
+
{% set _action_bar = action_bar|default('') %}
|
|
32
|
+
{% set _date = date|default({}) %}
|
|
33
33
|
|
|
34
34
|
{% if attributes is empty %}
|
|
35
35
|
{% set attributes = create_attribute() %}
|
|
36
36
|
{% endif %}
|
|
37
37
|
|
|
38
|
-
{% set
|
|
38
|
+
{% set _classes = [
|
|
39
39
|
'bcl-content-banner',
|
|
40
40
|
] %}
|
|
41
41
|
|
|
42
42
|
{% if _background != 'white' %}
|
|
43
|
-
{% set
|
|
43
|
+
{% set _classes = _classes|merge([
|
|
44
44
|
'pb-md-4-75',
|
|
45
45
|
'pb-4',
|
|
46
46
|
'pt-4',
|
|
47
47
|
'pt-md-4-75',
|
|
48
48
|
]) %}
|
|
49
49
|
{% else %}
|
|
50
|
-
{% set
|
|
50
|
+
{% set _classes = _classes|merge([
|
|
51
51
|
'pt-4',
|
|
52
52
|
'pt-md-4-75',
|
|
53
53
|
]) %}
|
|
@@ -59,28 +59,28 @@
|
|
|
59
59
|
} %}
|
|
60
60
|
|
|
61
61
|
{% set _body_classes = 'pt-0 px-0 pb-0' %}
|
|
62
|
-
{% set
|
|
63
|
-
{% set _right_col_classes = 'col-md-8 col-lg-9 col-xxl-8' %}
|
|
62
|
+
{% set _right_col_classes = 'col-md col-lg-9 col-xxl-8' %}
|
|
64
63
|
|
|
65
64
|
{% if _image is not empty %}
|
|
66
65
|
{% set _left_col_classes = 'bcl-card-start-col' %}
|
|
67
|
-
{% set _body_classes = 'pt-4 pt-md-0 px-0 px-md-
|
|
66
|
+
{% set _body_classes = 'pt-4 pt-md-0 px-0 px-md-1-5 pb-0' %}
|
|
68
67
|
{% if _image_size == 'lg' %}
|
|
69
68
|
{% set _left_col_classes = _left_col_classes ~ ' bcl-size-large' %}
|
|
70
|
-
{% set _right_col_classes = 'col-
|
|
71
|
-
{% endif %}
|
|
72
|
-
{% if _image_size == 'sm' %}
|
|
73
|
-
{% set _left_col_classes = _left_col_classes ~ ' bcl-size-small' %}
|
|
69
|
+
{% set _right_col_classes = 'col-md col-xl-9 col-xxl-8' %}
|
|
74
70
|
{% endif %}
|
|
75
71
|
{% if _image_size == 'xl' %}
|
|
76
72
|
{% set _left_col_classes = _left_col_classes ~ ' bcl-size-extra-large' %}
|
|
77
|
-
{% set
|
|
73
|
+
{% set _body_classes = 'pt-4 pt-lg-0 px-0 px-lg-1-5 pb-0' %}
|
|
74
|
+
{% set _right_col_classes = 'col-lg' %}
|
|
78
75
|
{% endif %}
|
|
79
76
|
{% endif %}
|
|
80
77
|
{% if _date is not empty %}
|
|
81
78
|
{% set _left_col_classes = 'bcl-card-start-col' %}
|
|
82
79
|
{% set _right_col_classes = 'col-12 col-md col-xxl-9' %}
|
|
83
80
|
{% endif %}
|
|
81
|
+
{% if _image is empty and _date is empty %}
|
|
82
|
+
{% set _right_col_classes = 'col-lg-10 col-xl-9 col-xxl-8' %}
|
|
83
|
+
{% endif %}
|
|
84
84
|
|
|
85
85
|
{% set _horizontal_classes = {
|
|
86
86
|
left_col_classes: _left_col_classes,
|
|
@@ -99,8 +99,8 @@
|
|
|
99
99
|
attributes: create_attribute().addClass(['bg-transparent', 'border-0']),
|
|
100
100
|
} %}
|
|
101
101
|
|
|
102
|
-
{% set
|
|
103
|
-
{% set attributes = attributes.addClass(
|
|
102
|
+
{% set _classes = _classes|merge([_modifiers[_background]]) %}
|
|
103
|
+
{% set attributes = attributes.addClass(_classes) %}
|
|
104
104
|
|
|
105
105
|
{% if _button is not empty %}
|
|
106
106
|
{% set _card = _card|merge({
|
|
@@ -118,4 +118,4 @@
|
|
|
118
118
|
</div>
|
|
119
119
|
</div>
|
|
120
120
|
|
|
121
|
-
{%
|
|
121
|
+
{% endapply %}
|
|
@@ -1,24 +1,25 @@
|
|
|
1
|
-
{% spaceless %}
|
|
1
|
+
{% apply spaceless %}
|
|
2
2
|
|
|
3
3
|
{#
|
|
4
4
|
Parameters:
|
|
5
|
-
-
|
|
6
|
-
-
|
|
7
|
-
-
|
|
8
|
-
-
|
|
9
|
-
-
|
|
10
|
-
-
|
|
11
|
-
-
|
|
5
|
+
- day (integer) (default: '')
|
|
6
|
+
- month (string) (default: '')
|
|
7
|
+
- date_time (string) (default: '')
|
|
8
|
+
- year (integer) (default: '')
|
|
9
|
+
- end_day (integer) (default: '')
|
|
10
|
+
- end_month (string) (default: '')
|
|
11
|
+
- end_year (integer) (default: '')
|
|
12
12
|
#}
|
|
13
13
|
|
|
14
|
-
{% set _month = month|default('') %}
|
|
15
14
|
{% set _day = day|default('') %}
|
|
16
|
-
{% set
|
|
15
|
+
{% set _month = month|default('') %}
|
|
17
16
|
{% set _date_time = date_time|default('') %}
|
|
17
|
+
{% set _year = year|default('') %}
|
|
18
18
|
{% set _end_day = end_day|default('') %}
|
|
19
19
|
{% set _end_month = end_month|default('') %}
|
|
20
20
|
{% set _end_year = end_year|default('') %}
|
|
21
|
-
|
|
21
|
+
|
|
22
|
+
{% set _classes = [
|
|
22
23
|
'bcl-date-block',
|
|
23
24
|
'bg-date',
|
|
24
25
|
'rounded',
|
|
@@ -34,7 +35,7 @@
|
|
|
34
35
|
{% set attributes = create_attribute() %}
|
|
35
36
|
{% endif %}
|
|
36
37
|
|
|
37
|
-
{% set attributes = attributes.addClass(
|
|
38
|
+
{% set attributes = attributes.addClass(_classes) %}
|
|
38
39
|
|
|
39
40
|
{% if _date_time is not empty %}
|
|
40
41
|
{% set attributes = attributes.setAttribute('datetime', _date_time) %}
|
|
@@ -60,4 +61,4 @@
|
|
|
60
61
|
</span>
|
|
61
62
|
</time>
|
|
62
63
|
|
|
63
|
-
{%
|
|
64
|
+
{% endapply %}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
{% apply spaceless %}
|
|
2
|
+
|
|
3
|
+
{#
|
|
4
|
+
Parameters:
|
|
5
|
+
- button: (button object) (default: {})
|
|
6
|
+
- link: (link object) (default: {})
|
|
7
|
+
- icon: (icon object) (default: {})
|
|
8
|
+
- label: (string) (default: '')
|
|
9
|
+
|
|
10
|
+
BLOCKS:
|
|
11
|
+
- definition
|
|
12
|
+
#}
|
|
13
|
+
|
|
14
|
+
{% set _button = button|default({}) %}
|
|
15
|
+
{% set _link = link|default({}) %}
|
|
16
|
+
{% set _icon = icon|default({}) %}
|
|
17
|
+
{% set _label = label|default('') %}
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
<dd>
|
|
21
|
+
{%- block definition -%}
|
|
22
|
+
{%- if _button is not empty -%}
|
|
23
|
+
{% include '@oe-bcl/bcl-button/button.html.twig' with _button only %}
|
|
24
|
+
{%- elseif _link is not empty %}
|
|
25
|
+
{% include '@oe-bcl/bcl-link/link.html.twig' with _link only -%}
|
|
26
|
+
{%- else -%}
|
|
27
|
+
{%- if _icon is not empty -%}
|
|
28
|
+
{%- set _icon_classes = ["me-2", "align-self-center", "flex-shrink-0"] -%}
|
|
29
|
+
{% set _icon_attributes = _icon.attributes ?: create_attribute() %}
|
|
30
|
+
{% set _icon_attributes = _icon_attributes.addClass(_icon_classes) %}
|
|
31
|
+
{%- include '@oe-bcl/bcl-icon/icon.html.twig' with _icon|merge({
|
|
32
|
+
attributes: _icon_attributes,
|
|
33
|
+
}) only -%}
|
|
34
|
+
<div class="mb-0 d-inline-block">
|
|
35
|
+
{{- _label -}}
|
|
36
|
+
</div>
|
|
37
|
+
{%- else -%}
|
|
38
|
+
<div>{{- _label -}}</div>
|
|
39
|
+
{%- endif -%}
|
|
40
|
+
{%- endif -%}
|
|
41
|
+
{% endblock %}
|
|
42
|
+
</dd>
|
|
43
|
+
|
|
44
|
+
{% endapply %}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
{% apply spaceless %}
|
|
2
|
+
|
|
3
|
+
{#
|
|
4
|
+
Parameters:
|
|
5
|
+
- icon: (icon object) (default: {})
|
|
6
|
+
- color: (string) (default: '')
|
|
7
|
+
- options: ['bg-primary', 'bg-secondary', 'bg-success', 'bg-warning', 'bg-info', 'bg-light', 'bg-dark', 'bg-lighter', 'bg-gray-200', 'bg-gray-400']
|
|
8
|
+
- label: (string) (default: '')
|
|
9
|
+
#}
|
|
10
|
+
|
|
11
|
+
{% set _icon = icon|default({}) %}
|
|
12
|
+
{% set _color = color|default('') %}
|
|
13
|
+
{% set _label = label|default('') %}
|
|
14
|
+
|
|
15
|
+
<dt>
|
|
16
|
+
<div class="d-flex">
|
|
17
|
+
{%- if _icon is not empty -%}
|
|
18
|
+
{% set _icon_classes = ["me-2", "align-self-center", "flex-shrink-0"] %}
|
|
19
|
+
{% set _icon_attributes = _icon.attributes ?: create_attribute() %}
|
|
20
|
+
{% set _icon_attributes = _icon_attributes.addClass(_icon_classes) %}
|
|
21
|
+
{% include '@oe-bcl/bcl-icon/icon.html.twig' with _icon|merge({
|
|
22
|
+
attributes: _icon_attributes,
|
|
23
|
+
}) only %}
|
|
24
|
+
{%- elseif _color is not empty -%}
|
|
25
|
+
<div class="align-self-center">
|
|
26
|
+
<span class="p-2 me-2 d-inline-block rounded-1 {{ _color }}"></span>
|
|
27
|
+
</div>
|
|
28
|
+
{%- endif -%}
|
|
29
|
+
<div>{{- _label -}}</div>
|
|
30
|
+
</div>
|
|
31
|
+
</dt>
|
|
32
|
+
|
|
33
|
+
{% endapply %}
|