@openeuropa/bcl-theme-default 0.14.0 → 0.15.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.
Files changed (39) hide show
  1. package/css/oe-bcl-default.css +3 -4
  2. package/css/oe-bcl-default.css.map +1 -1
  3. package/css/oe-bcl-default.min.css +1 -1
  4. package/css/oe-bcl-default.min.css.map +1 -1
  5. package/package.json +5 -5
  6. package/src/scss/_header.scss +1 -0
  7. package/src/scss/_utilities.scss +1 -1
  8. package/templates/bcl-banner/banner.html.twig +7 -5
  9. package/templates/bcl-base-templates/content-type.html.twig +12 -13
  10. package/templates/bcl-base-templates/listing-page.html.twig +3 -1
  11. package/templates/bcl-card/card.html.twig +2 -2
  12. package/templates/bcl-content-banner/content-banner.html.twig +29 -8
  13. package/templates/bcl-description-list/description-list.html.twig +33 -8
  14. package/templates/bcl-event/event.html.twig +41 -0
  15. package/templates/bcl-fact-figures/fact-figures.html.twig +9 -5
  16. package/templates/bcl-featured-media/featured-media.html.twig +49 -5
  17. package/templates/bcl-file/file.html.twig +15 -4
  18. package/templates/bcl-group/group-landing.html.twig +101 -0
  19. package/templates/bcl-group/group.html.twig +25 -0
  20. package/templates/bcl-header/header.html.twig +2 -2
  21. package/templates/bcl-inpage-navigation/inpage-navigation.html.twig +9 -1
  22. package/templates/bcl-landing-page/landing-page.html.twig +46 -52
  23. package/templates/bcl-links-block/links-block.html.twig +4 -1
  24. package/templates/bcl-listing/listing.html.twig +2 -2
  25. package/templates/bcl-page/page.html.twig +64 -0
  26. package/templates/bcl-timeline/timeline.html.twig +12 -1
  27. package/templates/bcl-user/user-edit.html.twig +38 -0
  28. package/templates/{bcl-user-view → bcl-user}/user-view-compact.html.twig +0 -0
  29. package/templates/bcl-user/user-view.html.twig +96 -0
  30. package/templates/bcl-group-landing/group-landing.html.twig +0 -106
  31. package/templates/bcl-group-landing-listing/group-landing-listing-offcanvas.html.twig +0 -8
  32. package/templates/bcl-group-landing-listing/group-landing-listing.html.twig +0 -69
  33. package/templates/bcl-search/search-offcanvas.html.twig +0 -8
  34. package/templates/bcl-search/search.html.twig +0 -45
  35. package/templates/bcl-user-edit/edit-contents.html.twig +0 -32
  36. package/templates/bcl-user-edit/user-edit.html.twig +0 -19
  37. package/templates/bcl-user-listing/user-listing-offcanvas.html.twig +0 -8
  38. package/templates/bcl-user-listing/user-listing.html.twig +0 -45
  39. package/templates/bcl-user-view/user-view.html.twig +0 -106
package/templates/bcl-group-landing-listing/group-landing-listing.html.twig DELETED
@@ -1,69 +0,0 @@
1
- {% spaceless %}
2
-
3
- {% if data.header is defined %}
4
- {% include '@oe-bcl/bcl-header/header.html.twig' with data.header only %}
5
- {% endif %}
6
- <main>
7
- <div class="container mt-4 mt-md-5">
8
- {% if data.banner.title is not empty %}
9
- <div class="p-md-3-5 pt-3 bg-lighter d-md-flex n-mx-container">
10
- <h2 class="mb-0 d-inline-block fw-bold">{{ data.banner.title }}</h2>
11
- {% if data.banner.actions is not empty and data.banner.actions is iterable %}
12
- <div class="d-grid d-md-block ms-auto">
13
- {% for _action in data.banner.actions %}
14
- {% if _action.type == "link" %}
15
- {% include '@oe-bcl/bcl-link/link.html.twig' with _action only %}
16
- {% elseif _action.type == "button" %}
17
- {% include '@oe-bcl/bcl-button/button.html.twig' with _action only %}
18
- {% elseif _action.type == "dropdown" %}
19
- {% include '@oe-bcl/bcl-dropdown/dropdown.html.twig' with _action only %}
20
- {% endif %}
21
- {% endfor %}
22
- </div>
23
- {% endif %}
24
- </div>
25
- {% endif %}
26
- {% if data.navigation is not empty %}
27
- {% include '@oe-bcl/bcl-navigation/navigation.html.twig' with data.navigation only %}
28
- {% endif %}
29
- <div class="row">
30
- <div class="col-md-3">
31
- {% include '@oe-bcl/bcl-group-landing-listing/group-landing-listing-offcanvas.html.twig' with data.offcanvas only %}
32
- </div>
33
- <div class="col-12 col-lg-9">
34
- {% include '@oe-bcl/bcl-button/button.html.twig' with data.filter_button only %}
35
- <div class="mb-3 mb-md-4 clearfix">
36
- <div class="float-end d-none d-md-flex align-items-baseline">
37
- {% include '@oe-bcl/bcl-select/select.html.twig' with data.sort_select|merge({
38
- extra_classes: "w-auto d-inline-block ms-2"
39
- }) only %}
40
- </div>
41
- <h4 class="mb-4">{{ data.main_title }}</h4>
42
- {% if data.badges is not empty and data.badges is iterable %}
43
- {% for badge in data.badges %}
44
- {% include '@oe-bcl/bcl-badge/badge.html.twig' with badge only %}
45
- {% endfor %}
46
- {% endif %}
47
- </div>
48
- <hr class="d-none d-md-block mt-4 mb-4-75"/>
49
- <div class="d-md-none">
50
- {% include '@oe-bcl/bcl-select/select.html.twig' with data.sort_select|merge({
51
- extra_classes: "mb-4"
52
- }) only %}
53
- </div>
54
- {% if data.listing is not empty %}
55
- {% include '@oe-bcl/bcl-listing/listing.html.twig' with data.listing only %}
56
- {% endif %}
57
- {% if data.pagination.border_top %}
58
- <hr class="d-none d-md-block mb-4-5">
59
- {% endif %}
60
- {% include '@oe-bcl/bcl-pagination/pagination.html.twig' with data.pagination only %}
61
- </div>
62
- </div>
63
- </div>
64
- </main>
65
- {% if data.footer is defined %}
66
- {% include '@oe-bcl/bcl-footer/footer.html.twig' with data.footer only %}
67
- {% endif %}
68
-
69
- {% endspaceless %}
package/templates/bcl-search/search-offcanvas.html.twig DELETED
@@ -1,8 +0,0 @@
1
- {% extends "@oe-bcl/bcl-offcanvas/offcanvas.html.twig" %}
2
-
3
- {% block body %}
4
- <div class="offcanvas-body p-lg-0">
5
- {% include '@oe-bcl/bcl-form/form.html.twig' with search_form only %}
6
- </div>
7
-
8
- {% endblock %}
package/templates/bcl-search/search.html.twig DELETED
@@ -1,45 +0,0 @@
1
- {% spaceless %}
2
-
3
- {% if data.header is defined %}
4
- {% include '@oe-bcl/bcl-header/header.html.twig' with data.header only %}
5
- {% endif %}
6
- <main>
7
- <div class="container mt-5">
8
- <div class="row">
9
- <div class="col-md-3">
10
- {% include '@oe-bcl/bcl-search/search-offcanvas.html.twig' with data.offcanvas only %}
11
- </div>
12
- <div class="col-12 col-lg-9">
13
- {% include '@oe-bcl/bcl-button/button.html.twig' with data.filter_button only %}
14
- <div class="mb-4 clearfix">
15
- <div class="float-end d-none d-md-flex align-items-baseline">
16
- {% include '@oe-bcl/bcl-select/select.html.twig' with data.sort_select|merge({
17
- extra_classes: "w-auto d-inline-block ms-2"
18
- }) only %}
19
- </div>
20
- <h4 class="mb-4">Search results (18)</h4>
21
- {% if data.badges is not empty and data.badges is iterable %}
22
- {% for badge in data.badges %}
23
- {% include '@oe-bcl/bcl-badge/badge.html.twig' with badge only %}
24
- {% endfor %}
25
- {% endif %}
26
- </div>
27
- <hr class="d-none d-md-block mt-4 mb-4-75"/>
28
- <div class="d-md-none">
29
- {% include '@oe-bcl/bcl-select/select.html.twig' with data.sort_select|merge({
30
- extra_classes: "mb-4"
31
- }) only %}
32
- </div>
33
- {% if data.listing is not empty %}
34
- {% include '@oe-bcl/bcl-listing/listing.html.twig' with data.listing only %}
35
- {% endif %}
36
- {% include '@oe-bcl/bcl-pagination/pagination.html.twig' with data.pagination only %}
37
- </div>
38
- </div>
39
- </div>
40
- </main>
41
- {% if data.footer is defined %}
42
- {% include '@oe-bcl/bcl-footer/footer.html.twig' with data.footer only %}
43
- {% endif %}
44
-
45
- {% endspaceless %}
package/templates/bcl-user-edit/edit-contents.html.twig DELETED
@@ -1,32 +0,0 @@
1
- {% extends "@oe-bcl/bcl-navigation/navigation.html.twig" %}
2
-
3
- {% block contents %}
4
- <div class="tab-pane fade show active" id="profile" role="tabpanel" aria-labelledby="profile-tab">
5
- <div class="row">
6
- <div class="offset-3 col-6 offset-lg-0 col-lg-2 mt-4 pt-3">
7
- <img src="https://picsum.photos/seed/1002/400/400" class="img-fluid" alt="profile-image">
8
- <div class="mt-3 d-grid">
9
- {% include '@oe-bcl/bcl-form-input/form-input.html.twig' with imageUploadInput only %}
10
- {% include '@oe-bcl/bcl-button/button.html.twig' with removeImageButton only %}
11
- </div>
12
- </div>
13
- <div class="col-12 col-lg-10">
14
- <h3 class="fw-bold mt-4 mb-3 pt-3">Profile information</h3>
15
- {% include '@oe-bcl/bcl-form/form.html.twig' with profileInformation only %}
16
- </div>
17
- </div>
18
- </div>
19
- <div class="tab-pane fade" id="privacy" role="tabpanel" aria-labelledby="privacy-tab">
20
- <h3 class="fw-bold pt-2 mt-4 mb-4">Privacy settings</h3>
21
- {% include '@oe-bcl/bcl-form/form.html.twig' with privacySettings only %}
22
- <h3 class="fw-bold my-4">Public profile contents</h3>
23
- <p class="mb-0">Select what information should be displayed to your profile.</p>
24
- <p class="mb-4">Only people who have access to your data will be able to consult these informations.</p>
25
- {% include '@oe-bcl/bcl-form/form.html.twig' with publicProfileContent only %}
26
- <h3 class="fw-bold my-4">Delete account</h3>
27
- <p class="mb-0">Account deletion is permanent and cannot be undone.</p>
28
- <p>If you delete your account, all content created by you (comments, articles, ...) will be anonymized.</p>
29
- {% include '@oe-bcl/bcl-form/form.html.twig' with deleteAccount only %}
30
- </div>
31
-
32
- {% endblock %}
package/templates/bcl-user-edit/user-edit.html.twig DELETED
@@ -1,19 +0,0 @@
1
- {% spaceless %}
2
-
3
- {% if data.header is defined %}
4
- {% include '@oe-bcl/bcl-header/header.html.twig' with data.header only %}
5
- {% endif %}
6
- <main>
7
- <div class="container mt-5">
8
- <h2 class="fw-bold mb-3 mb-md-5 d-inline-block">Edit my profile</h2>
9
- <div class="mb-4 float-lg-end">
10
- {% include '@oe-bcl/bcl-link/link.html.twig' with data.navigation.profileBack only %}
11
- </div>
12
- {% include '@oe-bcl/bcl-user-edit/edit-contents.html.twig' with data.navigation only %}
13
- </div>
14
- </main>
15
- {% if data.footer is defined %}
16
- {% include '@oe-bcl/bcl-footer/footer.html.twig' with data.footer only %}
17
- {% endif %}
18
-
19
- {% endspaceless %}
package/templates/bcl-user-listing/user-listing-offcanvas.html.twig DELETED
@@ -1,8 +0,0 @@
1
- {% extends "@oe-bcl/bcl-offcanvas/offcanvas.html.twig" %}
2
-
3
- {% block body %}
4
- <div class="offcanvas-body p-lg-0">
5
- {% include '@oe-bcl/bcl-form/form.html.twig' with search_form only %}
6
- </div>
7
-
8
- {% endblock %}
package/templates/bcl-user-listing/user-listing.html.twig DELETED
@@ -1,45 +0,0 @@
1
- {% spaceless %}
2
-
3
- {% if data.header is defined %}
4
- {% include '@oe-bcl/bcl-header/header.html.twig' with data.header only %}
5
- {% endif %}
6
- <main>
7
- <div class="container mt-5">
8
- <div class="row">
9
- <div class="col-md-3">
10
- {% include '@oe-bcl/bcl-user-listing/user-listing-offcanvas.html.twig' with data.offcanvas only %}
11
- </div>
12
- <div class="col-12 col-lg-9">
13
- {% include '@oe-bcl/bcl-button/button.html.twig' with data.filter_button only %}
14
- <div class="mb-3 clearfix">
15
- <div class="float-end d-none d-md-block">
16
- {% include '@oe-bcl/bcl-select/select.html.twig' with data.sort_select|merge({
17
- extra_classes: "w-auto d-inline-block ms-2"
18
- }) only %}
19
- </div>
20
- <h4 class="mb-4">Users ({{ data.listing.items.length }})</h4>
21
- {% if data.badges is not empty and data.badges is iterable %}
22
- {% for badge in data.badges %}
23
- {% include '@oe-bcl/bcl-badge/badge.html.twig' with badge only %}
24
- {% endfor %}
25
- {% endif %}
26
- </div>
27
- <hr class="d-none d-md-block mb-4"/>
28
- <div class="d-md-none">
29
- {% include '@oe-bcl/bcl-select/select.html.twig' with data.sort_select|merge({
30
- extra_classes: "mb-4"
31
- }) only %}
32
- </div>
33
- {% if data.listing is not empty %}
34
- {% include '@oe-bcl/bcl-listing/listing.html.twig' with data.listing only %}
35
- {% endif %}
36
- {% include '@oe-bcl/bcl-pagination/pagination.html.twig' with data.pagination only %}
37
- </div>
38
- </div>
39
- </div>
40
- </main>
41
- {% if data.footer is defined %}
42
- {% include '@oe-bcl/bcl-footer/footer.html.twig' with data.footer only %}
43
- {% endif %}
44
-
45
- {% endspaceless %}
package/templates/bcl-user-view/user-view.html.twig DELETED
@@ -1,106 +0,0 @@
1
- {% spaceless %}
2
-
3
- {% if data.header is defined %}
4
- {% include '@oe-bcl/bcl-header/header.html.twig' with data.header only %}
5
- {% endif %}
6
- <main>
7
- <div class="container mt-5">
8
- <div class="row">
9
- <div class="col-12 col-md-10">
10
- {% include '@oe-bcl/bcl-card/card.html.twig' with data.user only %}
11
- </div>
12
- <div class="col-12 col-md-2 text-end">
13
- <div class="d-grid d-md-block">
14
- {% include '@oe-bcl/bcl-button/button.html.twig' with data.editButton only %}
15
- </div>
16
- </div>
17
- </div>
18
- <div class="my-3">
19
- <h4 class="fw-bold mb-4">Personal information</h4>
20
- <div class="row">
21
- <div class="col-12 col-md-6">
22
- <div class="row">
23
- <div class="col-12 col-md-4">
24
- <p class="mb-0">Gender:</p>
25
- </div>
26
- <div class="col-12 col-md-8">
27
- <p>Male</p>
28
- </div>
29
- </div>
30
- <div class="row">
31
- <div class="col-12 col-md-4">
32
- <p class="mb-0">Nationality:</p>
33
- </div>
34
- <div class="col-12 col-md-8">
35
- <p>German</p>
36
- </div>
37
- </div>
38
- <div class="row">
39
- <div class="col-12 col-md-4">
40
- <p class="mb-0">Date of birth:</p>
41
- </div>
42
- <div class="col-12 col-md-8">
43
- <p>22/01/1972</p>
44
- </div>
45
- </div>
46
- </div>
47
- <div class="col-12 col-md-6">
48
- <div class="row">
49
- <div class="col-12 col-md-4">
50
- <p class="mb-0">Country:</p>
51
- </div>
52
- <div class="col-12 col-md-8">
53
- <p>Germany</p>
54
- </div>
55
- </div>
56
- <div class="row">
57
- <div class="col-12 col-md-4">
58
- <p class="mb-0">City:</p>
59
- </div>
60
- <div class="col-12 col-md-8">
61
- <p>Düsseldorf</p>
62
- </div>
63
- </div>
64
- </div>
65
- </div>
66
- </div>
67
- <div class="my-3">
68
- <h4 class="fw-bold mb-4">Professional information</h4>
69
- <div class="row">
70
- <div class="col-12 col-md-6">
71
- <div class="row">
72
- <div class="col-12 col-md-4">
73
- <p class="mb-0">Organisation:</p>
74
- </div>
75
- <div class="col-12 col-md-8">
76
- <p>DG Test</p>
77
- </div>
78
- </div>
79
- <div class="row">
80
- <div class="col-12 col-md-4">
81
- <p class="mb-0">Position:</p>
82
- </div>
83
- <div class="col-12 col-md-8">
84
- <p>Director</p>
85
- </div>
86
- </div>
87
- </div>
88
- <div class="col-12 col-md-6">
89
- <div class="row">
90
- <div class="col-12 col-md-4">
91
- <p class="mb-0">Working languages:</p>
92
- </div>
93
- <div class="col-12 col-md-8">
94
- <p>English, German</p>
95
- </div>
96
- </div>
97
- </div>
98
- </div>
99
- </div>
100
- </div>
101
- </main>
102
- {% if data.footer is defined %}
103
- {% include '@oe-bcl/bcl-footer/footer.html.twig' with data.footer only %}
104
- {% endif %}
105
-
106
- {% endspaceless %}