@openeuropa/bcl-theme-default 0.21.0 → 0.24.0

package/templates/bcl-project/project-lists.html.twig

@@ -0,0 +1,70 @@
+{% spaceless %}
+
+
+{#
+  Parameters:
+  - title (heading object) (default: {})
+  - items (array) (default: [])
+    {
+      title: (heading object),
+      content: [
+        description list object
+      ]
+    }
+#}
+
+{% set _title = title|default('') %}
+{% set _title_tag = title_tag|default('h2') %}
+{% set _title_link = title_link|default({}) %}
+{% set _title_attributes = title_attributes ?: create_attribute() %}
+{% set _items = items|default([]) %}
+
+{% if attributes is empty %}
+  {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set _title_classes = ['my-4-5'] %}
+{% set _title_attributes = _title_attributes.addClass(_title_classes) %}
+
+<div
+  {{ attributes }}
+>
+{% if _title is not empty %}
+  {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+    title: _title,
+    title_tag: _title_tag,
+    title_link: _title_link,
+    attributes: _title_attributes,
+  } only %}
+{% endif %}
+{% if _items is defined and _items is not empty %}
+  {% for _item in _items %}
+    {% if _item.title is not empty %}
+      {% set _item_title_attributes = _item.title_attributes ?: create_attribute() %}
+      {% set _item_title_attributes = _item_title_attributes.addClass(['mb-3']) %}
+      {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+        title: _item.title,
+        title_tag: _item.title_tag|default('h3'),
+        title_link: _item.title_link|default({}),
+        attributes: _item_title_attributes,
+      } only %}
+    {% endif %}
+    {% for _list in _item.content %}
+      {% if _list.attributes is empty %}
+        {% set _list = _list|merge({
+          attributes: create_attribute()
+        }) %}
+      {% endif %}
+      {% if not loop.last %}
+        {% set _list = _list|merge({
+            attributes: _list.attributes.addClass(['border-bottom', 'pb-3'])
+          })
+        %}
+      {% endif %}
+      {% include '@oe-bcl/bcl-description-list/description-list.html.twig' with _list only %}
+    {% endfor %}
+  {% endfor %}
+{% endif %}
+</div>
+
+{% endspaceless %}

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

@@ -5,99 +5,74 @@
 {% endblock %}
 
 {% block content %}
-
-  {% if project_status.main_title is not empty %}
-    <h3
-      class="fw-bold mb-4"
-      {% if project_status.main_title_id is not empty %}
-      id="{{ project_status.main_title_id }}"
-      {% endif %}
-    >{{- project_status.main_title -}}</h3>
+  {% if project_status_title is not empty %}
+    {% set _project_title_attributes = create_attribute().addClass(['mb-4']) %}
+    {% if project_status_id is not empty %}
+      {% set _project_title_attributes = _project_title_attributes.setAttribute('id', project_status_id) %}
+    {% endif %}
+    {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+      title: project_status_title,
+      title_tag: 'h2',
+      attributes: _project_title_attributes,
+    } only %}
   {% endif %}
-  {% include '@oe-bcl/bcl-project-status/project-status.html.twig' with project_status %}
-
-  {% if status_lists.main_title is not empty %}
-    <h3
-      class="fw-bold my-4"
-      {% if status_lists.main_title_id is not empty %}
-      id="{{ status_lists.main_title_id }}"
-      {% endif %}
-    >{{- status_lists.main_title -}}</h3>
+  {% if project_status is not empty %}
+    {% include '@oe-bcl/bcl-project-status/project-status.html.twig' with project_status %}
   {% endif %}
-  {% if status_lists.listing is defined and status_lists.listing is not empty %}
-    {% for lists in status_lists.listing %}
-      {% if lists.title is not empty %}
-      <h4 class="fw-bold mb-3">{{ lists.title }}</h4>
-      {% endif %}
-      {% for list in lists.content %}
-        {% include '@oe-bcl/bcl-description-list/description-list.html.twig' with list only %}
-      {% endfor %}
-    {% endfor %}
+  {% if project_contributions is not empty %}
+    {% include '@oe-bcl/bcl-project-status/project-contributions.html.twig' with project_contributions %}
   {% endif %}
 
-  {% if first_paragraphs is defined and first_paragraphs is not empty %}
-    {% for paragraph in first_paragraphs %}
-        <h3
-          class="fw-bold mb-4 pt-3"
-          id="{{ paragraph.title_id }}"
-        >
-          {{- paragraph.title -}}
-        </h3>
+  {% if status_lists is not empty %}
+    {% include '@oe-bcl/bcl-project/project-lists.html.twig' with status_lists only %}
+  {% endif %}
 
-      {{- paragraph.content -}}
+  {% if first_paragraphs is defined and first_paragraphs is not empty %}
+    {% for _paragraph in first_paragraphs %}
+      {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+        title: _paragraph.title,
+        title_tag: 'h2',
+        attributes: create_attribute().addClass(['mb-4', 'pt-3'])
+                                      .setAttribute('id', _paragraph.title_id),
+      } only %}
+      {{- _paragraph.content -}}
     {% endfor %}
   {% endif %}
 
-  {% if content_lists.main_title is not empty %}
-    <h3
-      class="fw-bold my-4"
-      {% if content_lists.main_title_id is not empty %}
-      id="{{ content_lists.main_title_id }}"
-      {% endif %}
-    >{{- content_lists.main_title -}}</h3>
+  {% if featured_lists is not empty %}
+    {% include '@oe-bcl/bcl-project/project-lists.html.twig' with featured_lists only %}
   {% endif %}
-  {% if content_lists.listing is defined and content_lists.listing is not empty %}
-    {% for lists in content_lists.listing %}
-      {% if lists.title is not empty %}
-      <h4 class="fw-bold mb-3">{{ lists.title }}</h4>
-      {% endif %}
-      {% for list in lists.content %}
-        {% include '@oe-bcl/bcl-description-list/description-list.html.twig' with list only %}
-      {% endfor %}
-    {% endfor %}
+
+  {% if content_lists is not empty %}
+    {% include '@oe-bcl/bcl-project/project-lists.html.twig' with content_lists only %}
   {% endif %}
 
   {% if second_paragraphs is defined and second_paragraphs is not empty %}
-    {% for paragraph in second_paragraphs %}
-      <h3
-        class="fw-bold mb-4 pt-2"
-        id="{{ paragraph.title_id }}"
-      >
-        {{- paragraph.title -}}
-      </h3>
-      {{- paragraph.content -}}
+    {% for _paragraph in second_paragraphs %}
+      {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+        title: _paragraph.title,
+        title_tag: 'h2',
+        attributes: create_attribute().addClass(['mb-4', 'pt-3'])
+                                      .setAttribute('id', _paragraph.title_id),
+      } only %}
+      {{- _paragraph.content -}}
     {% endfor %}
   {% endif %}
 
   {% if gallery.main_title is not empty %}
-    <h3
-      class="fw-bold my-4"
-      {% if gallery.main_title_id is not empty %}
-      id="{{ gallery.main_title_id }}"
-      {% endif %}
-    >{{- gallery.main_title -}}</h3>
+    {% set _gallery_title_attributes = create_attribute().addClass(['my-4']) %}
+    {% if gallery.main_title_id is not empty %}
+      {% set _gallery_title_attributes = _gallery_title_attributes.setAttribute('id', gallery.main_title_id) %}
+    {% endif %}
+    {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+      title: gallery.main_title,
+      title_tag: 'h2',
+      attributes: _gallery_title_attributes,
+    } only %}
   {% endif %}
-  {% if gallery.listing is defined and gallery.listing is not empty %}
-  <div class="mt-3">
-    {% for showcase in gallery.listing %}
-      <div class="mb-2-5 pb-4">
-      {% if showcase.carousel %}
-        {% include '@oe-bcl/bcl-carousel/carousel.html.twig' with showcase only %}
-      {% else %}
-        {% include '@oe-bcl/bcl-featured-media/featured-media.html.twig' with showcase only %}
-      {% endif %}
-      </div>
-    {% endfor %}
+  {% if gallery is not empty %}
+  <div class="mt-3 mb-4-5">
+    {% include '@oe-bcl/bcl-gallery/gallery.html.twig' with gallery only %}
   </div>
   {% endif %}
 

package/templates/bcl-project-status/project-contributions.html.twig

@@ -0,0 +1,56 @@
+{% spaceless %}
+
+{# Parameters:
+  - corporate_contributions (string) (default: '') // value every 5 percent
+  - legend (boolean or object (default: false)
+  - chart (boolean) (default: false)
+
+  Blocks - 
+    project_status_contrib_chart
+    project_status_contrib_legend
+#}
+
+{% set _corporate_contributions = corporate_contributions|default('') %}
+{% set _legend = legend|default(false) %}
+{% set _chart = chart|default(false) %}
+
+{% if attributes is empty %}
+  {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes.addClass([
+  'bcl-project-contributions',
+  'border-bottom',
+  'pb-4',
+  'mb-4'
+]) %}
+
+<div {{ attributes }}>
+  <div class="row">
+
+  {% if _chart is not empty %}
+    <div class="bcl-project-contributions-chart col-5 col-md-3">
+    {% block project_status_contrib_chart %}
+      <div class="circular-progress" data-percentage="{{ _corporate_contributions }}">
+        <span class="circular-progress-left">
+          <span class="circular-progress-bar"></span>
+        </span>
+        <span class="circular-progress-right">
+          <span class="circular-progress-bar"></span>
+        </span>
+      </div>
+    {% endblock %}
+    </div>
+  {% endif %}
+
+  {% if _legend is not empty %}
+    <div class="bcl-project-contributions-legend col-7 col-md-9 align-self-center">
+    {% block project_status_contrib_legend %}
+      {% include '@oe-bcl/bcl-description-list/description-list.html.twig' with _legend only %}
+    {% endblock %}
+    </div>
+  {% endif %}
+  </div> 
+</div>
+
+{% endspaceless %}

package/templates/bcl-project-status/project-status.html.twig

@@ -1,9 +1,6 @@
 {% spaceless %}
 
 {# Parameters:
-  - title_id (string) (default: "")
-  - title (string) (default: "")
-  - title_tag (string) (default: "h3")
   - status (string) (default: 'planned')
   - start_date (string) (default: '')
   - start_label (string) (default: '')
@@ -12,16 +9,10 @@
   - label (string) (default: '')
   - badge (string) (default: ''),
   - progress (string) (default: '')
-  - corporate_contribution (string) (default: '') // value every 5 percent
-  - chart_legend (object) (default: {})
-
-    Blocks - chart
+  - attributes (drupal attrs)
 #}
 
-{% set _title_id = title_id|default('') %}
-{% set _title = title|default('') %}
 {% set _label = label|default('') %}
-{% set _title_tag = title_tag|default('h3') %}
 {% set _status = status|default('planned') %}
 {% set _charts = charts|default('') %}
 {% set _badge = badge|default('') %}
@@ -30,8 +21,17 @@
 {% set _start_label = start_label|default('') %}
 {% set _end_label = end_label|default('') %}
 {% set _progress = progress|default('') %}
-{% set _corporate_contribution = corporate_contribution|default('') %}
-{% set _chart_legend = chart_legend|default({}) %}
+
+{% if attributes is empty %}
+  {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes.addClass([
+  'bcl-project-status',
+  'border-bottom',
+  'pb-4',
+  'mb-4'
+]) %}
 
 {% set _bgs = {
     ongoing: 'info',
@@ -40,17 +40,7 @@
   } %}
 {% set _bg = _bgs[_status]|default('secondary') %}
 
-
-<{{ _title_tag }}
-  class="fw-bold mb-4"
-  {% if title_id is not empty %}
-    id="{{ title_id }}"
-  {% endif %}
->
-  {{- title -}}
-</{{ _title_tag }}>
-
-<div class="border-bottom pb-4 mb-4">
+<div {{ attributes }}>
   <div class="row">
     <div class="col-12 col-md-3">
     {% if _label is not empty %}
@@ -60,6 +50,7 @@
     {% if _badge is not empty %}
       {% include '@oe-bcl/bcl-badge/badge.html.twig' with {
         label: _badge,
+        rounded_pill: true,
         background: _bg,
         attributes: create_attribute().addClass(['mb-3', 'mb-md-0']),
       } only %}
@@ -103,26 +94,7 @@
     </div>
   </div>
 </div>
-{% if _corporate_contribution is not empty and _chart_legend is not empty %}
-<div class="border-bottom pb-4 mb-4">
-  {% block chart %}
-  <div class="row">
-    <div class="col-5 col-md-3">
-      <div class="circular-progress" data-percentage="{{ _corporate_contribution }}">
-        <span class="circular-progress-left">
-          <span class="circular-progress-bar"></span>
-        </span>
-        <span class="circular-progress-right">
-          <span class="circular-progress-bar"></span>
-        </span>
-      </div>
-    </div>
-    <div class="col-7 col-md-9 align-self-center">
-      {% include '@oe-bcl/bcl-description-list/description-list.html.twig' with _chart_legend only %}
-    </div>
-  </div>
-  {% endblock %} 
-</div>
-{% endif %} 
+
+
 
 {% endspaceless %}

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

@@ -40,19 +40,21 @@
     {% endif %}
     {% if _activity.content is not empty and _activity.meta is not empty %}
     <div>
-      {% if _activity.content is not empty %}
+      {%- 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 %}
+      {%- endif -%}
+      {%- if _activity.meta is not empty and _activity.meta is iterable -%}
+        {%- for _meta in _activity.meta -%}
         <p class="mb-0">
+        {%-  if _meta.icon is not empty -%}
           {% include '@oe-bcl/bcl-icon/icon.html.twig' with _meta.icon only %}
+        {%- endif -%}
           {{- _meta.label -}}
         </p>
-        {% endfor %}
-      {% endif %}
+        {%- endfor -%}
+      {%- endif -%}
     </div>
-    {% endif %}
+    {%- endif -%}
   </div>
   {% endfor %}
 {% endif %}

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

@@ -2,10 +2,17 @@
 
 {% block banner %}
 {% if banner.search_bar is defined %}
-  <div class="bg-lighter py-4 py-lg-3">
+  <div class="bg-lighter pt-3 pb-4 pb-lg-3">
     <div class="container">
       <div class="row">
-        <div class="col-12 col-lg-6 offset-lg-3">
+        <div class="col-12 col-lg-3">
+          {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+            title: main_title,
+            title_tag: "h1",
+            attributes: create_attribute().addClass(['mb-3', 'mb-lg-0']),
+          } only %}
+        </div>
+        <div class="col-12 col-lg-6 align-self-center">
           {% include '@oe-bcl/bcl-search-form/search-form.html.twig' with banner.search_bar only %}
         </div>
       </div>  

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

@@ -1,10 +1,11 @@
 {% spaceless %}
 
 {# Parameters:
-  - pill: (boolean) (default: false)
-  - icon: (icon Object) (default: {})
-  - submit: (button Object) (default: {})
-  - input: (form input Object) (default: {})
+  - pill (boolean) (default: false)
+  - icon (icon Object) (default: {})
+  - submit (button Object) (default: {})
+  - input (form input Object) (default: {})
+  - attributes (drupal attrs)
   ]
 #}
 

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

@@ -2,25 +2,25 @@
 
 {#
   Parameters:
-  - "id" (string) (default: '')
-  - "label" (string) (default: '')
-  - "label_extra_classes" (string) (default: '')
-  - "hidden_label" (boolean) (default: false)
-  - "helper_text" (string) (default: '')
-  - "helper_text_id" (string) (default: '')
-  - "disabled" (boolean) (default: false)
-  - "invalid" (boolean) (default: false)
-  - "valid" (boolean) (default: false)
-  - "invalid_feedback" (string) (default: '')
-  - "valid_feedback" (string) (default: '')
-  - "required" (boolean) (default: false)
-  - "multiple" (boolean) (default: false)
-  - "options": (array of objects with value and label keys) (default: [])
-  - "aria_label": (string) (default: '')
-  - "clean_class": (boolean) (default: false) - removes 'form-select' class
+  - id (string) (default: '')
+  - label (string) (default: '')
+  - label_extra_classes (string) (default: '')
+  - hidden_label (boolean) (default: false)
+  - helper_text (string) (default: '')
+  - helper_text_id (string) (default: '')
+  - disabled (boolean) (default: false)
+  - invalid (boolean) (default: false)
+  - valid (boolean) (default: false)
+  - invalid_feedback (string) (default: '')
+  - valid_feedback (string) (default: '')
+  - required (boolean) (default: false)
+  - multiple (boolean) (default: false)
+  - options: (array of objects with value and label keys) (default: [])
+  - aria_label (string) (default: '')
+  - clean_class (boolean) (default: false) - removes 'form-select' class
+  - attributes (drupal attrs)
 #}
 
-{% set _classes = ['form-select'] %}
 {% set _id = id|default('') %}
 {% set _disabled = disabled|default(false) %}
 {% set _options = options|default([]) %}
@@ -38,6 +38,7 @@
 {% set _clean_class = clean_class|default(false) %}
 {% set _hidden_label = hidden_label|default(false) %}
 
+{% set _classes = ['form-select'] %}
 {% set _label_class = 'form-label' %}
 
 {% if _clean_class %}

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

@@ -7,12 +7,14 @@
   - size (string) (default: '')
     - options ['sm', 'lg']
   - assistive_text (string) (default: '')
+  - attributes (drupal attrs)
 #}
 
 {% set _type = type|default('border') %}
 {% set _variant = variant|default('') %}
 {% set _size = size|default('') %}
 {% set _assistive_text = assistive_text|default('') %}
+
 {% set _classes = ['spinner-' ~ _type] %}
 {% if _size is not empty %}
   {% set _classes = _classes|merge(['spinner-' ~ _type ~ '-' ~ _size]) %}

package/templates/bcl-subscription-block/subscription-block.html.twig

@@ -4,12 +4,12 @@
   - title: (string) (default: '')
   - content: (string) (default: '')
   - button: (button Object) (default: {})
+  - attributes (drupal attrs)
 #}
 
 {% set _title = title|default(false) %}
 {% set _content = content|default('') %}
 {% set _button = button|default({}) %}
-{% set _modal = modal|default({}) %}
 
 {% if attributes is empty %}
   {% set attributes = create_attribute() %}

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

@@ -10,7 +10,7 @@
   - small (boolean) (default: false)
   - alignment (string) (default: '')
     - options ['bottom', 'middle', 'top']
-  - caption (string) (default: "")
+  - caption (string) (default: '')
   - caption_top (boolean) (default: false)
   - border (string) (default: '')
     - options ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark']
@@ -43,6 +43,7 @@
           ]
         }
     ]
+  - attributes (drupal attrs)
 #}
 
 {% set _striped = striped|default(false) %}
@@ -58,6 +59,7 @@
 {% set _table_footer = table_footer|default({}) %}
 {% set _table_head = table_head|default({}) %}
 {% set _rows = rows|default([]) %}
+
 {% set _classes = ['table'] %}
 {% if _striped %}
   {% set _classes = _classes|merge(['table-striped']) %}

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

@@ -2,23 +2,25 @@
 
 {#
   Parameters:
-  - "id" (string) (default: '')
-  - "label" (string) (default: '')
-  - "disabled" (boolean) (default: false)
-  - "valid" (boolean) (default: false)
-  - "invalid" (boolean) (default: false)
-  - "invalid_feedback" (string) (default: '')
-  - "valid_feedback" (string) (default: '')
-  - "required" (boolean) (default: false)
-  - "readonly" (boolean) (default: false)
-  - "rows" (int) (default: 4)
-  - "helper_text" (string) (default: '')
-  - "helper_text_id" (string) (default: '')
-  - "hidden_label" (boolean) (default: false)
-  - "text" (string) (default: '')
-  - "floating" (boolean) (default: false)
-  - "horizontal" (boolean) (default: false)
-  - "horizontal_class" (string) (default: col-sm-10)
+  - id (string) (default: '')
+  - label (string) (default: '')
+  - required (boolean) (default: false)
+  - disabled (boolean) (default: false)
+  - readonly (boolean) (default: false)
+  - valid (boolean) (default: false)
+  - invalid (boolean) (default: false)
+  - invalid_feedback (string) (default: '')
+  - valid_feedback (string) (default: '')
+  - helper_text (string) (default: '')
+  - helper_text_id (string) (default: '')
+  - hidden_label (boolean) (default: false)
+  - text (string) (default: '')
+  - rows (int) (default: 4)
+  - floating (boolean) (default: false)
+  - horizontal (boolean) (default: false)
+  - horizontal_class (string) (default: col-sm-10)
+  - horizontal_label_class (string) (default: col-sm-2)
+  - attributes (drupal attrs)
 #}
 
 {% set _id = id|default('') %}
@@ -30,19 +32,20 @@
 {% set _valid = valid|default(false) %}
 {% set _invalid_feedback = invalid_feedback|default('') %}
 {% set _valid_feedback = valid_feedback|default('') %}
-{% set _floating = floating|default(false) %}
 {% set _helper_text = helper_text|default('') %}
 {% set _helper_text_id = helper_text_id|default('') %}
 {% set _hidden_label = hidden_label|default(false) %}
 {% set _text = text|default('') %}
+{% set _rows = rows|default('4') %}
+{% set _floating = floating|default(false) %}
 {% set _horizontal = horizontal|default(false) %}
 {% set _horizontal_class = horizontal_class|default('col-sm-10') %}
 {% set _horizontal_label_class = horizontal_label_class|default('col-sm-2') %}
+
 {% set _label_block = false %}
 {% set _label_class = 'form-label' %}
 {% set _classes = ['form-control'] %}
 
-{% set _rows = rows|default('4') %}
 {% if _invalid is not empty %}
   {% set _classes = _classes|merge(['is-invalid']) %}
 {% endif %}