@openeuropa/bcl-twig-templates 0.4230.202512021730 → 0.4360.202601141610

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 (84) hide show
  1. package/package.json +67 -67
  2. package/templates/bcl-accordion/accordion.html.twig +42 -43
  3. package/templates/bcl-alert/alert.html.twig +18 -18
  4. package/templates/bcl-badge/badge.html.twig +11 -12
  5. package/templates/bcl-banner/banner.html.twig +34 -34
  6. package/templates/bcl-base-templates/content-type.html.twig +63 -64
  7. package/templates/bcl-base-templates/listing-page.html.twig +31 -31
  8. package/templates/bcl-base-templates/sidebar-search.html.twig +10 -10
  9. package/templates/bcl-blockquote/blockquote.html.twig +17 -17
  10. package/templates/bcl-breadcrumb/breadcrumb.html.twig +24 -25
  11. package/templates/bcl-button/button.html.twig +24 -24
  12. package/templates/bcl-button-group/button-group.html.twig +25 -26
  13. package/templates/bcl-card/card.html.twig +98 -98
  14. package/templates/bcl-card-layout/card-layout.html.twig +34 -34
  15. package/templates/bcl-carousel/carousel.html.twig +64 -64
  16. package/templates/bcl-contact-form/contact-form.html.twig +1 -1
  17. package/templates/bcl-content-banner/content-banner.html.twig +37 -37
  18. package/templates/bcl-date-block/date-block.html.twig +26 -26
  19. package/templates/bcl-description-list/description-list-details.html.twig +6 -6
  20. package/templates/bcl-description-list/description-list-title.html.twig +11 -11
  21. package/templates/bcl-description-list/description-list.html.twig +44 -45
  22. package/templates/bcl-dropdown/dropdown.html.twig +48 -49
  23. package/templates/bcl-event/event.html.twig +7 -7
  24. package/templates/bcl-fact-figures/fact-figures.html.twig +34 -34
  25. package/templates/bcl-featured-media/featured-media.html.twig +42 -43
  26. package/templates/bcl-file/file-translations.html.twig +29 -29
  27. package/templates/bcl-file/file.html.twig +46 -46
  28. package/templates/bcl-footer/footer.html.twig +31 -31
  29. package/templates/bcl-form/form.html.twig +70 -70
  30. package/templates/bcl-form-input/form-input.html.twig +57 -58
  31. package/templates/bcl-gallery/gallery-item.html.twig +20 -20
  32. package/templates/bcl-gallery/gallery.html.twig +62 -63
  33. package/templates/bcl-glossary/glossary-detail.html.twig +19 -19
  34. package/templates/bcl-glossary/glossary-listing.html.twig +6 -6
  35. package/templates/bcl-group/group-landing.html.twig +69 -69
  36. package/templates/bcl-group/group.html.twig +19 -19
  37. package/templates/bcl-header/header.html.twig +71 -79
  38. package/templates/bcl-heading/heading.html.twig +13 -14
  39. package/templates/bcl-icon/icon.html.twig +10 -10
  40. package/templates/bcl-inpage-navigation/inpage-navigation.html.twig +20 -20
  41. package/templates/bcl-landing-page/landing-page.html.twig +33 -33
  42. package/templates/bcl-language-list/language-list-grid.html.twig +25 -25
  43. package/templates/bcl-language-list/language-list-modal.html.twig +52 -52
  44. package/templates/bcl-language-list/language-list.html.twig +33 -34
  45. package/templates/bcl-language-switcher/language-switcher.html.twig +12 -12
  46. package/templates/bcl-link/link.html.twig +24 -24
  47. package/templates/bcl-links-block/links-block.html.twig +29 -30
  48. package/templates/bcl-list-group/list-group.html.twig +43 -44
  49. package/templates/bcl-listing/listing.html.twig +88 -88
  50. package/templates/bcl-mega-menu/mega-menu-items.html.twig +18 -18
  51. package/templates/bcl-mega-menu/mega-menu-submenu.html.twig +27 -22
  52. package/templates/bcl-mega-menu/mega-menu.html.twig +37 -35
  53. package/templates/bcl-modal/modal.html.twig +17 -17
  54. package/templates/bcl-navbar/navbar.html.twig +35 -35
  55. package/templates/bcl-navigation/navigation.html.twig +106 -106
  56. package/templates/bcl-offcanvas/offcanvas.html.twig +33 -33
  57. package/templates/bcl-page/page.html.twig +27 -27
  58. package/templates/bcl-pagination/pagination-item.html.twig +22 -23
  59. package/templates/bcl-pagination/pagination.html.twig +59 -59
  60. package/templates/bcl-pagination-v2/pagination-item.html.twig +31 -32
  61. package/templates/bcl-pagination-v2/pagination.html.twig +79 -79
  62. package/templates/bcl-person/person.html.twig +12 -12
  63. package/templates/bcl-placeholder/placeholder.html.twig +14 -15
  64. package/templates/bcl-progress/progress.html.twig +16 -17
  65. package/templates/bcl-project/project-lists.html.twig +25 -25
  66. package/templates/bcl-project/project.html.twig +35 -35
  67. package/templates/bcl-project-status/project-contributions.html.twig +25 -25
  68. package/templates/bcl-project-status/project-status.html.twig +32 -34
  69. package/templates/bcl-recent-activities/recent-activities.html.twig +13 -13
  70. package/templates/bcl-search/search.html.twig +12 -12
  71. package/templates/bcl-search-form/search-form.html.twig +21 -21
  72. package/templates/bcl-select/select.html.twig +52 -53
  73. package/templates/bcl-spinner/spinner.html.twig +10 -10
  74. package/templates/bcl-subscription/subscription-modal.html.twig +7 -7
  75. package/templates/bcl-subscription/subscription.html.twig +3 -3
  76. package/templates/bcl-subscription-block/subscription-block.html.twig +14 -14
  77. package/templates/bcl-table/table.html.twig +61 -62
  78. package/templates/bcl-textarea/textarea.html.twig +44 -44
  79. package/templates/bcl-timeline/timeline-item.html.twig +12 -12
  80. package/templates/bcl-timeline/timeline.html.twig +42 -42
  81. package/templates/bcl-toasts/toasts.html.twig +56 -57
  82. package/templates/bcl-user/user-compact.html.twig +24 -24
  83. package/templates/bcl-user/user-terms.html.twig +6 -6
  84. package/templates/bcl-user/user.html.twig +117 -117
package/templates/bcl-user/user.html.twig CHANGED
@@ -1,137 +1,137 @@
1
1
  {% extends "@oe-bcl/bcl-base-templates/content-type.html.twig" -%}
2
2
 
3
3
  {%- block content %}
4
- {% include "@oe-bcl/bcl-navigation/navigation.html.twig" with navigation only %}
5
- <div class="tab-content">
4
+ {%- include "@oe-bcl/bcl-navigation/navigation.html.twig" with navigation only -%}
5
+ <div class="tab-content">{# -#}
6
6
  <div class="tab-pane fade show active" id="view" role="tabpanel" aria-labelledby="view-tab">
7
- {% include '@oe-bcl/bcl-content-banner/content-banner.html.twig' with view.banner only %}
7
+ {%- include '@oe-bcl/bcl-content-banner/content-banner.html.twig' with view.banner only -%}
8
8
  <div class="mt-3 mt-md-4-75 pt-4-75 mb-3">
9
- {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
9
+ {%- include '@oe-bcl/bcl-heading/heading.html.twig' with {
10
10
  title: 'Personal information',
11
11
  title_tag: 'h2',
12
12
  attributes: create_attribute().addClass(['mb-4']),
13
- } only %}
14
- <div class="row">
15
- <div class="col-12 col-md-6">
16
- <div class="row">
17
- <div class="col-12 col-md-4">
18
- <p class="mb-0">Gender:</p>
19
- </div>
20
- <div class="col-12 col-md-8">
21
- <p>Male</p>
22
- </div>
23
- </div>
24
- <div class="row">
25
- <div class="col-12 col-md-4">
26
- <p class="mb-0">Nationality:</p>
27
- </div>
28
- <div class="col-12 col-md-8">
29
- <p>German</p>
30
- </div>
31
- </div>
32
- <div class="row">
33
- <div class="col-12 col-md-4">
34
- <p class="mb-0">Date of birth:</p>
35
- </div>
36
- <div class="col-12 col-md-8">
37
- <p>22/01/1972</p>
38
- </div>
39
- </div>
40
- </div>
41
- <div class="col-12 col-md-6">
42
- <div class="row">
43
- <div class="col-12 col-md-4">
44
- <p class="mb-0">Country:</p>
45
- </div>
46
- <div class="col-12 col-md-8">
47
- <p>Germany</p>
48
- </div>
49
- </div>
50
- <div class="row">
51
- <div class="col-12 col-md-4">
52
- <p class="mb-0">City:</p>
53
- </div>
54
- <div class="col-12 col-md-8">
55
- <p>Düsseldorf</p>
56
- </div>
57
- </div>
58
- </div>
59
- </div>
60
- </div>
13
+ } only -%}
14
+ <div class="row">{# -#}
15
+ <div class="col-12 col-md-6">{# -#}
16
+ <div class="row">{# -#}
17
+ <div class="col-12 col-md-4">{# -#}
18
+ <p class="mb-0">Gender:</p>{# -#}
19
+ </div>{# -#}
20
+ <div class="col-12 col-md-8">{# -#}
21
+ <p>Male</p>{# -#}
22
+ </div>{# -#}
23
+ </div>{# -#}
24
+ <div class="row">{# -#}
25
+ <div class="col-12 col-md-4">{# -#}
26
+ <p class="mb-0">Nationality:</p>{# -#}
27
+ </div>{# -#}
28
+ <div class="col-12 col-md-8">{# -#}
29
+ <p>German</p>{# -#}
30
+ </div>{# -#}
31
+ </div>{# -#}
32
+ <div class="row">{# -#}
33
+ <div class="col-12 col-md-4">{# -#}
34
+ <p class="mb-0">Date of birth:</p>{# -#}
35
+ </div>{# -#}
36
+ <div class="col-12 col-md-8">{# -#}
37
+ <p>22/01/1972</p>{# -#}
38
+ </div>{# -#}
39
+ </div>{# -#}
40
+ </div>{# -#}
41
+ <div class="col-12 col-md-6">{# -#}
42
+ <div class="row">{# -#}
43
+ <div class="col-12 col-md-4">{# -#}
44
+ <p class="mb-0">Country:</p>{# -#}
45
+ </div>{# -#}
46
+ <div class="col-12 col-md-8">{# -#}
47
+ <p>Germany</p>{# -#}
48
+ </div>{# -#}
49
+ </div>{# -#}
50
+ <div class="row">{# -#}
51
+ <div class="col-12 col-md-4">{# -#}
52
+ <p class="mb-0">City:</p>{# -#}
53
+ </div>{# -#}
54
+ <div class="col-12 col-md-8">{# -#}
55
+ <p>Düsseldorf</p>{# -#}
56
+ </div>{# -#}
57
+ </div>{# -#}
58
+ </div>{# -#}
59
+ </div>{# -#}
60
+ </div>{# -#}
61
61
  <div class="my-3">
62
- {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
62
+ {%- include '@oe-bcl/bcl-heading/heading.html.twig' with {
63
63
  title: 'Professional information',
64
64
  title_tag: 'h2',
65
65
  attributes: create_attribute().addClass(['mb-4']),
66
- } only %}
67
- <div class="row">
68
- <div class="col-12 col-md-6">
69
- <div class="row">
70
- <div class="col-12 col-md-4">
71
- <p class="mb-0">Organisation:</p>
72
- </div>
73
- <div class="col-12 col-md-8">
74
- <p>DG Test</p>
75
- </div>
76
- </div>
77
- <div class="row">
78
- <div class="col-12 col-md-4">
79
- <p class="mb-0">Position:</p>
80
- </div>
81
- <div class="col-12 col-md-8">
82
- <p>Director</p>
83
- </div>
84
- </div>
85
- </div>
86
- <div class="col-12 col-md-6">
87
- <div class="row">
88
- <div class="col-12 col-md-4">
89
- <p class="mb-0">Working languages:</p>
90
- </div>
91
- <div class="col-12 col-md-8">
92
- <p>English, German</p>
93
- </div>
94
- </div>
95
- </div>
96
- </div>
97
- </div>
98
- </div>
99
- <div class="tab-pane fade" id="edit" role="tabpanel" aria-labelledby="edit-tab">
100
- <h1 class="my-4-5">Edit my profile</h1>
101
- <h2 class="mb-4-5">Profile image</h2>
102
- <div class="row">
103
- <div class="bcl-card-start-col bcl-size-large mx-auto ms-md-2-5">
104
- <img src="https://picsum.photos/seed/1002/400/400" class="img-fluid" alt="profile-image">
105
- </div>
106
- <div class="col-12 col-md align-self-center">
66
+ } only -%}
67
+ <div class="row">{# -#}
68
+ <div class="col-12 col-md-6">{# -#}
69
+ <div class="row">{# -#}
70
+ <div class="col-12 col-md-4">{# -#}
71
+ <p class="mb-0">Organisation:</p>{# -#}
72
+ </div>{# -#}
73
+ <div class="col-12 col-md-8">{# -#}
74
+ <p>DG Test</p>{# -#}
75
+ </div>{# -#}
76
+ </div>{# -#}
77
+ <div class="row">{# -#}
78
+ <div class="col-12 col-md-4">{# -#}
79
+ <p class="mb-0">Position:</p>{# -#}
80
+ </div>{# -#}
81
+ <div class="col-12 col-md-8">{# -#}
82
+ <p>Director</p>{# -#}
83
+ </div>{# -#}
84
+ </div>{# -#}
85
+ </div>{# -#}
86
+ <div class="col-12 col-md-6">{# -#}
87
+ <div class="row">{# -#}
88
+ <div class="col-12 col-md-4">{# -#}
89
+ <p class="mb-0">Working languages:</p>{# -#}
90
+ </div>{# -#}
91
+ <div class="col-12 col-md-8">{# -#}
92
+ <p>English, German</p>{# -#}
93
+ </div>{# -#}
94
+ </div>{# -#}
95
+ </div>{# -#}
96
+ </div>{# -#}
97
+ </div>{# -#}
98
+ </div>{# -#}
99
+ <div class="tab-pane fade" id="edit" role="tabpanel" aria-labelledby="edit-tab">{# -#}
100
+ <h1 class="my-4-5">Edit my profile</h1>{# -#}
101
+ <h2 class="mb-4-5">Profile image</h2>{# -#}
102
+ <div class="row">{# -#}
103
+ <div class="bcl-card-start-col bcl-size-large mx-auto ms-md-2-5">{# -#}
104
+ <img src="https://picsum.photos/seed/1002/400/400" class="img-fluid" alt="profile-image">{# -#}
105
+ </div>{# -#}
106
+ <div class="col-12 col-md align-self-center">{# -#}
107
107
  <div class="mt-3 text-center text-md-start">
108
- {% include '@oe-bcl/bcl-form-input/form-input.html.twig' with edit.image_upload_input only %}
108
+ {%- include '@oe-bcl/bcl-form-input/form-input.html.twig' with edit.image_upload_input only -%}
109
109
  <div class="d-md-inline-block">
110
- {% include '@oe-bcl/bcl-button/button.html.twig' with edit.remove_image_button only %}
111
- </div>
112
- </div>
113
- </div>
114
- </div>
115
- <div class="row">
110
+ {%- include '@oe-bcl/bcl-button/button.html.twig' with edit.remove_image_button only -%}
111
+ </div>{# -#}
112
+ </div>{# -#}
113
+ </div>{# -#}
114
+ </div>{# -#}
115
+ <div class="row">{# -#}
116
116
  <div class="col-12">
117
- {% include '@oe-bcl/bcl-form/form.html.twig' with edit.profile_information only %}
118
- </div>
119
- </div>
120
- </div>
121
- <div class="tab-pane fade" id="privacy" role="tabpanel" aria-labelledby="privacy-tab">
122
- <h1 class="my-4-5">Privacy settings</h1>
117
+ {%- include '@oe-bcl/bcl-form/form.html.twig' with edit.profile_information only -%}
118
+ </div>{# -#}
119
+ </div>{# -#}
120
+ </div>{# -#}
121
+ <div class="tab-pane fade" id="privacy" role="tabpanel" aria-labelledby="privacy-tab">{# -#}
122
+ <h1 class="my-4-5">Privacy settings</h1>{# -#}
123
123
  <p>Who can consult my data</p>
124
- {% include '@oe-bcl/bcl-form/form.html.twig' with privacy.settings only %}
125
- </div>
126
- <div class="tab-pane fade" id="visibility" role="tabpanel" aria-labelledby="visibility-tab">
127
- <h1 class="my-4-5">Visibility settings</h1>
124
+ {%- include '@oe-bcl/bcl-form/form.html.twig' with privacy.settings only -%}
125
+ </div>{# -#}
126
+ <div class="tab-pane fade" id="visibility" role="tabpanel" aria-labelledby="visibility-tab">{# -#}
127
+ <h1 class="my-4-5">Visibility settings</h1>{# -#}
128
128
  <p class="mb-3">Select what information should be displayed to your profile.</p>
129
- {% include '@oe-bcl/bcl-form/form.html.twig' with privacy.public_profile_content only %}
130
- </div>
131
- <div class="tab-pane fade" id="cancel" role="tabpanel" aria-labelledby="cancel-tab">
132
- <h1 class="my-4-5">Are you sure you want to cancel your account?</h1>
129
+ {%- include '@oe-bcl/bcl-form/form.html.twig' with privacy.public_profile_content only -%}
130
+ </div>{# -#}
131
+ <div class="tab-pane fade" id="cancel" role="tabpanel" aria-labelledby="cancel-tab">{# -#}
132
+ <h1 class="my-4-5">Are you sure you want to cancel your account?</h1>{# -#}
133
133
  <p class="mb-3">When cancelling your account</p>
134
- {% include '@oe-bcl/bcl-form/form.html.twig' with cancel.form only %}
135
- </div>
134
+ {%- include '@oe-bcl/bcl-form/form.html.twig' with cancel.form only -%}
135
+ </div>{# -#}
136
136
  </div>
137
137
  {%- endblock -%}