@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
@@ -0,0 +1,25 @@
1
+ {% extends "@oe-bcl/bcl-base-templates/listing-page.html.twig" %}
2
+
3
+ {% block banner %}
4
+ <div class="container mt-4 mt-md-5">
5
+ <div class="p-md-3-5 pt-3 bg-lighter d-md-flex n-mx-container">
6
+ <h2 class="mb-0 d-inline-block fw-bold">{{ banner.title }}</h2>
7
+ {% if banner.actions is not empty and banner.actions is iterable %}
8
+ <div class="d-grid d-md-block ms-auto">
9
+ {% for _action in banner.actions %}
10
+ {% if _action.type == "link" %}
11
+ {% include '@oe-bcl/bcl-link/link.html.twig' with _action only %}
12
+ {% elseif _action.type == "button" %}
13
+ {% include '@oe-bcl/bcl-button/button.html.twig' with _action only %}
14
+ {% elseif _action.type == "dropdown" %}
15
+ {% include '@oe-bcl/bcl-dropdown/dropdown.html.twig' with _action only %}
16
+ {% endif %}
17
+ {% endfor %}
18
+ </div>
19
+ {% endif %}
20
+ </div>
21
+ {% if navigation is not empty %}
22
+ {% include '@oe-bcl/bcl-navigation/navigation.html.twig' with navigation only %}
23
+ {% endif %}
24
+ </div>
25
+ {% endblock %}
@@ -43,8 +43,8 @@
43
43
  {% endif %}
44
44
 
45
45
  <!-- project name -->
46
- {% if _project_logo is not empty or _site_name is not empty %}
47
46
  <div class="{{ _project_classes }}">
47
+ {% if _project_logo is not empty or _site_name is not empty %}
48
48
  <div class="container">
49
49
  {% if _project_logo is not empty %}
50
50
  <img
@@ -63,8 +63,8 @@
63
63
  {{ _site_name }}
64
64
  {% endif %}
65
65
  </div>
66
+ {% endif %}
66
67
  </div>
67
- {% endif %}
68
68
 
69
69
  <!-- navbar -->
70
70
  {% if _navbar is not empty %}
@@ -3,6 +3,7 @@
3
3
  {#
4
4
  Parameters:
5
5
  - "title": (string) (default: '')
6
+ - "full_layout": (boolean) (default: false)
6
7
  - "links": (array of link objects) (default: [])
7
8
  - "content": (string) (default: '')
8
9
  #}
@@ -11,11 +12,16 @@ Parameters:
11
12
  {% set _title = title|default('') %}
12
13
  {% set _links = links|default([]) %}
13
14
  {% set _content = content|default('') %}
15
+ {% set _id = id|default('bcl-inpage-navigation-' ~ random(5)) %}
16
+ {% set _full_layout = full_layout|default(false) %}
17
+ {% set attributes = attributes.addClass('position-sticky').setAttribute('id', _id) %}
14
18
 
15
19
  {# Print the result #}
20
+ {% if _full_layout %}
16
21
  <div class="row">
17
22
  <div class="col-md-3 d-none d-md-block">
18
- <nav class="position-sticky" id="bcl-inpage-navigation">
23
+ {% endif %}
24
+ <nav {{ attributes }}>
19
25
  {% if _title is defined and _title is not empty %}
20
26
  <h5>{{ _title }}</h5>
21
27
  {% endif %}
@@ -25,10 +31,12 @@ Parameters:
25
31
  'items': _links,
26
32
  } only %}
27
33
  </nav>
34
+ {% if _full_layout %}
28
35
  </div>
29
36
  <div class="col-md-9">
30
37
  {{ _content }}
31
38
  </div>
32
39
  </div>
40
+ {% endif %}
33
41
 
34
42
  {% endspaceless %}
@@ -1,65 +1,59 @@
1
- {% spaceless %}
1
+ {% extends "@oe-bcl/bcl-base-templates/content-type.html.twig" %}
2
2
 
3
- {% if data.header is defined %}
4
- {% include '@oe-bcl/bcl-header/header.html.twig' with data.header only %}
5
- {% endif %}
3
+ {% block banner %}
4
+ {% if banner is defined %}
5
+ {% include '@oe-bcl/bcl-banner/banner.html.twig' with banner only %}
6
+ {% endif %}
7
+ {% endblock %}
6
8
 
7
- {% if data.main_banner is defined %}
8
- {% include '@oe-bcl/bcl-banner/banner.html.twig' with data.main_banner only %}
9
- {% endif %}
9
+ {% block content %}
10
10
 
11
11
  <div class="container">
12
-
13
- {% if data.featured_section is defined %}
14
- <div class="my-4">
15
- <h2 class="mb-4 fw-bold">{{ data.featured_section.title }}</h2>
16
- <div class="row">
17
- <div class="col-12 col-md-6">
18
- {{ data.featured_section.content }}
19
- </div>
20
- <div class="col-12 col-md-6">
21
- {% include '@oe-bcl/bcl-featured-media/featured-media.html.twig' with data.featured_section.featured_media only %}
12
+ {% if featured_section is defined %}
13
+ <div class="my-4">
14
+ <h2 class="mb-4 fw-bold">{{ featured_section.title }}</h2>
15
+ <div class="row">
16
+ <div class="col-12 col-md-6">
17
+ {{ featured_section.content }}
18
+ </div>
19
+ <div class="col-12 col-md-6">
20
+ {% include '@oe-bcl/bcl-featured-media/featured-media.html.twig' with featured_section.featured_media only %}
21
+ </div>
22
22
  </div>
23
23
  </div>
24
- </div>
25
- {% endif %}
26
-
27
- {% if data.listing_section is defined %}
28
- <div class="my-4">
29
- {% include '@oe-bcl/bcl-listing/listing.html.twig' with data.listing_section only %}
30
- </div>
31
- {% endif %}
24
+ {% endif %}
32
25
 
33
- {% if data.inpage_banner is defined %}
34
- <div class="my-4">
35
- {% include '@oe-bcl/bcl-banner/banner.html.twig' with data.inpage_banner only %}
36
- </div>
37
- {% endif %}
26
+ {% if listing_section is defined %}
27
+ <div class="my-4">
28
+ {% include '@oe-bcl/bcl-listing/listing.html.twig' with listing_section only %}
29
+ </div>
30
+ {% endif %}
38
31
 
39
- {% if data.activity_featured is defined %}
40
- <div class="my-4">
41
- <h2 class="mb-4 fw-bold">{{ data.activity_featured.title }}</h2>
42
- <div class="row">
43
- <div class="col-12 col-md-6">
44
- {{ data.activity_featured.content }}
45
- </div>
46
- <div class="col-12 col-md-6">
47
- {% include '@oe-bcl/bcl-featured-media/featured-media.html.twig' with data.activity_featured.featured_media only %}
32
+ {% if inpage_banner is defined %}
33
+ <div class="my-4">
34
+ {% include '@oe-bcl/bcl-banner/banner.html.twig' with inpage_banner only %}
35
+ </div>
36
+ {% endif %}
37
+
38
+ {% if activity_featured is defined %}
39
+ <div class="my-4">
40
+ <h2 class="mb-4 fw-bold">{{ activity_featured.title }}</h2>
41
+ <div class="row">
42
+ <div class="col-12 col-md-6">
43
+ {{ activity_featured.content }}
44
+ </div>
45
+ <div class="col-12 col-md-6">
46
+ {% include '@oe-bcl/bcl-featured-media/featured-media.html.twig' with activity_featured.featured_media only %}
47
+ </div>
48
48
  </div>
49
49
  </div>
50
- </div>
51
- {% endif %}
52
-
53
- {% if data.activity_listing is defined %}
54
- <div class="my-4">
55
- {% include '@oe-bcl/bcl-listing/listing.html.twig' with data.activity_listing only %}
56
- </div>
57
- {% endif %}
50
+ {% endif %}
58
51
 
52
+ {% if activity_listing is defined %}
53
+ <div class="my-4">
54
+ {% include '@oe-bcl/bcl-listing/listing.html.twig' with activity_listing only %}
55
+ </div>
56
+ {% endif %}
59
57
  </div>
60
58
 
61
- {% if data.footer is defined %}
62
- {% include '@oe-bcl/bcl-footer/footer.html.twig' with data.footer only %}
63
- {% endif %}
64
-
65
- {% endspaceless %}
59
+ {% endblock %}
@@ -6,12 +6,14 @@
6
6
  - variant: (string) (default: "vertical")
7
7
  - options ["vertical", "horizontal"]
8
8
  - title: (string) (default: "")
9
+ - title_tag: (string) (default: "h5")
9
10
  - links (array of link objects) (default: [])
10
11
  #}
11
12
 
12
13
  {% set _background = background|default("gray") %}
13
14
  {% set _variant = variant|default("vertical") %}
14
15
  {% set _title = title|default("") %}
16
+ {% set _title_tag = title_tag|default("h5") %}
15
17
  {% set _links = links|default([])%}
16
18
 
17
19
  {% if attributes is empty %}
@@ -26,7 +28,8 @@
26
28
  {{ attributes }}
27
29
  >
28
30
  {% if _title is not empty %}
29
- <h5 class="fw-bold pb-3 mb-3 border-bottom">{{ _title }}</h5>
31
+ {% set _title_classes = 'fw-bold pb-3 mb-3 border-bottom' %}
32
+ <{{ _title_tag }} class="{{ _title_classes }}">{{ _title }}</{{ _title_tag }}>
30
33
  {% endif %}
31
34
  {% if _links is not empty and _links is iterable %}
32
35
  <ul class="ps-0 mb-0">
@@ -14,8 +14,8 @@
14
14
  {% set _items = items|default([]) %}
15
15
  {% set _variant = variant|default('default-1-col') %}
16
16
  {% set _title = title|default('') %}
17
- {% set _alignment = alignment|default('') %}
18
17
  {% set _title_tag = title_tag|default('h4') %}
18
+ {% set _alignment = alignment|default('') %}
19
19
  {% set _link = link|default({}) %}
20
20
  {% set _classes = ['bcl-listing', 'bcl-listing--' ~ _variant] %}
21
21
  {% set _cards = [] %}
@@ -32,7 +32,7 @@
32
32
  {% if _title is not empty %}
33
33
  {% set _title_classes = 'fw-bold mb-4' %}
34
34
  <{{ _title_tag }} class="{{ _title_classes }}">
35
- {{ _title }}
35
+ {{- _title -}}
36
36
  </{{ _title_tag }}>
37
37
  {% endif %}
38
38
 
@@ -0,0 +1,64 @@
1
+ {% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' %}
2
+
3
+ {% block sidebar %}
4
+ {% include '@oe-bcl/bcl-inpage-navigation/inpage-navigation.html.twig' with sidebar only %}
5
+ {% endblock %}
6
+
7
+ {% block content %}
8
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet eleifend tortor. In facilisis eros vitae turpis ullamcorper,
9
+ a euismod dolor lacinia. Nam facilisis ipsum et sollicitudin imperdiet. Curabitur a efficitur ante. Phasellus non felis laoreet,
10
+ posuere ante ut, rhoncus tortor. Proin sed erat vel nisl luctus vulputate. Nunc tristique ultricies turpis, eu dictum enim ultrices vel.
11
+ Sed posuere at leo sit amet placerat. Sed dapibus viverra urna ac pretium. Praesent et laoreet erat, eget volutpat metus. Duis ac augue
12
+ sed tortor elementum dignissim in sit amet velit. Nullam nec viverra mi.
13
+ </p>
14
+ <h3 id="item-1" class="fw-bold my-4">Section 1</h3>
15
+ {% if featured_item %}
16
+ {% include '@oe-bcl/bcl-featured-media/featured-media.html.twig' with featured_item only %}
17
+ {% endif %}
18
+
19
+ {% if page_banner %}
20
+ {% include '@oe-bcl/bcl-banner/banner.html.twig' with page_banner only %}
21
+ {% endif %}
22
+
23
+ {% if listing %}
24
+ {% include '@oe-bcl/bcl-listing/listing.html.twig' with listing only %}
25
+ {% endif %}
26
+
27
+ <h3 id="item-2" class="fw-bold my-4">Section 2</h3>
28
+
29
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet eleifend tortor. In facilisis eros vitae turpis ullamcorper,
30
+ a euismod dolor lacinia. Nam facilisis ipsum et sollicitudin imperdiet. Curabitur a efficitur ante. Phasellus non felis laoreet,
31
+ posuere ante ut, rhoncus tortor. Proin sed erat vel nisl luctus vulputate. Nunc tristique ultricies turpis, eu dictum enim ultrices vel.
32
+ Sed posuere at leo sit amet placerat. Sed dapibus viverra urna ac pretium. Praesent et laoreet erat, eget volutpat metus. Duis ac augue
33
+ sed tortor elementum dignissim in sit amet velit. Nullam nec viverra mi.
34
+ </p>
35
+
36
+ {% if blockquote %}
37
+ {% include '@oe-bcl/bcl-blockquote/blockquote.html.twig' with blockquote only %}
38
+ {% endif %}
39
+ {% if accordion %}
40
+ {% include '@oe-bcl/bcl-accordion/accordion.html.twig' with accordion only %}
41
+ {% endif %}
42
+ {% if timeline %}
43
+ {% include '@oe-bcl/bcl-timeline/timeline.html.twig' with timeline only %}
44
+ {% endif %}
45
+
46
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet eleifend tortor. In facilisis eros vitae turpis ullamcorper,
47
+ a euismod dolor lacinia. Nam facilisis ipsum et sollicitudin imperdiet. Curabitur a efficitur ante. Phasellus non felis laoreet,
48
+ posuere ante ut, rhoncus tortor. Proin sed erat vel nisl luctus vulputate. Nunc tristique ultricies turpis, eu dictum enim ultrices vel.
49
+ Sed posuere at leo sit amet placerat. Sed dapibus viverra urna ac pretium. Praesent et laoreet erat, eget volutpat metus. Duis ac augue
50
+ sed tortor elementum dignissim in sit amet velit. Nullam nec viverra mi.
51
+ </p>
52
+
53
+ <h3 id="item-3" class="fw-bold my-4">Section 3</h3>
54
+
55
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet eleifend tortor. In facilisis eros vitae turpis ullamcorper,
56
+ a euismod dolor lacinia. Nam facilisis ipsum et sollicitudin imperdiet. Curabitur a efficitur ante. Phasellus non felis laoreet,
57
+ posuere ante ut, rhoncus tortor. Proin sed erat vel nisl luctus vulputate. Nunc tristique ultricies turpis, eu dictum enim ultrices vel.
58
+ Sed posuere at leo sit amet placerat. Sed dapibus viverra urna ac pretium. Praesent et laoreet erat, eget volutpat metus. Duis ac augue
59
+ sed tortor elementum dignissim in sit amet velit. Nullam nec viverra mi.
60
+ </p>
61
+
62
+ {% include '@oe-bcl/bcl-file/file.html.twig' with files[0] only %}
63
+ {% include '@oe-bcl/bcl-file/file.html.twig' with files[1] only %}
64
+ {% endblock %}
@@ -8,6 +8,8 @@ Parameters:
8
8
  - "hide" (object): (default: undefined)
9
9
  - "from": (integer) (default: items.length) Item index after which to start hiding timeline items
10
10
  - "to": (integer) (default: items.length) Item index after which to resume displaying timeline items
11
+ - title: (string) (default: "")
12
+ - title_tag: (string) (default: "h4")
11
13
  - "items" (array) (default: []):
12
14
  - "id": (string) (default: '')
13
15
  - "label": (string) (default: '')
@@ -19,6 +21,8 @@ Parameters:
19
21
  {# Internal properties #}
20
22
 
21
23
  {% set _id = id|default(random(1000)) %}
24
+ {% set _title = title|default('') %}
25
+ {% set _title_tag = title_tag|default('h4') %}
22
26
  {% set _items = items|default([]) %}
23
27
  {% set _icons_path = icons_path|default('') %}
24
28
  {% set _toggle_collapsed = toggle_collapsed|default('') %}
@@ -48,6 +52,13 @@ Parameters:
48
52
  {% set _toggle_expanded = _toggle_expanded|replace({'%d': _hide_amount}) %}
49
53
  {% endif %}
50
54
 
55
+ {% if _title is not empty %}
56
+ {% set _title_classes = 'fw-bold mb-4' %}
57
+ <{{ _title_tag }} class="{{ _title_classes }}">
58
+ {{- _title -}}
59
+ </{{ _title_tag }}>
60
+ {% endif %}
61
+
51
62
  {# Print the result #}
52
63
  <ol {{ attributes }}>
53
64
  {% if _items is not empty %}
@@ -95,4 +106,4 @@ Parameters:
95
106
  {% endif %}
96
107
  </ol>
97
108
 
98
- {% endspaceless %}
109
+ {% endspaceless %}
@@ -0,0 +1,38 @@
1
+ {% extends "@oe-bcl/bcl-base-templates/content-type.html.twig" %}
2
+
3
+ {% block content %}
4
+ <h2 class="fw-bold mb-3 mb-md-5 d-inline-block">Edit my profile</h2>
5
+ <div class="mb-4 float-lg-end">
6
+ {% include '@oe-bcl/bcl-link/link.html.twig' with profile_back only %}
7
+ </div>
8
+ {% include "@oe-bcl/bcl-navigation/navigation.html.twig" with navigation only %}
9
+ <div class="tab-content">
10
+ <div class="tab-pane fade show active" id="profile" role="tabpanel" aria-labelledby="profile-tab">
11
+ <div class="row">
12
+ <div class="offset-3 col-6 offset-lg-0 col-lg-2 mt-4 pt-3">
13
+ <img src="https://picsum.photos/seed/1002/400/400" class="img-fluid" alt="profile-image">
14
+ <div class="mt-3 d-grid">
15
+ {% include '@oe-bcl/bcl-form-input/form-input.html.twig' with image_upload_input only %}
16
+ {% include '@oe-bcl/bcl-button/button.html.twig' with remove_image_button only %}
17
+ </div>
18
+ </div>
19
+ <div class="col-12 col-lg-10">
20
+ <h3 class="fw-bold mt-4 mb-3 pt-3">Profile information</h3>
21
+ {% include '@oe-bcl/bcl-form/form.html.twig' with profile_information only %}
22
+ </div>
23
+ </div>
24
+ </div>
25
+ <div class="tab-pane fade" id="privacy" role="tabpanel" aria-labelledby="privacy-tab">
26
+ <h3 class="fw-bold pt-2 mt-4 mb-4">Privacy settings</h3>
27
+ {% include '@oe-bcl/bcl-form/form.html.twig' with privacy_settings only %}
28
+ <h3 class="fw-bold my-4">Public profile contents</h3>
29
+ <p class="mb-0">Select what information should be displayed to your profile.</p>
30
+ <p class="mb-4">Only people who have access to your data will be able to consult these informations.</p>
31
+ {% include '@oe-bcl/bcl-form/form.html.twig' with public_profile_content only %}
32
+ <h3 class="fw-bold my-4">Delete account</h3>
33
+ <p class="mb-0">Account deletion is permanent and cannot be undone.</p>
34
+ <p>If you delete your account, all content created by you (comments, articles, ...) will be anonymized.</p>
35
+ {% include '@oe-bcl/bcl-form/form.html.twig' with delete_account only %}
36
+ </div>
37
+ </div>
38
+ {% endblock %}
@@ -0,0 +1,96 @@
1
+ {% extends "@oe-bcl/bcl-base-templates/content-type.html.twig" %}
2
+
3
+ {% block content %}
4
+ <div class="row">
5
+ <div class="col-12 col-md-10">
6
+ {% include '@oe-bcl/bcl-card/card.html.twig' with user only %}
7
+ </div>
8
+ <div class="col-12 col-md-2 text-end">
9
+ <div class="d-grid d-md-block">
10
+ {% include '@oe-bcl/bcl-button/button.html.twig' with edit_button only %}
11
+ </div>
12
+ </div>
13
+ </div>
14
+ <div class="my-3">
15
+ <h4 class="fw-bold mb-4">Personal information</h4>
16
+ <div class="row">
17
+ <div class="col-12 col-md-6">
18
+ <div class="row">
19
+ <div class="col-12 col-md-4">
20
+ <p class="mb-0">Gender:</p>
21
+ </div>
22
+ <div class="col-12 col-md-8">
23
+ <p>Male</p>
24
+ </div>
25
+ </div>
26
+ <div class="row">
27
+ <div class="col-12 col-md-4">
28
+ <p class="mb-0">Nationality:</p>
29
+ </div>
30
+ <div class="col-12 col-md-8">
31
+ <p>German</p>
32
+ </div>
33
+ </div>
34
+ <div class="row">
35
+ <div class="col-12 col-md-4">
36
+ <p class="mb-0">Date of birth:</p>
37
+ </div>
38
+ <div class="col-12 col-md-8">
39
+ <p>22/01/1972</p>
40
+ </div>
41
+ </div>
42
+ </div>
43
+ <div class="col-12 col-md-6">
44
+ <div class="row">
45
+ <div class="col-12 col-md-4">
46
+ <p class="mb-0">Country:</p>
47
+ </div>
48
+ <div class="col-12 col-md-8">
49
+ <p>Germany</p>
50
+ </div>
51
+ </div>
52
+ <div class="row">
53
+ <div class="col-12 col-md-4">
54
+ <p class="mb-0">City:</p>
55
+ </div>
56
+ <div class="col-12 col-md-8">
57
+ <p>Düsseldorf</p>
58
+ </div>
59
+ </div>
60
+ </div>
61
+ </div>
62
+ </div>
63
+ <div class="my-3">
64
+ <h4 class="fw-bold mb-4">Professional information</h4>
65
+ <div class="row">
66
+ <div class="col-12 col-md-6">
67
+ <div class="row">
68
+ <div class="col-12 col-md-4">
69
+ <p class="mb-0">Organisation:</p>
70
+ </div>
71
+ <div class="col-12 col-md-8">
72
+ <p>DG Test</p>
73
+ </div>
74
+ </div>
75
+ <div class="row">
76
+ <div class="col-12 col-md-4">
77
+ <p class="mb-0">Position:</p>
78
+ </div>
79
+ <div class="col-12 col-md-8">
80
+ <p>Director</p>
81
+ </div>
82
+ </div>
83
+ </div>
84
+ <div class="col-12 col-md-6">
85
+ <div class="row">
86
+ <div class="col-12 col-md-4">
87
+ <p class="mb-0">Working languages:</p>
88
+ </div>
89
+ <div class="col-12 col-md-8">
90
+ <p>English, German</p>
91
+ </div>
92
+ </div>
93
+ </div>
94
+ </div>
95
+ </div>
96
+ {% endblock %}
@@ -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">
8
- {% if data.banner is not empty %}
9
- <div class="mt-4 mt-md-5">
10
- {% if data.banner.image is not empty %}
11
- <img
12
- src="{{ data.banner.image.path }}"
13
- {% if data.banner.image.alt is not empty %}
14
- alt="{{ data.banner.image.alt }}"
15
- {% endif %}
16
- {% if data.banner.image.class is not empty %}
17
- class="{{ data.banner.image.class }}"
18
- {% endif %}
19
- />
20
- {% endif %}
21
- {% if data.banner.title is not empty %}
22
- <div class="p-md-3-5 pt-3 bg-lighter d-md-flex n-mx-container">
23
- <h2 class="mb-0 d-inline-block fw-bold">{{ data.banner.title }}</h2>
24
- {% if data.banner.actions is not empty and data.banner.actions is iterable %}
25
- <div class="d-grid d-md-block ms-auto">
26
- {% for _action in data.banner.actions %}
27
- {% if _action.type == "link" %}
28
- {% include '@oe-bcl/bcl-link/link.html.twig' with _action only %}
29
- {% elseif _action.type == "button" %}
30
- {% include '@oe-bcl/bcl-button/button.html.twig' with _action only %}
31
- {% elseif _action.type == "dropdown" %}
32
- {% include '@oe-bcl/bcl-dropdown/dropdown.html.twig' with _action only %}
33
- {% endif %}
34
- {% endfor %}
35
- </div>
36
- {% endif %}
37
- </div>
38
- {% endif %}
39
- </div>
40
- {% endif %}
41
- {% include '@oe-bcl/bcl-navigation/navigation.html.twig' with data.navigation only %}
42
- {% if data.banner_description is not empty and data.contact is not empty %}
43
- {% include '@oe-bcl/bcl-link/link.html.twig' with data.banner_description.collapse_trigger only %}
44
- <div class="collapse d-md-block" id="banner-description">
45
- <div class="row mt-md-4 mb-md-5 pb-md-5">
46
- <div class="col-md-8">
47
- <div class="ps-md-3">
48
- {% if data.banner_description.metas is not empty and data.banner_description.metas is iterable %}
49
- <div class="d-block">
50
- {% for _meta in data.banner_description.metas %}
51
- <p class="mb-0 me-4 d-inline-block text-muted">
52
- {% include '@oe-bcl/bcl-icon/icon.html.twig' with _meta.icon only %}
53
- {{- _meta.label -}}
54
- </p>
55
- {% endfor %}
56
- </div>
57
- {% endif %}
58
- {{ data.banner_description.content }}
59
- </div>
60
- </div>
61
- <div class="col-md-4">
62
- <h4 class="mb-3 pb-2">{{ data.contact.title }}</h4>
63
- {% if data.contact.profiles is not empty and data.contact.profiles is iterable %}
64
- {% for _profile in data.contact.profiles %}
65
- {% include '@oe-bcl/bcl-user-view/user-view-compact.html.twig' with _profile only %}
66
- {% endfor %}
67
- {% endif %}
68
- {% if data.contact.more_link is not empty %}
69
- {% include '@oe-bcl/bcl-link/link.html.twig' with data.contact.more_link only %}
70
- {% endif %}
71
- </div>
72
- </div>
73
- </div>
74
- {% endif %}
75
- {% if data.recent is not empty and data.members is not empty %}
76
- <div class="row mt-3 mt-md-5 pt-md-5">
77
- <div class="col-md-8">
78
- <h4 class="mb-4 pb-2">{{ data.recent.title }}</h4>
79
- {% include '@oe-bcl/bcl-recent-activities/recent-activities.html.twig' with data.recent.block_data only %}
80
- </div>
81
- <div class="col-md-4">
82
- <h4 class="mt-4 mt-md-0 mb-4 pb-2">{{ data.members.title}}</h4>
83
- {% if data.members.profiles is not empty and data.members.profiles is iterable %}
84
- {% for _profile in data.members.profiles %}
85
- {% include '@oe-bcl/bcl-user-view/user-view-compact.html.twig' with _profile only %}
86
- {% endfor %}
87
- {% endif %}
88
- {% if data.members.more_link is not empty %}
89
- {% include '@oe-bcl/bcl-link/link.html.twig' with data.members.more_link only %}
90
- {% endif %}
91
- </div>
92
- </div>
93
- {% endif %}
94
- {% if data.contributions is not empty %}
95
- <h4 class="my-4 pt-3 pb-2">{{ data.contributions.title}}</h4>
96
- {% if data.contributions.listing is not empty %}
97
- {% include '@oe-bcl/bcl-listing/listing.html.twig' with data.contributions.listing only %}
98
- {% endif %}
99
- {% endif %}
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 %}
@@ -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 %}