@openeuropa/bcl-theme-default 0.14.0 → 0.18.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/bcl-builder.config.js +4 -0
- package/css/oe-bcl-default.css +252 -46
- package/css/oe-bcl-default.css.map +1 -1
- package/css/oe-bcl-default.min.css +1 -1
- package/css/oe-bcl-default.min.css.map +1 -1
- package/icons/bcl-default-icons.svg +1 -0
- package/icons/icons-flag.svg +1 -0
- package/js/slimselect.min.js +1 -1
- package/package.json +7 -6
- package/src/scss/_badge.scss +15 -0
- package/src/scss/_bcl-offcanvas.scss +4 -4
- package/src/scss/_footer.scss +19 -7
- package/src/scss/_header.scss +90 -18
- package/src/scss/_inpage-navigation.scss +1 -1
- package/src/scss/_multiselect.scss +3 -2
- package/src/scss/_utilities.scss +1 -1
- package/src/scss/_variables.scss +16 -7
- package/src/scss/oe-bcl-default.scss +1 -0
- package/templates/bcl-accordion/accordion.html.twig +9 -0
- package/templates/bcl-alert/alert.html.twig +4 -0
- package/templates/bcl-badge/badge.html.twig +9 -1
- package/templates/bcl-banner/banner.html.twig +12 -5
- package/templates/bcl-base-templates/content-type.html.twig +48 -20
- package/templates/bcl-base-templates/listing-page.html.twig +26 -21
- package/templates/bcl-blockquote/blockquote.html.twig +4 -0
- package/templates/bcl-breadcrumb/breadcrumb.html.twig +6 -2
- package/templates/bcl-button/button.html.twig +8 -2
- package/templates/bcl-button-group/button-group.html.twig +4 -0
- package/templates/bcl-card/card.html.twig +24 -20
- package/templates/bcl-card-layout/card-layout.html.twig +4 -0
- package/templates/bcl-carousel/carousel.html.twig +4 -0
- package/templates/bcl-content-banner/content-banner.html.twig +33 -8
- package/templates/bcl-date-block/date-block.html.twig +4 -0
- package/templates/bcl-description-list/description-list.html.twig +37 -8
- package/templates/bcl-event/event.html.twig +41 -0
- package/templates/bcl-fact-figures/fact-figures.html.twig +15 -7
- package/templates/bcl-featured-media/featured-media.html.twig +53 -5
- package/templates/bcl-file/file.html.twig +19 -4
- package/templates/bcl-footer/footer.html.twig +4 -1
- package/templates/bcl-form/form.html.twig +4 -0
- package/templates/bcl-group/group-landing.html.twig +101 -0
- package/templates/bcl-group/group.html.twig +27 -0
- package/templates/bcl-header/header.html.twig +11 -2
- package/templates/bcl-inpage-navigation/inpage-navigation.html.twig +14 -1
- package/templates/bcl-landing-page/landing-page.html.twig +46 -52
- package/templates/bcl-links-block/links-block.html.twig +5 -2
- package/templates/bcl-list-group/list-group.html.twig +6 -0
- package/templates/bcl-listing/listing.html.twig +29 -16
- package/templates/bcl-navbar/navbar.html.twig +22 -20
- package/templates/bcl-navigation/navigation.html.twig +141 -111
- package/templates/bcl-offcanvas/offcanvas.html.twig +4 -0
- package/templates/bcl-page/page.html.twig +64 -0
- package/templates/bcl-pagination/pagination.html.twig +13 -1
- package/templates/bcl-placeholder/placeholder.html.twig +43 -0
- package/templates/bcl-progress/progress.html.twig +5 -0
- package/templates/bcl-recent-activities/recent-activities.html.twig +4 -0
- package/templates/bcl-search/search.html.twig +10 -40
- package/templates/bcl-search-form/search-form.html.twig +52 -0
- package/templates/bcl-select/select.html.twig +6 -0
- package/templates/bcl-table/table.html.twig +4 -0
- package/templates/bcl-timeline/timeline.html.twig +16 -1
- package/templates/bcl-toast/toasts.html.twig +5 -0
- package/templates/bcl-user/user-edit.html.twig +38 -0
- package/templates/{bcl-user-view → bcl-user}/user-view-compact.html.twig +5 -1
- package/templates/bcl-user/user-view.html.twig +96 -0
- package/templates/bcl-group-landing/group-landing.html.twig +0 -106
- package/templates/bcl-group-landing-listing/group-landing-listing-offcanvas.html.twig +0 -8
- package/templates/bcl-group-landing-listing/group-landing-listing.html.twig +0 -69
- package/templates/bcl-search/search-offcanvas.html.twig +0 -8
- package/templates/bcl-user-edit/edit-contents.html.twig +0 -32
- package/templates/bcl-user-edit/user-edit.html.twig +0 -19
- package/templates/bcl-user-listing/user-listing-offcanvas.html.twig +0 -8
- package/templates/bcl-user-listing/user-listing.html.twig +0 -45
- package/templates/bcl-user-view/user-view.html.twig +0 -106
|
@@ -1,45 +1,15 @@
|
|
|
1
|
-
{%
|
|
1
|
+
{% extends "@oe-bcl/bcl-base-templates/listing-page.html.twig" %}
|
|
2
2
|
|
|
3
|
-
{%
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
<
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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 %}
|
|
3
|
+
{% block banner %}
|
|
4
|
+
{% if banner.search_bar is defined %}
|
|
5
|
+
<div class="bg-lighter py-4 py-lg-3">
|
|
6
|
+
<div class="container">
|
|
7
|
+
<div class="row">
|
|
8
|
+
<div class="col-12 col-lg-6 offset-lg-3">
|
|
9
|
+
{% include '@oe-bcl/bcl-search-form/search-form.html.twig' with banner.search_bar only %}
|
|
19
10
|
</div>
|
|
20
|
-
|
|
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>
|
|
11
|
+
</div>
|
|
38
12
|
</div>
|
|
39
13
|
</div>
|
|
40
|
-
</main>
|
|
41
|
-
{% if data.footer is defined %}
|
|
42
|
-
{% include '@oe-bcl/bcl-footer/footer.html.twig' with data.footer only %}
|
|
43
14
|
{% endif %}
|
|
44
|
-
|
|
45
|
-
{% endspaceless %}
|
|
15
|
+
{% endblock %}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
{% spaceless %}
|
|
2
|
+
|
|
3
|
+
{# Parameters:
|
|
4
|
+
- pill: (boolean) (default: false)
|
|
5
|
+
- icon: (icon Object) (default: {})
|
|
6
|
+
- submit: (button Object) (default: {})
|
|
7
|
+
- input: (form input Object) (default: {})
|
|
8
|
+
]
|
|
9
|
+
#}
|
|
10
|
+
|
|
11
|
+
{% set _pill = pill|default(false) %}
|
|
12
|
+
{% set _icon = icon|default({}) %}
|
|
13
|
+
{% set _submit = submit|default({}) %}
|
|
14
|
+
{% set _input = input|default({}) %}
|
|
15
|
+
|
|
16
|
+
{% set _classes = ["bcl-search-form"] %}
|
|
17
|
+
|
|
18
|
+
{% if _pill %}
|
|
19
|
+
{% set _classes = _classes|merge(['rounded']) %}
|
|
20
|
+
{% endif %}
|
|
21
|
+
|
|
22
|
+
{% if _submit is not empty %}
|
|
23
|
+
{% set _classes = _classes|merge(['submittable']) %}
|
|
24
|
+
{% endif %}
|
|
25
|
+
|
|
26
|
+
{% if _icon is not empty %}
|
|
27
|
+
{% set _input = _input|merge({
|
|
28
|
+
attributes: _input.attributes.addClass("ps-5")
|
|
29
|
+
}) %}
|
|
30
|
+
{% endif %}
|
|
31
|
+
|
|
32
|
+
{% if attributes is empty %}
|
|
33
|
+
{% set attributes = create_attribute() %}
|
|
34
|
+
{% endif %}
|
|
35
|
+
|
|
36
|
+
{% set attributes = attributes.addClass( _classes ) %}
|
|
37
|
+
|
|
38
|
+
<form
|
|
39
|
+
{{ attributes }}
|
|
40
|
+
>
|
|
41
|
+
<div class="bcl-search-form__group">
|
|
42
|
+
{% if _icon is not empty %}
|
|
43
|
+
{% include '@oe-bcl/bcl-icon/icon.html.twig' with _icon only %}
|
|
44
|
+
{% endif %}
|
|
45
|
+
{% include '@oe-bcl/bcl-form-input/form-input.html.twig' with _input only %}
|
|
46
|
+
{% if _submit is not empty %}
|
|
47
|
+
{% include '@oe-bcl/bcl-button/button.html.twig' with _submit only %}
|
|
48
|
+
{% endif %}
|
|
49
|
+
</div>
|
|
50
|
+
</form>
|
|
51
|
+
|
|
52
|
+
{% endspaceless %}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
{#
|
|
4
4
|
Parameters:
|
|
5
|
+
- "id" (string) (default: '')
|
|
5
6
|
- "label" (string) (default: '')
|
|
6
7
|
- "hidden_label" (boolean) (default: false)
|
|
7
8
|
- "helper_text" (string) (default: '')
|
|
@@ -18,6 +19,7 @@
|
|
|
18
19
|
#}
|
|
19
20
|
|
|
20
21
|
{% set _classes = ['form-select'] %}
|
|
22
|
+
{% set _id = id|default('') %}
|
|
21
23
|
{% set _disabled = disabled|default(false) %}
|
|
22
24
|
{% set _options = options|default([]) %}
|
|
23
25
|
{% set _aria_label = aria_label|default('') %}
|
|
@@ -55,6 +57,10 @@
|
|
|
55
57
|
{% set attributes = attributes.setAttribute('aria-label', _aria_label) %}
|
|
56
58
|
{% endif %}
|
|
57
59
|
|
|
60
|
+
{% if _id is not empty %}
|
|
61
|
+
{% set attributes = attributes.setAttribute('id', _id) %}
|
|
62
|
+
{% endif %}
|
|
63
|
+
|
|
58
64
|
{% if _disabled %}
|
|
59
65
|
{% set attributes = attributes.setAttribute('disabled', true) %}
|
|
60
66
|
{% endif %}
|
|
@@ -81,6 +81,10 @@
|
|
|
81
81
|
{% set _classes = _classes|merge(['table-borderless']) %}
|
|
82
82
|
{% endif %}
|
|
83
83
|
|
|
84
|
+
{% if attributes is empty %}
|
|
85
|
+
{% set attributes = create_attribute() %}
|
|
86
|
+
{% endif %}
|
|
87
|
+
|
|
84
88
|
{% set attributes = attributes.addClass(_classes) %}
|
|
85
89
|
|
|
86
90
|
{% if _table_responsive is not empty %}
|
|
@@ -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: "h2")
|
|
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('h2') %}
|
|
22
26
|
{% set _items = items|default([]) %}
|
|
23
27
|
{% set _icons_path = icons_path|default('') %}
|
|
24
28
|
{% set _toggle_collapsed = toggle_collapsed|default('') %}
|
|
@@ -27,6 +31,10 @@ Parameters:
|
|
|
27
31
|
{% set _hide_to = hide.to|default(items|length) %}
|
|
28
32
|
{% set _toggler = false %}
|
|
29
33
|
|
|
34
|
+
{% if attributes is empty %}
|
|
35
|
+
{% set attributes = create_attribute() %}
|
|
36
|
+
{% endif %}
|
|
37
|
+
|
|
30
38
|
{% set attributes = attributes.addClass('bcl-timeline') %}
|
|
31
39
|
|
|
32
40
|
{# Internal logic - Process properties #}
|
|
@@ -48,6 +56,13 @@ Parameters:
|
|
|
48
56
|
{% set _toggle_expanded = _toggle_expanded|replace({'%d': _hide_amount}) %}
|
|
49
57
|
{% endif %}
|
|
50
58
|
|
|
59
|
+
{% if _title is not empty %}
|
|
60
|
+
{% set _title_classes = 'fw-bold mb-4' %}
|
|
61
|
+
<{{ _title_tag }} class="{{ _title_classes }}">
|
|
62
|
+
{{- _title -}}
|
|
63
|
+
</{{ _title_tag }}>
|
|
64
|
+
{% endif %}
|
|
65
|
+
|
|
51
66
|
{# Print the result #}
|
|
52
67
|
<ol {{ attributes }}>
|
|
53
68
|
{% if _items is not empty %}
|
|
@@ -95,4 +110,4 @@ Parameters:
|
|
|
95
110
|
{% endif %}
|
|
96
111
|
</ol>
|
|
97
112
|
|
|
98
|
-
{% endspaceless %}
|
|
113
|
+
{% endspaceless %}
|
|
@@ -32,6 +32,10 @@
|
|
|
32
32
|
{% set _container_classes = _container_classes ~ ' ' ~ container_classes %}
|
|
33
33
|
{% endif %}
|
|
34
34
|
|
|
35
|
+
{% if attributes is empty %}
|
|
36
|
+
{% set attributes = create_attribute() %}
|
|
37
|
+
{% endif %}
|
|
38
|
+
|
|
35
39
|
{# wrapper #}
|
|
36
40
|
{% if _with_wrapper %}
|
|
37
41
|
{% set attributes = attributes.setAttribute('aria-atomic', "true") %}
|
|
@@ -82,6 +86,7 @@
|
|
|
82
86
|
{% if _with_close %}
|
|
83
87
|
{% set button_attributes = create_attribute()
|
|
84
88
|
.addClass(['btn-close'])
|
|
89
|
+
.setAttribute('aria-label', 'close')
|
|
85
90
|
.setAttribute('data-bs-dismiss', 'toast')
|
|
86
91
|
%}
|
|
87
92
|
{%- include '@oe-bcl/bcl-button/button.html.twig' with {
|
|
@@ -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 %}
|
|
@@ -12,7 +12,11 @@
|
|
|
12
12
|
- infos (array of strings) (default: [])
|
|
13
13
|
#}
|
|
14
14
|
|
|
15
|
-
{%
|
|
15
|
+
{% if attributes is empty %}
|
|
16
|
+
{% set attributes = create_attribute() %}
|
|
17
|
+
{% endif %}
|
|
18
|
+
|
|
19
|
+
{% set attributes = attributes.addClass(["d-flex", "mb-3"]) %}
|
|
16
20
|
|
|
17
21
|
<div
|
|
18
22
|
{{ attributes }}
|
|
@@ -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
|
+
<h3 class="fw-bold mb-4">Personal information</h3>
|
|
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
|
+
<h3 class="fw-bold mb-4">Professional information</h3>
|
|
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,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 %}
|
|
@@ -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 %}
|
|
@@ -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 %}
|