@openeuropa/bcl-theme-default 0.11.0 → 0.15.0

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

@@ -3,21 +3,26 @@
 {# Parameters:
   - variant: (string) (default: "horizontal") options:
   [ default-1-col, highlight-1-col, default-2-col, default-3-col, highlight-2-col, highlight-3-col ]
-  - title: (string) (default: {})
+  - title: (string) (default: "")
+  - title_tag: (string) (default: "h4")
   - items: (array of objects of type card)
   - link: (object of type link)
+  - alignment: (string) (default: '') options:
+  ['start', 'end', 'center', 'baseline', 'stretch']
 #}
 
 {% set _items = items|default([]) %}
 {% set _variant = variant|default('default-1-col') %}
 {% set _title = title|default('') %}
+{% set _title_tag = title_tag|default('h4') %}
+{% set _alignment = alignment|default('') %}
 {% set _link = link|default({}) %}
 {% set _classes = ['bcl-listing', 'bcl-listing--' ~ _variant] %}
 {% set _cards = [] %}
 {% set _card_layout = {
   type: 'grid',
-  gutter: 4,
-  responsiveness: "md",
+  responsiveness: 'md',
+  gutter: '4',
   attributes: create_attribute(),
 } %}
 {% set attributes = attributes.addClass(_classes) %}
@@ -25,29 +30,45 @@
 <div {{ attributes }}>
 
 {% if _title is not empty %}
-  {% set _title_classes = 'fw-bold mb-3-5' %}
-  {% if _variant == 'default-1-col' or _variant == 'default-3-col' or _variant == 'default-2-col' %}
-    {% set _title_classes = _title_classes ~ ' ps-3' %}
-  {% endif %}
-  <h4 class="{{ _title_classes }}">
-    {{ _title }}
-  </h4>
+  {% set _title_classes = 'fw-bold mb-4' %}
+  <{{ _title_tag }} class="{{ _title_classes }}">
+    {{- _title -}}
+  </{{ _title_tag }}>
 {% endif %}
 
 {% if _items is not empty %}
   {% for _card in _items %}
+    {% set _max_width = '' %}
+    {% set _image = {} %}
+    {% if _card.image is not empty %}
+      {% set _max_width = 'mw-listing-img' %}
+      {% set _image_classes = _card.image.classes ? _card.image.classes ~ " mb-3" : "mb-3" %}
+      {% set _card = _card|merge({image: _card.image|merge({
+        classes: _image_classes
+      })}) %}
+    {% elseif _card.date is not empty %}
+      {% set _max_width = 'mw-date mb-3' %}
+    {% endif %}
+    {% if _alignment is not empty %}
+      {% set _alignment = ' align-self-' ~ _alignment %}
+    {% endif %}
     {% set _card_classes = [] %}
     {% set _card_attributes = card.attributes ? card.attributes : create_attribute() %}
 
     {% if _variant == 'default-1-col' %}
-      {% set _card_classes = ['listing-item', 'px-3', 'mb-2', 'border-0'] %}
+      {% set _card_classes = [
+        'listing-item',
+        'border-bottom',
+        'border-md-0',
+        'border-0',
+      ] %}
       {% set _card_attributes = _card_attributes.addClass(_card_classes) %}
       {% set _card = _card|merge({
         horizontal: true,
-        body_classes: 'p-md-0 pt-sm-3',
+        extra_classes_body: 'p-0 pb-md-0 pb-3',
         horizontal_grid: {
-          left_col_classes: 'col-md-3 col-lg-2 rounded',
-          right_col_classes: 'col-md-9 col-lg-10',
+          left_col_classes: 'col-md-3 col-lg-2 rounded ' ~ _max_width ~ _alignment,
+          right_col_classes: 'col-md-9 col-lg-10' ~ _alignment,
         },
         attributes: _card_attributes,
       }) %}
@@ -56,40 +77,38 @@
     {% if _variant == 'default-2-col' or _variant == 'default-3-col' %}
       {% set _card_classes = [
         'listing-item',
-        'px-3',
-        'border-0'
+        'border-bottom',
+        'border-md-0',
+        'border-0',
       ] %}
       {% set _card_attributes = _card_attributes.addClass(_card_classes) %}
       {% set _card = _card|merge({
-        body_classes: "p-md-0 pt-sm-3",
+        extra_classes_body: 'p-0 pb-md-0 pb-3',
         horizontal: true,
         attributes: _card_attributes,
       }) %}
-      {% set _card_layout = _card_layout|merge({
-        cols_extra_classes: "mt-4-5",
-      }) %}
+
       {% if _variant == 'default-2-col' %}
         {% set _card = _card|merge({
           horizontal_grid: {
-            left_col_classes: "col-lg-3 col-md-4",
-            right_col_classes: "col-lg-9 col-md-8",
+            left_col_classes: 'col-xl-3 col-md-5 ' ~ _max_width ~ _alignment,
+            right_col_classes: 'col-xl-9 col-md-7' ~ _alignment,
           },
         }) %}
         {% set _card_layout = _card_layout|merge({
-          gutter: 2,
           responsive_columns: 2,
         }) %}
       {% else %}
         {% set _card = _card|merge({
           horizontal_grid: {
-            left_col_classes: "col-md-6",
-            right_col_classes: "col-md-6",
+            left_col_classes: 'col-lg-4 col-md-6 ' ~ _max_width ~ _alignment,
+            right_col_classes: 'col-lg-8 col-md-6' ~ _alignment,
           },
         }) %}
         {% set _card_layout = _card_layout|merge({
-          gutter: 2,
+          attributes: _card_layout.attributes.addClass(['row-cols-md-2']),
           responsive_columns: 3,
-          responsiveness: 'lg',
+          responsiveness: 'xl',
         }) %}
       {% endif %}
     {% endif %}
@@ -98,32 +117,34 @@
       {% set _card_classes = [
         'listing-item--highlight',
         'border-0',
-        'bg-light'
+        'bg-lighter'
       ] %}
      {% set _card_attributes = _card_attributes.addClass(_card_classes) %}
      {% set _card = _card|merge({
-         body_classes: "pb-4",
-         wrapper_class: "col",
+         extra_classes_body: 'pb-4',
+         wrapper_class: 'col',
          attributes: _card_attributes,
       }) %}
      {% set _card_layout = _card_layout|merge({
-       cols_extra_classes: "mt-4-5",
+       cols_extra_classes: 'mt-4-5',
      }) %}
     {% endif %}
 
     {% if _variant == 'highlight-2-col' or variant == 'highlight-3-col' %}
       {% set _card_classes  = [
         'listing-item--highlight',
-        'border-0', 'bg-light',
+        'border-0',
+        'bg-lighter',
         'h-100',
         'rounded-2'
       ] %}
       {% set _card_attributes = _card_attributes.addClass(_card_classes) %}
       {% set _card = _card|merge({
-        wrapper_class: "col",
-        cols_extra_classes: "mt-4-5",
+        wrapper_class: 'col',
+        extra_classes_body: 'pt-0',
         attributes: _card_attributes,
       }) %}
+      {% set _card_layout = _card_layout|merge({ gutter: '4' }) %}
       {% if variant == 'highlight-2-col' %}
         {% set _card_layout = _card_layout|merge({ responsive_columns: 2 }) %}
       {% else %}
@@ -139,7 +160,7 @@
 
 {% if _link is not empty %}
   {% set _link_attributes = _link.attributes ? _link.attributes : create_attribute() %}
-  {% set _link_attributes = _link_attributes.addClass(['mt-3-5', 'd-block']) %}
+  {% set _link_attributes = _link_attributes.addClass(['mt-3-5', 'd-inline-block']) %}
   {% if _variant == 'default-1-col' or _variant == 'default-2-col' or variant == 'default-3-col' %}
     {% set _link_attributes = _link_attributes.addClass(['ps-3-5']) %}
   {% endif %}

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

@@ -0,0 +1,57 @@
+{% spaceless %}
+
+{# Parameters:
+  - activities (array of custom object) (default: [])
+    format: [
+      {
+        image: {
+          path: "",
+          alt: "",
+          class: "",
+        },
+        content: "",
+        meta: [
+          {
+            icon (icon object): {},
+            label: ""
+          }
+        ]
+      },
+      ...
+    ]
+#}
+
+{% set _activities = activities|default([]) %}
+
+<div 
+  {{ attributes }}
+>
+{% if _activities is not empty and _activities is iterable %}
+  {% for _activity in _activities %}
+  <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 -}}
+    </div>
+    {% endif %}
+    {% if _activity.content is not empty and _activity.meta is not empty %}
+    <div>
+      {% if _activity.content is not empty %}
+        <p class="mb-2">{{- _activity.content -}}</p>
+      {% endif %}
+      {% if _activity.meta is not empty and _activity.meta is iterable %}
+        {% for _meta in _activity.meta %}
+        <p class="mb-0">
+          {% include '@oe-bcl/bcl-icon/icon.html.twig' with _meta.icon only %}
+          {{- _meta.label -}}
+        </p>
+        {% endfor %}
+      {% endif %}
+    </div>
+    {% endif %}
+  </div>
+  {% endfor %}
+{% endif %}
+</div>
+
+{% endspaceless %}

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-toast/toasts.html.twig

@@ -93,7 +93,9 @@
   {% endif %}
   {% if _with_body_wrapper %}
     <div
-      {{- _body_wrapper_classes ? ' class="' ~ _body_wrapper_classes ~ '"' -}}
+    {% if _body_wrapper_classes %}
+      class="{{ _body_wrapper_classes }}"
+    {% endif %}
     >
   {% endif %}
     <div class="toast-body">

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-search/search.html.twig

@@ -1,52 +0,0 @@
-{% spaceless %}
-
-{% if data.header is defined %}
-<header>
-  {% include '@oe-bcl/bcl-header/header.html.twig' with data.header only %}
-</header>
-{% 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 %}
-<footer>
-  {% include '@oe-bcl/bcl-footer/footer.html.twig' with data.footer only %}
-</footer>
-{% 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 %}