@openeuropa/bcl-theme-joinup 0.1.202408021145

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

@@ -0,0 +1,99 @@
+{% apply spaceless %}
+
+{# Parameters:
+  - label (string) (default: '')
+  - status (string) (default: 'planned')
+  - badge (string) (default: '')
+  - start_date (string) (default: '')
+  - start_label (string) (default: '')
+  - end_date (string) (default: '')
+  - end_label (string) (default: '')
+  - progress (string) (default: '')
+  - attributes (drupal attrs)
+#}
+
+{% set _label = label|default('') %}
+{% set _status = status|default('planned') %}
+{% set _badge = badge|default('') %}
+{% set _start_date = start_date|default('') %}
+{% set _start_label = start_label|default('') %}
+{% set _end_date = end_date|default('') %}
+{% set _end_label = end_label|default('') %}
+{% set _progress = progress|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',
+    closed: 'dark',
+    planned: 'secondary',
+  } %}
+{% set _bg = _bgs[_status]|default('secondary') %}
+
+<div {{ attributes }}>
+  <div class="row">
+    <div class="col-12 col-md-3">
+    {% if _label is not empty %}
+      <p class="fw-bold">{{ _label }}</p>
+    {% endif %}
+
+    {% 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 %}
+    {% endif %}
+
+    </div>
+
+    <div class="col-12 col-md-9">
+      <div class="d-flex justify-content-between">
+
+      {% if _start_date is not empty and _start_label is not empty %}
+        <p class="fw-bold">
+          {{- _start_label -}} <br>
+          <span class="fw-normal">
+            {{- _start_date -}}
+          </span>
+        </p>
+      {% endif %}
+
+      {% if _end_date is not empty and _end_label is not empty %}
+        <p class="fw-bold text-end">
+          {{- _end_label -}} <br>
+          <span class="fw-normal">
+            {{- _end_date -}}
+          </span>
+        </p>
+      {% endif %}
+      </div>
+
+    {% if _progress is not empty or _status != 'ongoing' %}
+      {% if _progress is empty %}
+        {% set _progress = _status == 'closed' ? 100 : 0 %}
+      {% endif %}
+      {% include '@oe-bcl/bcl-progress/progress.html.twig' with {
+        variant: _bg,
+        hidden_label: true,
+        progress: _progress,
+      } only %}
+    {% endif %}
+
+    </div>
+  </div>
+</div>
+
+
+
+{% endapply %}

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

@@ -0,0 +1,63 @@
+{% apply spaceless %}
+
+{# Parameters:
+  - activities (object[]) (default: [])
+    format: [
+      {
+        image: {
+          path: "",
+          alt: "",
+          class: "",
+        },
+        content: "",
+        meta: [
+          {
+            icon (icon object): {},
+            label: ""
+          }
+        ]
+      },
+      ...
+    ]
+#}
+
+{% set _activities = activities|default([]) %}
+
+{% if attributes is empty %}
+  {% set attributes = create_attribute() %}
+{% endif %}
+
+<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 rounded-2">
+    {% 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">
+        {%-  if _meta.icon is not empty -%}
+          {% include '@oe-bcl/bcl-icon/icon.html.twig' with _meta.icon only %}
+        {%- endif -%}
+          {{- _meta.label -}}
+        </p>
+        {%- endfor -%}
+      {%- endif -%}
+    </div>
+    {%- endif -%}
+  </div>
+  {% endfor %}
+{% endif %}
+</div>
+
+{% endapply %}

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

@@ -0,0 +1,22 @@
+{% extends "@oe-bcl/bcl-base-templates/listing-page.html.twig" %}
+
+{% block banner %}
+{% if banner.search_bar is defined %}
+  <div class="bg-lighter pt-3 pb-4 pb-lg-3">
+    <div class="container">
+      <div class="row">
+        <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>  
+    </div>
+  </div>
+{% endif %}
+{% endblock %}

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

@@ -0,0 +1,53 @@
+{% apply spaceless %}
+
+{# Parameters:
+  - pill (boolean) (default: false)
+  - icon (icon Object) (default: {})
+  - submit (button Object) (default: {})
+  - input (form input Object) (default: {})
+  - attributes (drupal attrs)
+  ]
+#}
+
+{% set _pill = pill ?? false %}
+{% set _icon = icon|default({}) %}
+{% set _submit = submit|default({}) %}
+{% set _input = input|default({}) %}
+
+{% set _classes = ['bcl-search-form'] %}
+
+{% if _pill %}
+  {% set _classes = _classes|merge(['rounded']) %}
+{% endif %}
+
+{% if _submit is not empty %}
+  {% set _classes = _classes|merge(['submittable']) %}
+{% endif %}
+
+{% if _icon is not empty %}
+  {% set _input = _input|merge({
+    attributes: _input.attributes.addClass("ps-5")
+  }) %}
+{% endif %}
+
+{% if attributes is empty %}
+  {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes.addClass( _classes ) %}
+
+<form
+  {{ attributes }}
+>
+  <div class="bcl-search-form__group">
+    {% if _icon is not empty %}
+      {% include '@oe-bcl/bcl-icon/icon.html.twig' with _icon only %}
+    {% endif %}
+    {% include '@oe-bcl/bcl-form-input/form-input.html.twig' with _input only %}
+    {% if _submit is not empty %}
+      {% include '@oe-bcl/bcl-button/button.html.twig' with _submit only %}
+    {% endif %}
+  </div>
+</form>
+
+{% endapply %}

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

@@ -0,0 +1,184 @@
+{% apply spaceless %}
+
+{#
+  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 (object[]) (default: [])
+    format: [
+      {
+        selected (boolean, optional)
+        disabled (boolean, optional)
+        label (string)
+        hidden (boolean, optional)
+        options (object[], optional)
+          format: [{
+            selected (boolean, optional)
+            disabled (boolean, optional)
+            label (string)
+          }]
+      }
+    ]
+  - aria_label (string) (default: '')
+  - clean_class (boolean) (default: false) - removes 'form-select' class
+  - attributes (drupal attrs)
+#}
+
+{% set _id = id|default('') %}
+{% set _label = label|default('') %}
+{% set _label_extra_classes = label_extra_classes|default('') %}
+{% set _hidden_label = hidden_label ?? false %}
+{% set _helper_text = helper_text|default('') %}
+{% set _helper_text_id = helper_text_id|default('') %}
+{% set _disabled = disabled ?? false %}
+{% set _invalid = invalid ?? false %}
+{% set _valid = valid ?? false %}
+{% set _invalid_feedback = invalid_feedback|default('') %}
+{% set _valid_feedback = valid_feedback|default('') %}
+{% set _required = required ?? false %}
+{% set _multiple = multiple ?? false %}
+{% set _options = options|default([]) %}
+{% set _aria_label = aria_label|default('') %}
+{% set _clean_class = clean_class ?? false %}
+
+{% set _classes = ['form-select'] %}
+{% set _label_class = 'form-label' %}
+
+{% if _clean_class %}
+  {% set _classes = [] %}
+{% endif %}
+
+{% if _invalid %}
+  {% set _classes = _classes|merge(['is-invalid']) %}
+{% endif %}
+
+{% if _valid %}
+  {% set _classes = _classes|merge(['is-valid']) %}
+{% endif %}
+
+{% if attributes is empty %}
+  {% set attributes = create_attribute() %}
+{% endif %}
+
+{% if _label_extra_classes is not empty %}
+  {% set _label_class = _label_class ~ ' ' ~ _label_extra_classes %}
+{% endif %}
+
+{% if _aria_label is not empty %}
+  {% set attributes = attributes.setAttribute('aria-label', _aria_label) %}
+{% endif %}
+
+{% if _id is not empty %}
+  {% set attributes = attributes.setAttribute('id', _id) %}
+{% endif %}
+
+{% if _disabled %}
+  {% set attributes = attributes.setAttribute('disabled', true) %}
+{% endif %}
+
+{% if _multiple %}
+  {% set attributes = attributes.setAttribute('multiple', true) %}
+{% endif %}
+
+{% if _required %}
+  {% set attributes = attributes.setAttribute('required', true) %}
+{% endif %}
+
+{% if _hidden_label %}
+  {% set _label_class = _label_class ~ ' visually-hidden' %}
+{% endif %}
+
+{% if _classes is not empty %}
+  {% set attributes = attributes.addClass(_classes) %}
+{% endif %}
+
+{% if _label is not empty %}
+  {% set _label_block %}
+    <label
+    {% if _id %}
+      for="{{ _id }}"
+    {% endif %}
+      class="{{ _label_class }}"
+    >
+      {{- label -}}
+    </label>
+  {% endset %}
+{% endif %}
+
+{% if _label_block is defined %}
+  {{ _label_block|raw }}
+{% endif %}
+<select
+  {{ attributes }}
+>
+{% if _options is not empty and _options is iterable %}
+  {% for _option in _options %}
+    {% if _option.optgroup is defined %}
+      <optgroup label="{{ _option.label }}">
+      {% if _option.options is not empty  and _option.options is iterable %}
+        {% for _optGroupOption in _option.options %}
+        <option
+          value="{{ _optGroupOption.value }}"
+        {% if _optGroupOption.selected is defined %}
+          selected
+        {% endif %}
+        {% if _optGroupOption.disabled %}
+          disabled
+        {% endif %}
+        >
+          {{- _optGroupOption.label -}}
+        </option>
+        {% endfor %}
+      {% endif %}
+      </optgroup>
+    {% else %}
+      <option
+        value="{{ _option.value }}"
+      {% if _option.selected is defined %}
+        selected
+      {% endif %}
+      {% if _option.disabled %}
+        disabled
+      {% endif %}
+      {% if _option.hidden %}
+        hidden
+      {% endif %}
+      >
+        {{- _option.label -}}
+      </option>
+    {% endif %}
+  {% endfor %}
+{% endif %}
+</select>
+{% if _invalid_feedback is not empty %}
+  <div class="invalid-feedback">
+    {{- _invalid_feedback -}}
+  </div>
+{% endif %}
+{% if _valid_feedback is not empty %}
+  <div class="valid-feedback">
+    {{- _valid_feedback -}}
+  </div>
+{% endif %}
+{% if _helper_text is not empty %}
+<div
+  class="form-text"
+{% if _helper_text_id is not empty %}
+  id="{{ _helper_text_id }}"
+{% endif %}>
+  {{- _helper_text -}}
+</div>
+{% endif %}
+
+{% endapply %}

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

@@ -0,0 +1,40 @@
+{% apply spaceless %}
+
+{# Parameters:
+  - type (string) (default: 'border')
+    - options ['border', 'grow']
+  - variant (string) (default: '')
+  - 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]) %}
+{% endif %}
+{% if _variant is not empty %}
+  {% set _classes = _classes|merge(['text-' ~ _variant]) %}
+{% endif %}
+
+{% if attributes is empty %}
+  {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes.addClass(_classes).setAttribute('role', 'status') %}
+
+<div
+  {{ attributes }}
+>
+{% if _assistive_text is not empty %}
+  <span class="visually-hidden">{{ _assistive_text }}</span>
+{% endif %}
+</div>
+
+{% endapply %}

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

@@ -0,0 +1,24 @@
+{% extends "@oe-bcl/bcl-modal/modal.html.twig" %}
+
+{# Parameters:
+  - form: (form object) (default: {})
+  - success_alert: (alert object) (default: {})
+  - error_alert: (alert Object) (default: {})
+
+  Blocks:
+  - body
+  - messages
+#}
+
+{% set _form = form|default({}) %}
+{% set _success_alert = success_alert|default({}) %}
+{% set _error_alert = error_alert|default({}) %}
+
+{% block body %}
+  {% include '@oe-bcl/bcl-form/form.html.twig' with _form only %}
+{% endblock %}
+
+{% block messages %}
+  {% include '@oe-bcl/bcl-alert/alert.html.twig' with _success_alert only %}
+  {% include '@oe-bcl/bcl-alert/alert.html.twig' with _error_alert only %}
+{% endblock %}

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

@@ -0,0 +1,10 @@
+{% 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_bottom %}
+  {% include '@oe-bcl/bcl-subscription-block/subscription-block.html.twig' with subscription only %}
+  {% include '@oe-bcl/bcl-subscription/subscription-modal.html.twig' with modal only %}
+{% endblock %}

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

@@ -0,0 +1,38 @@
+{% apply spaceless %}
+
+{# Parameters:
+  - title: (string) (default: '')
+  - content: (string) (default: '')
+  - button: (button Object) (default: {})
+  - attributes (drupal attrs)
+#}
+
+{% set _title = title|default('') %}
+{% set _content = content|default('') %}
+{% set _button = button|default({}) %}
+
+{% set _classes = ['bcl-subscription-block', 'text-bg-light', 'px-4-5', 'pt-4', 'pb-4-5'] %}
+
+{% if attributes is empty %}
+  {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes.addClass(_classes) %}
+
+<div
+  {{ attributes }}
+>
+  {% if _title is not empty %}
+    <div class="fs-2 fw-normal">{{ _title }}</div>
+  {% endif %}
+  {% if _content is not empty %}
+    {{ _content }}
+  {% endif %}
+  {% if _button is not empty %}
+    <div class="pb-2">
+    {% include '@oe-bcl/bcl-button/button.html.twig' with _button only %}
+    </div>
+  {% endif %}
+</div>
+
+{% endapply %}