@openeuropa/bcl-theme-default 0.12.0 → 0.16.0

package/templates/bcl-page/page.html.twig

@@ -0,0 +1,64 @@
+{% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' %}
+
+{% block sidebar %}
+  {% include '@oe-bcl/bcl-inpage-navigation/inpage-navigation.html.twig' with sidebar only %}
+{% endblock %}
+
+{% block content %}
+  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet eleifend tortor. In facilisis eros vitae turpis ullamcorper,
+  a euismod dolor lacinia. Nam facilisis ipsum et sollicitudin imperdiet. Curabitur a efficitur ante. Phasellus non felis laoreet,
+  posuere ante ut, rhoncus tortor. Proin sed erat vel nisl luctus vulputate. Nunc tristique ultricies turpis, eu dictum enim ultrices vel.
+  Sed posuere at leo sit amet placerat. Sed dapibus viverra urna ac pretium. Praesent et laoreet erat, eget volutpat metus. Duis ac augue
+  sed tortor elementum dignissim in sit amet velit. Nullam nec viverra mi.
+  </p>
+  <h3 id="item-1" class="fw-bold my-4">Section 1</h3>
+  {% if featured_item %}
+    {% include '@oe-bcl/bcl-featured-media/featured-media.html.twig' with featured_item only %}
+  {% endif %}
+
+  {% if page_banner %}
+    {% include '@oe-bcl/bcl-banner/banner.html.twig' with page_banner only %}
+  {% endif %}
+
+  {% if listing %}
+    {% include '@oe-bcl/bcl-listing/listing.html.twig' with listing only %}
+  {% endif %}
+
+  <h3 id="item-2" class="fw-bold my-4">Section 2</h3>
+
+  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet eleifend tortor. In facilisis eros vitae turpis ullamcorper,
+  a euismod dolor lacinia. Nam facilisis ipsum et sollicitudin imperdiet. Curabitur a efficitur ante. Phasellus non felis laoreet,
+  posuere ante ut, rhoncus tortor. Proin sed erat vel nisl luctus vulputate. Nunc tristique ultricies turpis, eu dictum enim ultrices vel.
+  Sed posuere at leo sit amet placerat. Sed dapibus viverra urna ac pretium. Praesent et laoreet erat, eget volutpat metus. Duis ac augue
+  sed tortor elementum dignissim in sit amet velit. Nullam nec viverra mi.
+  </p>
+
+  {% if blockquote %}
+    {% include '@oe-bcl/bcl-blockquote/blockquote.html.twig' with blockquote only %}
+  {% endif %}
+  {% if accordion %}
+    {% include '@oe-bcl/bcl-accordion/accordion.html.twig' with accordion only %}
+  {% endif %}
+  {% if timeline %}
+    {% include '@oe-bcl/bcl-timeline/timeline.html.twig' with timeline only %}
+  {% endif %}
+
+  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet eleifend tortor. In facilisis eros vitae turpis ullamcorper,
+  a euismod dolor lacinia. Nam facilisis ipsum et sollicitudin imperdiet. Curabitur a efficitur ante. Phasellus non felis laoreet,
+  posuere ante ut, rhoncus tortor. Proin sed erat vel nisl luctus vulputate. Nunc tristique ultricies turpis, eu dictum enim ultrices vel.
+  Sed posuere at leo sit amet placerat. Sed dapibus viverra urna ac pretium. Praesent et laoreet erat, eget volutpat metus. Duis ac augue
+  sed tortor elementum dignissim in sit amet velit. Nullam nec viverra mi.
+  </p>
+
+  <h3 id="item-3" class="fw-bold my-4">Section 3</h3>
+
+  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet eleifend tortor. In facilisis eros vitae turpis ullamcorper,
+  a euismod dolor lacinia. Nam facilisis ipsum et sollicitudin imperdiet. Curabitur a efficitur ante. Phasellus non felis laoreet,
+  posuere ante ut, rhoncus tortor. Proin sed erat vel nisl luctus vulputate. Nunc tristique ultricies turpis, eu dictum enim ultrices vel.
+  Sed posuere at leo sit amet placerat. Sed dapibus viverra urna ac pretium. Praesent et laoreet erat, eget volutpat metus. Duis ac augue
+  sed tortor elementum dignissim in sit amet velit. Nullam nec viverra mi.
+  </p>
+
+  {% include '@oe-bcl/bcl-file/file.html.twig' with files[0] only %}
+  {% include '@oe-bcl/bcl-file/file.html.twig' with files[1] only %}
+{% endblock %}

package/templates/bcl-recent-activities/recent-activities.html.twig

@@ -28,7 +28,7 @@
 >
 {% if _activities is not empty and _activities is iterable %}
   {% for _activity in _activities %}
-  <div class="d-flex bg-light py-3 px-3 px-md-3-5 mb-3-5">
+  <div class="d-flex bg-lighter py-3 px-3 px-md-3-5 mb-3-5">
     {% if _activity.image is not empty %}
     <div>
       {{- _activity.image -}}

package/templates/bcl-timeline/timeline.html.twig

@@ -0,0 +1,109 @@
+{% spaceless %}
+
+{#
+Parameters:
+  - "id": (integer) (default: random(1000))
+  - "toggle_collapsed": (string) (default: '')
+  - "toggle_expanded": (string) (default: '')
+  - "hide" (object): (default: undefined)
+    - "from": (integer) (default: items.length) Item index after which to start hiding timeline items
+    - "to": (integer) (default: items.length) Item index after which to resume displaying timeline items
+  - title: (string) (default: "")
+  - title_tag: (string) (default: "h4")
+  - "items" (array) (default: []):
+    - "id": (string) (default: '')
+    - "label": (string) (default: '')
+    - "title": (string) (default: '')
+    - "content": (block) (default: '')
+  - "icons_path" (string) (default: ''): file containing the svg icons
+#}
+
+{# Internal properties #}
+
+{% set _id = id|default(random(1000)) %}
+{% set _title = title|default('') %}
+{% set _title_tag = title_tag|default('h4') %}
+{% set _items = items|default([]) %}
+{% set _icons_path = icons_path|default('') %}
+{% set _toggle_collapsed = toggle_collapsed|default('') %}
+{% set _toggle_expanded = toggle_expanded|default('') %}
+{% set _hide_from = hide.from|default(items|length) %}
+{% set _hide_to = hide.to|default(items|length) %}
+{% set _toggler = false %}
+
+{% set attributes = attributes.addClass('bcl-timeline') %}
+
+{# Internal logic - Process properties #}
+
+{% set _display_amount = items|length %}
+{% set _hide_amount = 0 %}
+{% set _bottom_amount = 0 %}
+
+{% if _hide_from > 0 %}
+  {% if _hide_to > 0 %}
+    {% set _bottom_amount = _display_amount - _hide_to %}
+  {% else %}
+    {% set _bottom_amount = _hide_to|abs %}
+  {% endif %}
+  {% set _countbase = items|length - _bottom_amount %}
+  {% set _display_amount = _hide_from %}
+  {% set _hide_amount = _countbase - _display_amount %}
+  {% set _toggle_collapsed = _toggle_collapsed|replace({'%d': _hide_amount}) %}
+  {% set _toggle_expanded = _toggle_expanded|replace({'%d': _hide_amount}) %}
+{% endif %}
+
+{% if _title is not empty %}
+  {% set _title_classes = 'fw-bold mb-4' %}
+  <{{ _title_tag }} class="{{ _title_classes }}">
+    {{- _title -}}
+  </{{ _title_tag }}>
+{% endif %}
+
+{# Print the result #}
+<ol {{ attributes }}>
+  {% if _items is not empty %}
+    {% for _item in _items %}
+      {# Decide on per item if it should display. #}
+      {% set extra_class = (loop.index > _display_amount and loop.revindex > _bottom_amount) ? "collapse collapse-#{_id}" %}
+      <li
+        {% if extra_class is not empty %}
+          class="{{ extra_class }}"
+        {% endif %}
+        {% if _item.id is defined and _item.id is not empty %}
+          id="{{ _item.id }}"
+        {% endif %}>
+          <h5>{{ _item.label }}</h5>
+          {% if _item.title is defined and _item.title is not empty %}
+          <h6>{{ _item.title }}</h6>
+          {% endif %}
+          {% if _item.content is defined and _item.content is not empty %}
+          <div>{{ _item.content }}</div>
+          {% endif %}
+      </li>
+      {# Display the show more button if required. #}
+      {% if (_hide_amount > 0 and loop.revindex == _bottom_amount + 1) or (_hide_amount > 0 and _hide_to == 0 and loop.revindex == 1) %}
+        {% set _toggler = true %}
+        <li class="bcl-timeline__item--toggle">
+          <button
+            aria-expanded="false"
+            data-bs-toggle="collapse"
+            data-bs-target=".collapse-{{ _id }}"
+            class="btn btn-light btn-md"
+            type="button"
+          >
+            <span class="label-collapsed">{{ _toggle_collapsed }}</span>
+            <span class="label-expanded">{{ _toggle_expanded }}</span>
+            {% include '@oe-bcl/bcl-icon/icon.html.twig' with {
+              name: 'chevron-down',
+              size: 'fluid',
+              path: _icons_path,
+              attributes: create_attribute().addClass('ms-2-5'),
+            } only %}
+          </button>
+        </li>
+      {% endif %}
+    {% endfor %}
+  {% endif %}
+</ol>
+
+{% endspaceless %}

package/templates/bcl-user/user-edit.html.twig

@@ -0,0 +1,38 @@
+{% extends "@oe-bcl/bcl-base-templates/content-type.html.twig" %}
+
+{% block content %}
+  <h2 class="fw-bold mb-3 mb-md-5 d-inline-block">Edit my profile</h2>
+  <div class="mb-4 float-lg-end">
+    {% include '@oe-bcl/bcl-link/link.html.twig' with profile_back only %}
+  </div>
+  {% include "@oe-bcl/bcl-navigation/navigation.html.twig" with navigation only %}
+  <div class="tab-content">
+    <div class="tab-pane fade show active" id="profile" role="tabpanel" aria-labelledby="profile-tab">
+      <div class="row">
+        <div class="offset-3 col-6 offset-lg-0 col-lg-2 mt-4 pt-3">
+          <img src="https://picsum.photos/seed/1002/400/400" class="img-fluid" alt="profile-image">
+          <div class="mt-3 d-grid">
+            {% include '@oe-bcl/bcl-form-input/form-input.html.twig' with image_upload_input only %}
+            {% include '@oe-bcl/bcl-button/button.html.twig' with remove_image_button only %}
+          </div>
+        </div>
+        <div class="col-12 col-lg-10">
+          <h3 class="fw-bold mt-4 mb-3 pt-3">Profile information</h3>
+          {% include '@oe-bcl/bcl-form/form.html.twig' with profile_information only %}
+        </div>
+      </div>
+    </div>
+    <div class="tab-pane fade" id="privacy" role="tabpanel" aria-labelledby="privacy-tab">
+      <h3 class="fw-bold pt-2 mt-4 mb-4">Privacy settings</h3>
+      {% include '@oe-bcl/bcl-form/form.html.twig' with privacy_settings only %}
+      <h3 class="fw-bold my-4">Public profile contents</h3>
+      <p class="mb-0">Select what information should be displayed to your profile.</p>
+      <p class="mb-4">Only people who have access to your data will be able to consult these informations.</p>
+      {% include '@oe-bcl/bcl-form/form.html.twig' with public_profile_content only %}
+      <h3 class="fw-bold my-4">Delete account</h3>
+      <p class="mb-0">Account deletion is permanent and cannot be undone.</p>
+      <p>If you delete your account, all content created by you (comments, articles, ...) will be anonymized.</p>
+      {% include '@oe-bcl/bcl-form/form.html.twig' with delete_account only %}
+    </div>
+  </div>
+{% endblock %}

package/templates/{bcl-user-view → bcl-user}/user-view-compact.html.twig

@@ -26,9 +26,9 @@
   </div>
   <div class="flex-grow-1 ms-3">
     {% if name.link is not empty %}
-      <a href="{{ name.link }}" class="fs-5 text-decoration-none mb-0">{{ name.text }}</a>
+      <a href="{{ name.link }}" class="fs-5 text-underline-hover mb-0">{{ name.text }}</a>
     {% else %}
-      <p class="fs-5 text-decoration-none mb-0 text-primary">{{ name.text }}</p>
+      <p class="fs-5 mb-0 text-primary">{{ name.text }}</p>
     {% endif %}
     <div class="d-flex flex-wrap">
       {% for info in infos %}

package/templates/bcl-user/user-view.html.twig

@@ -0,0 +1,96 @@
+{% extends "@oe-bcl/bcl-base-templates/content-type.html.twig" %}
+
+{% block content %}
+  <div class="row">
+    <div class="col-12 col-md-10">
+      {% include '@oe-bcl/bcl-card/card.html.twig' with user only %}
+    </div>
+    <div class="col-12 col-md-2 text-end">
+      <div class="d-grid d-md-block">
+        {% include '@oe-bcl/bcl-button/button.html.twig' with edit_button only %}
+      </div>
+    </div>
+  </div>
+  <div class="my-3">
+    <h4 class="fw-bold mb-4">Personal information</h4>
+    <div class="row">
+      <div class="col-12 col-md-6">
+        <div class="row">
+          <div class="col-12 col-md-4">
+            <p class="mb-0">Gender:</p>
+          </div>
+          <div class="col-12 col-md-8">
+            <p>Male</p>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col-12 col-md-4">
+            <p class="mb-0">Nationality:</p>
+          </div>
+          <div class="col-12 col-md-8">
+            <p>German</p>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col-12 col-md-4">
+            <p class="mb-0">Date of birth:</p>
+          </div>
+          <div class="col-12 col-md-8">
+            <p>22/01/1972</p>
+          </div>
+        </div>
+      </div>
+      <div class="col-12 col-md-6">
+        <div class="row">
+          <div class="col-12 col-md-4">
+            <p class="mb-0">Country:</p>
+          </div>
+          <div class="col-12 col-md-8">
+            <p>Germany</p>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col-12 col-md-4">
+            <p class="mb-0">City:</p>
+          </div>
+          <div class="col-12 col-md-8">
+            <p>Düsseldorf</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="my-3">
+    <h4 class="fw-bold mb-4">Professional information</h4>
+    <div class="row">
+      <div class="col-12 col-md-6">
+        <div class="row">
+          <div class="col-12 col-md-4">
+            <p class="mb-0">Organisation:</p>
+          </div>
+          <div class="col-12 col-md-8">
+            <p>DG Test</p>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col-12 col-md-4">
+            <p class="mb-0">Position:</p>
+          </div>
+          <div class="col-12 col-md-8">
+            <p>Director</p>
+          </div>
+        </div>
+      </div>
+      <div class="col-12 col-md-6">
+        <div class="row">
+          <div class="col-12 col-md-4">
+            <p class="mb-0">Working languages:</p>
+          </div>
+          <div class="col-12 col-md-8">
+            <p>English, German</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+{% endblock %}

package/templates/bcl-group-landing/group-landing.html.twig

@@ -1,106 +0,0 @@
-{% spaceless %}
-
-{% if data.header is defined %}
-  {% include '@oe-bcl/bcl-header/header.html.twig' with data.header only %}
-{% endif %}
-<main>
-  <div class="container">
-    {% if data.banner is not empty %}
-    <div class="mt-4 mt-md-5">
-      {% if data.banner.image is not empty %}
-        <img
-          src="{{ data.banner.image.path }}"
-          {% if data.banner.image.alt is not empty %}
-          alt="{{ data.banner.image.alt }}"
-          {% endif %}
-          {% if data.banner.image.class is not empty %}
-          class="{{ data.banner.image.class }}"
-          {% endif %}
-        />
-      {% endif %}
-      {% if data.banner.title is not empty %}
-        <div class="p-md-3-5 pt-3 bg-light d-md-flex n-mx-container">
-          <h2 class="mb-0 d-inline-block fw-bold">{{ data.banner.title }}</h2>
-          {% if data.banner.actions is not empty and data.banner.actions is iterable %}
-          <div class="d-grid d-md-block ms-auto">
-            {% for _action in data.banner.actions %}
-              {% if _action.type == "link" %}
-                {% include '@oe-bcl/bcl-link/link.html.twig' with _action only %}
-              {% elseif _action.type == "button" %}
-                {% include '@oe-bcl/bcl-button/button.html.twig' with _action only %}
-              {% elseif _action.type == "dropdown" %}
-                {% include '@oe-bcl/bcl-dropdown/dropdown.html.twig' with _action only %}
-              {% endif %}
-            {% endfor %}
-          </div>
-          {% endif %}
-        </div>
-      {% endif %}
-    </div>
-    {% endif %}
-    {% include '@oe-bcl/bcl-navigation/navigation.html.twig' with data.navigation only %}
-    {% if data.banner_description is not empty and data.contact is not empty %}
-    {% include '@oe-bcl/bcl-link/link.html.twig' with data.banner_description.collapse_trigger only %}
-    <div class="collapse d-md-block" id="banner-description">
-      <div class="row mt-md-4 mb-md-5 pb-md-5">
-        <div class="col-md-8">
-          <div class="ps-md-3">
-            {% if data.banner_description.metas is not empty and data.banner_description.metas is iterable %}
-            <div class="d-block">
-              {% for _meta in data.banner_description.metas %}
-              <p class="mb-0 me-4 d-inline-block text-muted">
-                {% include '@oe-bcl/bcl-icon/icon.html.twig' with _meta.icon only %}
-                {{- _meta.label -}}
-              </p>
-              {% endfor %}
-            </div>
-            {% endif %}
-            {{ data.banner_description.content }}
-          </div>
-        </div>
-        <div class="col-md-4">
-          <h4 class="mb-3 pb-2">{{ data.contact.title }}</h4>
-          {% if data.contact.profiles is not empty and data.contact.profiles is iterable %}
-            {% for _profile in data.contact.profiles %}
-              {% include '@oe-bcl/bcl-user-view/user-view-compact.html.twig' with _profile only %}
-            {% endfor %}
-          {% endif %}
-          {% if data.contact.more_link is not empty %}
-            {% include '@oe-bcl/bcl-link/link.html.twig' with data.contact.more_link only %}
-          {% endif %}
-        </div>
-      </div>
-    </div>
-    {% endif %}
-    {% if data.recent is not empty and data.members is not empty %}
-    <div class="row mt-3 mt-md-5 pt-md-5">
-      <div class="col-md-8">
-        <h4 class="mb-4 pb-2">{{ data.recent.title }}</h4>
-        {% include '@oe-bcl/bcl-recent-activities/recent-activities.html.twig' with data.recent.block_data only %}
-      </div>
-      <div class="col-md-4">
-        <h4 class="mt-4 mt-md-0 mb-4 pb-2">{{ data.members.title}}</h4>
-        {% if data.members.profiles is not empty and data.members.profiles is iterable %}
-          {% for _profile in data.members.profiles %}
-            {% include '@oe-bcl/bcl-user-view/user-view-compact.html.twig' with _profile only %}
-          {% endfor %}
-        {% endif %}
-        {% if data.members.more_link is not empty %}
-          {% include '@oe-bcl/bcl-link/link.html.twig' with data.members.more_link only %}
-        {% endif %}
-      </div>
-    </div>
-    {% endif %}
-    {% if data.contributions is not empty %}
-      <h4 class="my-4 pt-3 pb-2">{{ data.contributions.title}}</h4>
-      {% if data.contributions.listing is not empty %}
-        {% include '@oe-bcl/bcl-listing/listing.html.twig' with data.contributions.listing only %}
-      {% endif %}
-    {% endif %}
-  </div>
-</main>
-{% if data.footer is defined %}
-  {% include '@oe-bcl/bcl-footer/footer.html.twig' with data.footer only %}
-{% endif %}
-
-{% endspaceless %}

package/templates/bcl-group-landing-listing/group-landing-listing.html.twig

@@ -1,74 +0,0 @@
-{% spaceless %}
-
-{% if data.header is defined %}
-  {% include '@oe-bcl/bcl-header/header.html.twig' with data.header only %}
-{% endif %}
-<main>
-  <div class="container mt-4 mt-md-5">
-    {% if data.banner.title is not empty %}
-      <div class="p-md-3-5 pt-3 bg-light d-md-flex n-mx-container">
-        <h2 class="mb-0 d-inline-block fw-bold">{{ data.banner.title }}</h2>
-        {% if data.banner.actions is not empty and data.banner.actions is iterable %}
-        <div class="d-grid d-md-block ms-auto">
-          {% for _action in data.banner.actions %}
-            {% if _action.type == "link" %}
-              {% include '@oe-bcl/bcl-link/link.html.twig' with _action only %}
-            {% elseif _action.type == "button" %}
-              {% include '@oe-bcl/bcl-button/button.html.twig' with _action only %}
-            {% elseif _action.type == "dropdown" %}
-              {% include '@oe-bcl/bcl-dropdown/dropdown.html.twig' with _action only %}
-            {% endif %}
-          {% endfor %}
-        </div>
-        {% endif %}
-      </div>
-    {% endif %}
-    {% if data.navigation is not empty %}
-      {% include '@oe-bcl/bcl-navigation/navigation.html.twig' with data.navigation only %}
-    {% endif %}
-    <div class="row">
-      <div class="col-md-3">
-        {% include '@oe-bcl/bcl-group-landing-listing/group-landing-listing-offcanvas.html.twig' with data.offcanvas only %}
-      </div>
-      <div class="col-12 col-lg-9">
-      {% include '@oe-bcl/bcl-button/button.html.twig' with data.filter_button only %}
-      <div class="mb-3 mb-md-4 clearfix">
-        <div class="float-end d-none d-md-flex align-items-baseline">
-          {% include '@oe-bcl/bcl-select/select.html.twig' with data.sort_select|merge({
-            extra_classes: "w-auto d-inline-block ms-2"
-          }) only %}
-        </div>
-        <h4 class="mb-4">{{ data.main_title }}</h4>
-        {% if data.badges is not empty and data.badges is iterable %}
-          {% for badge in data.badges %}
-            {% include '@oe-bcl/bcl-badge/badge.html.twig' with badge only %}
-          {% endfor %}
-        {% endif %}
-      </div>
-      <hr class="d-none d-md-block mt-4 mb-4-75"/>
-      <div class="d-md-none">
-        {% include '@oe-bcl/bcl-select/select.html.twig' with data.sort_select|merge({
-          extra_classes: "mb-4"
-        }) only %}
-      </div>
-      {% if data.cards is not empty and data.cards is iterable %}
-        {% for card in data.cards %}
-          {% include '@oe-bcl/bcl-card/card.html.twig' with card only %}
-          {% if card.border_bottom %}
-            <hr class="d-md-none mb-4-5">
-          {% endif %}
-        {% endfor %}
-      {% endif %}
-      {% if data.pagination.border_top %}
-        <hr class="d-none d-md-block mb-4-5">
-      {% endif %}
-      {% include '@oe-bcl/bcl-pagination/pagination.html.twig' with data.pagination only %}
-      </div>
-    </div>
-  </div>
-</main>
-{% if data.footer is defined %}
-  {% include '@oe-bcl/bcl-footer/footer.html.twig' with data.footer only %}
-{% endif %}
-
-{% endspaceless %}

package/templates/bcl-search/search-offcanvas.html.twig

@@ -1,8 +0,0 @@
-{% extends "@oe-bcl/bcl-offcanvas/offcanvas.html.twig" %}
-
-{% block body %}
-  <div class="offcanvas-body p-lg-0">
-    {% include '@oe-bcl/bcl-form/form.html.twig' with search_form only %}
-  </div>
-  
-{% endblock %}

package/templates/bcl-search/search.html.twig

@@ -1,48 +0,0 @@
-{% spaceless %}
-
-{% if data.header is defined %}
-  {% include '@oe-bcl/bcl-header/header.html.twig' with data.header only %}
-{% endif %}
-<main>
-  <div class="container mt-5">
-    <div class="row">
-      <div class="col-md-3">
-        {% include '@oe-bcl/bcl-search/search-offcanvas.html.twig' with data.offcanvas only %}
-      </div>
-      <div class="col-12 col-lg-9">
-      {% include '@oe-bcl/bcl-button/button.html.twig' with data.filter_button only %}
-      <div class="mb-4 clearfix">
-        <div class="float-end d-none d-md-flex align-items-baseline">
-          {% include '@oe-bcl/bcl-select/select.html.twig' with data.sort_select|merge({
-            extra_classes: "w-auto d-inline-block ms-2"
-          }) only %}
-        </div>
-        <h4 class="mb-4">Search results (18)</h4>
-        {% if data.badges is not empty and data.badges is iterable %}
-          {% for badge in data.badges %}
-            {% include '@oe-bcl/bcl-badge/badge.html.twig' with badge only %}
-          {% endfor %}
-        {% endif %}
-      </div>
-      <hr class="d-none d-md-block mt-4 mb-4-75"/>
-      <div class="d-md-none">
-        {% include '@oe-bcl/bcl-select/select.html.twig' with data.sort_select|merge({
-          extra_classes: "mb-4"
-        }) only %}
-      </div>
-      {% if data.cards is not empty and data.cards is iterable %}
-        {% for card in data.cards %}
-          {% include '@oe-bcl/bcl-card/card.html.twig' with card only %}
-          <hr class="d-md-none mb-4-5">
-        {% endfor %}
-      {% endif %}
-        {% include '@oe-bcl/bcl-pagination/pagination.html.twig' with data.pagination only %}
-      </div>
-    </div>
-  </div>
-</main>
-{% if data.footer is defined %}
-  {% include '@oe-bcl/bcl-footer/footer.html.twig' with data.footer only %}
-{% endif %}
-
-{% endspaceless %}

package/templates/bcl-user-edit/edit-contents.html.twig

@@ -1,32 +0,0 @@
-{% extends "@oe-bcl/bcl-navigation/navigation.html.twig" %}
-
-{% block contents %}
-  <div class="tab-pane fade show active" id="profile" role="tabpanel" aria-labelledby="profile-tab">
-    <div class="row">
-      <div class="offset-3 col-6 offset-lg-0 col-lg-2 mt-4 pt-3">
-        <img src="https://picsum.photos/seed/1002/400/400" class="img-fluid" alt="profile-image">
-        <div class="mt-3 d-grid">
-          {% include '@oe-bcl/bcl-form-input/form-input.html.twig' with imageUploadInput only %}
-          {% include '@oe-bcl/bcl-button/button.html.twig' with removeImageButton only %}
-        </div>
-      </div>
-      <div class="col-12 col-lg-10">
-        <h3 class="fw-bold mt-4 mb-3 pt-3">Profile information</h3>
-        {% include '@oe-bcl/bcl-form/form.html.twig' with profileInformation only %}
-      </div>
-    </div>
-  </div>
-  <div class="tab-pane fade" id="privacy" role="tabpanel" aria-labelledby="privacy-tab">
-    <h3 class="fw-bold pt-2 mt-4 mb-4">Privacy settings</h3>
-    {% include '@oe-bcl/bcl-form/form.html.twig' with privacySettings only %}
-    <h3 class="fw-bold my-4">Public profile contents</h3>
-    <p class="mb-0">Select what information should be displayed to your profile.</p>
-    <p class="mb-4">Only people who have access to your data will be able to consult these informations.</p>
-    {% include '@oe-bcl/bcl-form/form.html.twig' with publicProfileContent only %}
-    <h3 class="fw-bold my-4">Delete account</h3>
-    <p class="mb-0">Account deletion is permanent and cannot be undone.</p>
-    <p>If you delete your account, all content created by you (comments, articles, ...) will be anonymized.</p>
-    {% include '@oe-bcl/bcl-form/form.html.twig' with deleteAccount only %}
-  </div>
-  
-{% endblock %}

package/templates/bcl-user-edit/user-edit.html.twig

@@ -1,19 +0,0 @@
-{% spaceless %}
-
-{% if data.header is defined %}
-  {% include '@oe-bcl/bcl-header/header.html.twig' with data.header only %}
-{% endif %}
-<main>
-  <div class="container mt-5">
-    <h2 class="fw-bold mb-3 mb-md-5 d-inline-block">Edit my profile</h2>
-    <div class="mb-4 float-lg-end">
-      {% include '@oe-bcl/bcl-link/link.html.twig' with data.navigation.profileBack only %}
-    </div>
-    {% include '@oe-bcl/bcl-user-edit/edit-contents.html.twig' with data.navigation only %}
-  </div>
-</main>
-{% if data.footer is defined %}
-  {% include '@oe-bcl/bcl-footer/footer.html.twig' with data.footer only %}
-{% endif %}
-
-{% endspaceless %}

package/templates/bcl-user-listing/user-listing-offcanvas.html.twig

@@ -1,8 +0,0 @@
-{% extends "@oe-bcl/bcl-offcanvas/offcanvas.html.twig" %}
-
-{% block body %}
-  <div class="offcanvas-body p-lg-0">
-    {% include '@oe-bcl/bcl-form/form.html.twig' with search_form only %}
-  </div>
-  
-{% endblock %}