@openeuropa/bcl-theme-joinup 0.1.202408021145

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

@@ -0,0 +1,45 @@
+{% 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 id="content">{{ get_dummy_text(6) }}
+  </p>
+  <h2 id="item-1" class="my-4">Section 1</h2>
+  {% 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 %}
+
+  <h2 id="item-2" class="my-4">Section 2</h2>
+
+  {{ get_dummy_text(6, true) }}
+
+  {% 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 %}
+
+  {{ get_dummy_text(8, true) }}
+
+  <h2 id="item-3" class="my-4">Section 3</h2>
+
+  {{ get_dummy_text(4, true) }}
+
+  {% 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-pagination/pagination-item.html.twig

@@ -0,0 +1,73 @@
+{% apply spaceless %}
+
+{# Parameters:
+  - path (string) (default: '')
+  - label (string) (default: '')
+  - disabled (boolean) (default: false)
+  - active (boolean) (default: false)
+  - aria_label (string) (default: '') - deprecated, use attributes
+  - icon (icon object) (default: {})
+  - attributes (drupal attrs)
+#}
+
+{% set _path = path|default('') %}
+{% set _label = label|default('') %}
+{% set _disabled = disabled ?? false %}
+{% set _active = active ?? false %}
+{% set _aria_label = aria_label|default('') %}
+{% set _icon = icon|default({}) %}
+{% set _icon_path = icon_path|default('') %}
+{% set _icon_name = icon_name|default('') %}
+{% set _icon_html = icon_html|default('') %}
+{% set _classes = ['page-link'] %}
+
+{% if _icon_path is not empty and _icon is empty %}
+  {% if _icon_name is not empty %}
+    {% set _icon = _icon|merge({
+      name: _icon_name,
+      path: _icon_path,
+      size: "fluid"
+    }) %}
+    {% set _label = "" %}
+  {% endif %}
+{% else %}
+  {% if _icon_html is not empty %}
+    {% set _label %}
+      <span aria-hidden="true">{{- _icon_html -}}</span>
+    {% endset %}
+  {% endif %}
+{% endif %}
+
+{% if _icon is not empty %}
+  {% set _icon = _icon|merge({
+    path: _icon_path,
+  }) %}
+{% endif %}
+
+{% if attributes is empty %}
+  {% set attributes = create_attribute() %}
+{% endif %}
+
+{% if _aria_label is not empty %}
+  {% set attributes = attributes.setAttribute('aria-label', _aria_label ) %}
+{% endif %}
+
+{% if _active %}
+  {% set attributes = attributes.setAttribute('aria-current', 'page' ) %}
+{% endif %}
+
+{% set attributes = attributes.addClass(_classes) %}
+
+{% if _path %}
+  {%- include '@oe-bcl/bcl-link/link.html.twig' with {
+    label: _label,
+    path: _path,
+    disabled: _disabled,
+    icon: _icon,
+    attributes: attributes,
+  } only -%}
+{% else %}
+  <div {{ attributes }}>{{- _label -}}</div>
+{% endif %}
+
+{% endapply %}

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

@@ -0,0 +1,158 @@
+{% apply spaceless %}
+
+{# Parameters:
+  - size (string) (default: '')
+    - options ['sm', 'lg']
+  - alignment (string) (default: '')
+    - options ['end', 'center']
+  - variant: (string) (default: '')
+    - options: ['glossary']
+  - aria_label (string) (default: '') - deprecated, use attributes
+  - enable_prev_next_icon (boolean) (default: false)
+  - enable_first_last_icon (boolean) (default: true)
+  - ellipsis_before (boolean) (default: false)
+  - ellipsis_after (boolean) (default: false)
+  - first (pagination Item object) (default: {})
+  - prev (pagination Item object) (default: {})
+  - next (pagination Item object) (default: {})
+  - last (pagination Item object) (default: {})
+  - items (pagination item[]) (default: [])
+    format: [
+    {
+      - path (string) (default: '')
+      - label (string) (default: '')
+      - disabled (boolean) (default: false)
+      - active (boolean) (default: false)
+      - aria_label (string) (default: '') - deprecated, use attributes
+      - icon (Icon component) (default: {})
+      - attributes (drupal attrs)
+    }
+  - icon_path (string) (default: '')
+  - attributes (drupal attrs)
+#}
+
+{% set _size = size|default('') %}
+{% set _alignment = alignment|default('') %}
+{% set _variant = variant|default('') %}
+{% set _aria_label = aria_label|default('') %}
+{% set _enable_prev_next_icon = enable_prev_next_icon ?? false %}
+{% set _enable_first_last_icon = enable_first_last_icon ?? true %}
+{% set _ellipsis_before = ellipsis_before ?? false %}
+{% set _ellipsis_after = ellipsis_after ?? false %}
+{% set _first = first|default({}) %}
+{% set _prev = prev|default({}) %}
+{% set _next = next|default({}) %}
+{% set _last = last|default({}) %}
+{% set _items = items|default([]) %}
+{% set _icon_path = icon_path|default('') %}
+{% set _internal_items = [] %}
+
+{% if _enable_first_last_icon %}
+  {% if _first is not empty %}
+    {% set _first = _first|merge({
+      icon_html: "«",
+      icon_name: "chevron-double-left",
+    }) %}
+  {% endif %}
+  {% if _last is not empty %}
+    {% set _last = _last|merge({
+      icon_html: '»',
+      icon_name: "chevron-double-right",
+    }) %}
+  {% endif %}
+{% endif %}
+
+{% if _enable_prev_next_icon %}
+  {% if _prev is not empty %}
+    {% set _prev = _prev|merge({
+      icon_html: "‹",
+      icon_name: "chevron-left",
+    }) %}
+  {% endif %}
+  {% if _next is not empty %}
+    {% set _next = _next|merge({
+      icon_html: "›",
+      icon_name: "chevron-right",
+    }) %}
+  {% endif %}
+{% endif %}
+
+
+{% set _internal_items = _internal_items|merge([_first, _prev]) %}
+
+{% set _ellipsis_markup %} … {% endset %}
+
+{% if _ellipsis_before %}
+  {% set _ellipsis_before_item = {
+    icon_html: _ellipsis_markup,
+    icon_path: "",
+  } %}
+  {% set _internal_items = _internal_items|merge([_ellipsis_before_item]) %}
+{% endif %}
+
+{% set _internal_items = _internal_items|merge(_items) %}
+
+{% if _ellipsis_after %}
+  {% set _ellipsis_after_item = {
+    icon_html: _ellipsis_markup,
+    icon_path: "",
+  } %}
+  {% set _internal_items = _internal_items|merge([_ellipsis_after_item]) %}
+{% endif %}
+
+{% set _internal_items = _internal_items|merge([_next, _last]) %}
+
+{% if attributes is empty %}
+  {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set _classes = ['pagination'] %}
+{% if _size is not empty %}
+  {% set _classes = _classes|merge(['pagination-' ~ _size]) %}
+{% endif %}
+{% if _variant is not empty %}
+  {% set _classes = _classes|merge(['pagination--' ~ _variant]) %}
+{% endif %}
+{% if _alignment is not empty %}
+  {% set _classes = _classes|merge(['justify-content-' ~ _alignment]) %}
+{% endif %}
+
+{% set attributes = attributes.setAttribute('role', 'navigation') %}
+
+{% if _variant == 'glossary' %}
+  {% set attributes = attributes.addClass(['bcl-glossary']) %}
+{% endif %}
+
+{% if _aria_label is not empty %}
+  {% set attributes = attributes.setAttribute('aria-label', aria_label) %}
+{% endif %}
+
+<nav
+  {{ attributes }}
+>
+  <ul class="{{ _classes|join(' ') }}">
+{% if _internal_items is not empty and _internal_items is iterable %}
+  {% for _item in _internal_items %}
+    {% if _item is not empty %}
+      {% set _item_class = ['page-item'] %}
+      {% if _item.disabled %}
+        {% set _item_class = _item_class|merge(['disabled']) %}
+      {% endif %}
+      {% if _item.active %}
+        {% set _item_class = _item_class|merge(['active']) %}
+      {% endif %}
+      <li class="{{ _item_class|join(' ') }}">
+        {% if _item.icon_path is not defined %}
+          {% set _item = _item|merge({
+            icon_path: _icon_path,
+          }) %}
+        {% endif %}
+        {% include '@oe-bcl/bcl-pagination/pagination-item.html.twig' with _item only %}
+      </li>
+    {% endif %}
+  {% endfor %}
+{% endif %}
+  </ul>
+</nav>
+
+{% endapply %}

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

@@ -0,0 +1,29 @@
+{% 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 %}
+  {% if information.main_title is not empty %}
+    <h2
+      class="mb-4"
+    >{{- information.main_title -}}</h2>
+  {% endif %}
+  {% if information.content is not empty %}
+    <div class="mb-4-5">
+      {{- information.content -}}
+    </div>
+  {% endif %} 
+
+  {% if files.main_title is not empty %}
+    <h2
+      class="mb-3-5"
+    >{{- files.main_title -}}</h2>
+  {% endif %}
+  {% if files.listing is defined and files.listing is not empty %}
+    {% for file in files.listing %}
+      {% include '@oe-bcl/bcl-file/file.html.twig' with file only %}
+    {% endfor %}
+  {% endif %}
+{% endblock %}

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

@@ -0,0 +1,45 @@
+{% apply spaceless %}
+
+{# Parameters:
+  - width (int) (default: 0) - between 0-100
+  - variant (string) (default: '')
+    - options ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark']
+  - size (string) (default: '')
+    - options ['xs', 'lg']
+  - animation (string) (default: '')
+    - options ['glow', 'wave']
+  - attributes (drupal attrs)
+#}
+
+{% set _width = width|default(0) %}
+{% set _variant = variant|default('') %}
+{% set _size = size|default('') %}
+{% set _animation = animation|default('') %}
+
+{% set _classes = ['placeholder'] %}
+
+{% if _size is not empty %}
+  {% set _classes = _classes|merge(['placeholder-' ~ _size]) %}
+{% endif %}
+
+{% if _variant is not empty %}
+  {% set _classes = _classes|merge(['text-bg-' ~ _variant]) %}
+{% endif %}
+
+{% if attributes is empty %}
+  {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes.addClass(_classes) %}
+{% set attributes = attributes.setAttribute('style', 'width: ' ~ _width ~ '%;') %}
+
+{% if _animation is not empty %}
+  <p class="placeholder-{{ _animation }}">
+{% endif %}
+<span {{- attributes -}} >
+</span>
+{% if _animation is not empty %}
+  </p>
+{% endif %}
+
+{% endapply %}

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

@@ -0,0 +1,73 @@
+{% apply spaceless %}
+
+{# Parameters:
+  - progress (int) (default: 0)
+  - min (int) (default: 0)
+  - max (int) (default: 100)
+  - striped (boolean) (default: false)
+  - animated (boolean) (default: false)
+  - hidden_label (boolean) (default: false)
+  - label (string) (default: '')
+  - bar_label (string) (default: '')
+  - variant (string) (default: '')
+  - message (string) (default: '')
+  - attributes (drupal attrs)
+#}
+
+{% set _progress = progress|default(0) %}
+{% set _min = min|default(0) %}
+{% set _max = max|default(100) %}
+{% set _striped = striped ?? false %}
+{% set _animated = animated ?? false %}
+{% set _hidden_label = hidden_label ?? false %}
+{% set _label = label|default('') %}
+{% set _bar_label = bar_label|default('') %}
+{% set _variant = variant|default('') %}
+{% set _message = message|default('') %}
+
+{% set _classes = 'progress-bar' %}
+{% if _striped is not empty %}
+  {% set _classes = _classes ~ ' progress-bar-striped' %}
+{% endif %}
+{% if _animated is not empty %}
+  {% set _classes = _classes ~ ' progress-bar-animated' %}
+{% endif %}
+{% if _variant is not empty %}
+  {% set _classes = _classes ~ ' text-bg-' ~ _variant %}
+{% endif %}
+
+{% if attributes is empty %}
+  {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes.addClass(['progress']) %}
+
+{% if _bar_label is empty %} 
+  {% set _bar_label = _progress ~ '%' %}
+{% endif %}
+
+{% if _label is not empty %}
+  <label class="progress-bar-label">{{ _label }}</label>
+{% endif %}
+<div
+  {{ attributes }}
+>
+  <div
+    class="{{ _classes }}"
+    role="progressbar"
+    style="width: {{ _progress }}%"
+    aria-valuenow="{{ _progress }}"
+    aria-label="{{ _progress }}"
+    aria-valuemin="{{ _min }}"
+    aria-valuemax="{{ _max }}"
+  >
+  {%- if not _hidden_label -%}
+    {{- _bar_label -}}
+  {%- endif -%}
+  </div>
+</div>
+{% if _message is not empty %}
+  <small class="form-text text-muted progress-bar-message">{{ _message }}</small>
+{% endif %}
+
+{% endapply %}

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

@@ -0,0 +1,73 @@
+{% apply spaceless %}
+
+
+{#
+  Parameters:
+  - title: (string) (default: '')
+  - title_tag: (string) (default: 'h2')
+  - title_link: (link object) (default: {})
+  - title_attributes (drupal attrs)
+  - 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', 'mb-3'])
+          })
+        %}
+      {% endif %}
+      {% include '@oe-bcl/bcl-description-list/description-list.html.twig' with _list only %}
+    {% endfor %}
+  {% endfor %}
+{% endif %}
+</div>
+
+{% endapply %}

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

@@ -0,0 +1,72 @@
+{% 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 %}
+  {% if project_status is not empty %}
+    {% if project_status_title is not empty %}
+      {% set _project_title_attributes = create_attribute().addClass(['mb-4']) %}
+      {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+        title: project_status_title,
+        title_tag: 'h2',
+        attributes: create_attribute().setAttribute('id', project_status_id),
+      } only %}
+    {% endif %}
+    {% include '@oe-bcl/bcl-project-status/project-status.html.twig' with project_status %}
+    {% if project_contributions is not empty %}
+      {% include '@oe-bcl/bcl-project-status/project-contributions.html.twig' with project_contributions %}
+    {% endif %}
+    {% if status_lists is not empty %}
+      {% include '@oe-bcl/bcl-project/project-lists.html.twig' with status_lists only %}
+    {% endif %}
+  {% endif %}
+
+  {% 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 featured_lists is not empty %}
+    {% include '@oe-bcl/bcl-project/project-lists.html.twig' with featured_lists only %}
+  {% endif %}
+
+  {% 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 %}
+      {% 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 is not empty %}
+  <div class="mt-3 mb-4-5">
+    {% include '@oe-bcl/bcl-gallery/gallery.html.twig' with gallery only %}
+  </div>
+  {% endif %}
+
+  {% if social_block is not empty %}
+    {% block social_block %}
+      {{ social_buttons }}
+      {% include '@oe-bcl/bcl-button/button.html.twig' with button_social_modal only %}
+      {% include '@oe-bcl/bcl-modal/modal.html.twig' with social_modal only %}
+    {% endblock %}
+  {% endif %}
+
+{% endblock %}

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

@@ -0,0 +1,56 @@
+{% apply spaceless %}
+
+{# Parameters:
+  - corporate_contributions (string) (default: '') // value every 5 percent
+  - legend (description list object) (default: {})
+  - chart (boolean) (default: false)
+
+  Blocks - 
+    project_status_contrib_chart
+    project_status_contrib_legend
+#}
+
+{% set _corporate_contributions = corporate_contributions|default('') %}
+{% set _legend = legend|default({}) %}
+{% set _chart = chart ?? 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>
+
+{% endapply %}