@openeuropa/bcl-theme-default 0.11.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 (58) hide show
  1. package/css/oe-bcl-default.css +1453 -17
  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/js/oe-bcl-default.bundle.js +53 -21
  6. package/js/oe-bcl-default.bundle.js.map +1 -1
  7. package/js/oe-bcl-default.bundle.min.js +1 -1
  8. package/js/oe-bcl-default.bundle.min.js.map +1 -1
  9. package/js/oe-bcl-default.esm.min.js.map +1 -1
  10. package/js/oe-bcl-default.umd.js +61 -24
  11. package/js/oe-bcl-default.umd.js.map +1 -1
  12. package/js/oe-bcl-default.umd.min.js +1 -1
  13. package/js/oe-bcl-default.umd.min.js.map +1 -1
  14. package/package.json +5 -5
  15. package/src/scss/_badge.scss +2 -1
  16. package/src/scss/_banners.scss +9 -7
  17. package/src/scss/_collapse.scss +8 -0
  18. package/src/scss/_header.scss +1 -0
  19. package/src/scss/_inpage-navigation.scss +19 -0
  20. package/src/scss/_tabs.scss +3 -0
  21. package/src/scss/_timeline.scss +78 -0
  22. package/src/scss/_utilities.scss +78 -0
  23. package/src/scss/_variables.scss +16 -9
  24. package/src/scss/oe-bcl-default.scss +4 -14
  25. package/templates/bcl-banner/banner.html.twig +64 -0
  26. package/templates/bcl-base-templates/content-type.html.twig +91 -0
  27. package/templates/bcl-base-templates/listing-page.html.twig +60 -0
  28. package/templates/{bcl-search/search-offcanvas.html.twig → bcl-base-templates/sidebar-search.html.twig} +0 -1
  29. package/templates/bcl-card/card.html.twig +42 -33
  30. package/templates/bcl-content-banner/content-banner.html.twig +103 -0
  31. package/templates/bcl-date-block/date-block.html.twig +42 -0
  32. package/templates/bcl-description-list/description-list.html.twig +110 -0
  33. package/templates/bcl-event/event.html.twig +41 -0
  34. package/templates/bcl-fact-figures/fact-figures.html.twig +115 -0
  35. package/templates/bcl-featured-media/featured-media.html.twig +49 -5
  36. package/templates/bcl-file/file.html.twig +205 -0
  37. package/templates/bcl-footer/footer.html.twig +1 -1
  38. package/templates/bcl-group/group-landing.html.twig +101 -0
  39. package/templates/bcl-group/group.html.twig +25 -0
  40. package/templates/bcl-header/header.html.twig +3 -3
  41. package/templates/bcl-inpage-navigation/inpage-navigation.html.twig +42 -0
  42. package/templates/bcl-landing-page/landing-page.html.twig +59 -0
  43. package/templates/bcl-link/link.html.twig +5 -0
  44. package/templates/bcl-links-block/links-block.html.twig +4 -1
  45. package/templates/bcl-listing/listing.html.twig +56 -35
  46. package/templates/bcl-page/page.html.twig +64 -0
  47. package/templates/bcl-recent-activities/recent-activities.html.twig +57 -0
  48. package/templates/bcl-timeline/timeline.html.twig +109 -0
  49. package/templates/bcl-toast/toasts.html.twig +3 -1
  50. package/templates/bcl-user/user-edit.html.twig +38 -0
  51. package/templates/{bcl-user-view → bcl-user}/user-view-compact.html.twig +2 -2
  52. package/templates/bcl-user/user-view.html.twig +96 -0
  53. package/templates/bcl-search/search.html.twig +0 -52
  54. package/templates/bcl-user-edit/edit-contents.html.twig +0 -32
  55. package/templates/bcl-user-edit/user-edit.html.twig +0 -18
  56. package/templates/bcl-user-listing/user-listing-offcanvas.html.twig +0 -8
  57. package/templates/bcl-user-listing/user-listing.html.twig +0 -47
  58. package/templates/bcl-user-view/user-view.html.twig +0 -105
package/templates/bcl-user-edit/user-edit.html.twig DELETED
@@ -1,18 +0,0 @@
1
- {% spaceless %}
2
-
3
- {% if data.header is defined %}
4
- <header>
5
- {% include '@oe-bcl/bcl-header/header.html.twig' with data.header only %}
6
- </header>
7
- {% endif %}
8
- <main>
9
- <div class="container mt-5">
10
- <h2 class="fw-bold mb-3 mb-md-5 d-inline-block">Edit my profile</h2>
11
- <div class="mb-4 float-lg-end">
12
- {% include '@oe-bcl/bcl-link/link.html.twig' with data.navigation.profileBack only %}
13
- </div>
14
- {% include '@oe-bcl/bcl-user-edit/edit-contents.html.twig' with data.navigation only %}
15
- </div>
16
- </main>
17
-
18
- {% 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,47 +0,0 @@
1
- {% spaceless %}
2
-
3
- {% if data.header is defined %}
4
- <header>
5
- {% include '@oe-bcl/bcl-header/header.html.twig' with data.header only %}
6
- </header>
7
- {% endif %}
8
- <main>
9
- <div class="container mt-5">
10
- <div class="row">
11
- <div class="col-md-3">
12
- {% include '@oe-bcl/bcl-user-listing/user-listing-offcanvas.html.twig' with data.offcanvas only %}
13
- </div>
14
- <div class="col-12 col-lg-9">
15
- {% include '@oe-bcl/bcl-button/button.html.twig' with data.filter_button only %}
16
- <div class="mb-3 clearfix">
17
- <div class="float-end d-none d-md-block">
18
- {% include '@oe-bcl/bcl-select/select.html.twig' with data.sort_select|merge({
19
- extra_classes: "w-auto d-inline-block ms-2"
20
- }) only %}
21
- </div>
22
- <h4 class="mb-4">Users ({{ data.cards.length }})</h4>
23
- {% if data.badges is not empty and data.badges is iterable %}
24
- {% for badge in data.badges %}
25
- {% include '@oe-bcl/bcl-badge/badge.html.twig' with badge only %}
26
- {% endfor %}
27
- {% endif %}
28
- </div>
29
- <hr class="d-none d-md-block mb-4"/>
30
- <div class="d-md-none">
31
- {% include '@oe-bcl/bcl-select/select.html.twig' with data.sort_select|merge({
32
- extra_classes: "mb-4"
33
- }) only %}
34
- </div>
35
- {% if data.cards is not empty and data.cards is iterable %}
36
- {% for card in data.cards %}
37
- {% include '@oe-bcl/bcl-card/card.html.twig' with card only %}
38
- {% endfor %}
39
- {% endif %}
40
- <hr/>
41
- {% include '@oe-bcl/bcl-pagination/pagination.html.twig' with data.pagination only %}
42
- </div>
43
- </div>
44
- </div>
45
- </main>
46
-
47
- {% endspaceless %}
package/templates/bcl-user-view/user-view.html.twig DELETED
@@ -1,105 +0,0 @@
1
- {% spaceless %}
2
-
3
- {% if data.header is defined %}
4
- <header>
5
- {% include '@oe-bcl/bcl-header/header.html.twig' with data.header only %}
6
- </header>
7
- {% endif %}
8
- <main>
9
- <div class="container mt-5">
10
- <div class="row">
11
- <div class="col-12 col-md-10">
12
- {% include '@oe-bcl/bcl-card/card.html.twig' with data.user only %}
13
- </div>
14
- <div class="col-12 col-md-2 text-end">
15
- <div class="d-grid d-md-block">
16
- {% include '@oe-bcl/bcl-button/button.html.twig' with data.editButton only %}
17
- </div>
18
- </div>
19
- </div>
20
- <div class="my-3">
21
- <h4 class="fw-bold mb-4">Personal information</h4>
22
- <div class="row">
23
- <div class="col-12 col-md-6">
24
- <div class="row">
25
- <div class="col-12 col-md-4">
26
- <p class="mb-0">Gender:</p>
27
- </div>
28
- <div class="col-12 col-md-8">
29
- <p>Male</p>
30
- </div>
31
- </div>
32
- <div class="row">
33
- <div class="col-12 col-md-4">
34
- <p class="mb-0">Nationality:</p>
35
- </div>
36
- <div class="col-12 col-md-8">
37
- <p>German</p>
38
- </div>
39
- </div>
40
- <div class="row">
41
- <div class="col-12 col-md-4">
42
- <p class="mb-0">Date of birth:</p>
43
- </div>
44
- <div class="col-12 col-md-8">
45
- <p>22/01/1972</p>
46
- </div>
47
- </div>
48
- </div>
49
- <div class="col-12 col-md-6">
50
- <div class="row">
51
- <div class="col-12 col-md-4">
52
- <p class="mb-0">Country:</p>
53
- </div>
54
- <div class="col-12 col-md-8">
55
- <p>Germany</p>
56
- </div>
57
- </div>
58
- <div class="row">
59
- <div class="col-12 col-md-4">
60
- <p class="mb-0">City:</p>
61
- </div>
62
- <div class="col-12 col-md-8">
63
- <p>Düsseldorf</p>
64
- </div>
65
- </div>
66
- </div>
67
- </div>
68
- </div>
69
- <div class="my-3">
70
- <h4 class="fw-bold mb-4">Professional information</h4>
71
- <div class="row">
72
- <div class="col-12 col-md-6">
73
- <div class="row">
74
- <div class="col-12 col-md-4">
75
- <p class="mb-0">Organisation:</p>
76
- </div>
77
- <div class="col-12 col-md-8">
78
- <p>DG Test</p>
79
- </div>
80
- </div>
81
- <div class="row">
82
- <div class="col-12 col-md-4">
83
- <p class="mb-0">Position:</p>
84
- </div>
85
- <div class="col-12 col-md-8">
86
- <p>Director</p>
87
- </div>
88
- </div>
89
- </div>
90
- <div class="col-12 col-md-6">
91
- <div class="row">
92
- <div class="col-12 col-md-4">
93
- <p class="mb-0">Working languages:</p>
94
- </div>
95
- <div class="col-12 col-md-8">
96
- <p>English, German</p>
97
- </div>
98
- </div>
99
- </div>
100
- </div>
101
- </div>
102
- </div>
103
- </main>
104
-
105
- {% endspaceless %}