@openeuropa/bcl-twig-templates 0.4298.202511051800 → 0.4360.202601141610

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

@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {#
   Parameters:
   - with_wrapper (boolean) (default: false)
@@ -26,107 +24,105 @@
   - attributes (drupal attrs)
 #}
 
-{% set _with_wrapper = with_wrapper ?? false %}
+{%- set _with_wrapper = with_wrapper ?? false %}
 {% set _wrapper_classes = wrapper_classes|default('') %}
 {% set _wrapper_aria_live = wrapper_aria_live|default('') %}
 {% set _with_container = with_container ?? false %}
 {% set _toasts = toasts|default([]) %}
 
-{% set _container_classes = 'toast-container' %}
+{%- set _container_classes = 'toast-container' %}
 
-{% if container_classes %}
-  {% set _container_classes = _container_classes ~ ' ' ~ container_classes %}
+{%- if container_classes %}
+  {%- set _container_classes = _container_classes ~ ' ' ~ container_classes %}
 {% endif %}
 
-{% if attributes is empty %}
-  {% set attributes = create_attribute() %}
+{%- if attributes is empty %}
+  {%- set attributes = create_attribute() %}
 {% endif %}
 
-{# wrapper #}
+{#- wrapper #}
 {% if _with_wrapper %}
-  {% set attributes = attributes.setAttribute('aria-atomic', "true") %}
-  {% if _wrapper_aria_live %}
-    {% set attributes = attributes.setAttribute('aria-live', _wrapper_aria_live) %}
-  {% endif %}
-  {% if _wrapper_classes %}
-    {% set attributes = attributes.addClass(_wrapper_classes|split(' ')) %}
-  {% endif %}
+  {%- set attributes = attributes.setAttribute('aria-atomic', "true") %}
+  {%- if _wrapper_aria_live %}
+    {%- set attributes = attributes.setAttribute('aria-live', _wrapper_aria_live) %}
+  {%- endif %}
+  {%- if _wrapper_classes %}
+    {%- set attributes = attributes.addClass(_wrapper_classes|split(' ')) %}
+  {%- endif -%}
 
 <div {{ attributes }}>
 
-{% endif %}
+{%- endif %}
 {# container #}
-{% if _with_container %}
+{% if _with_container -%}
   <div class="{{ _container_classes }}">
-{% endif %}
+{%- endif %}
 {# toasts #}
 {% if _toasts is not empty %}
-  {% for _toast in _toasts %}
-    {% set _classes = ['toast'] %}
-    {% set _body = _toast.body|default('') %}
-    {% set _role = _toast.role|default('') %}
-    {% set _with_close = _toast.with_close ?? true %}
-    {% set _aria_live = _toast.aria_live|default('') %}
-    {% set _autohide = _toast.autohide ?? true %}
-    {% set _with_body_wrapper = _toast.with_body_wrapper ?? false %}
-    {% set _body_wrapper_classes = _toast.body_wrapper_classes|default('') %}
-    {% set _toast_attributes = _toast.attributes ?: create_attribute() %}
-    {% set _body_attributes = _toast.body_attributes ?: create_attribute() %}
-    {% set _header_attributes = _toast.header_attributes ?: create_attribute() %}
-    {% set _button_attributes = _toast.button_attributes ?: create_attribute() %}
-    {% set _toast_attributes =  _toast_attributes.addClass(_classes).setAttribute('aria-atomic', 'true') %}
-    {% if _aria_live is not empty %}
-      {% set _toast_attributes = _toast_attributes.setAttribute('aria-live', _aria_live) %}
-    {% endif %}
-    {% if _role is not empty %}
-      {% set _toast_attributes = _toast_attributes.setAttribute('role', _role) %}
-    {% endif %}
-    {% if not _autohide %}
-      {% set _toast_attributes = _toast_attributes.setAttribute('data-bs-autohide', 'false') %}
-    {% endif %}
+  {%- for _toast in _toasts %}
+    {%- set _classes = ['toast'] %}
+    {%- set _body = _toast.body|default('') %}
+    {%- set _role = _toast.role|default('') %}
+    {%- set _with_close = _toast.with_close ?? true %}
+    {%- set _aria_live = _toast.aria_live|default('') %}
+    {%- set _autohide = _toast.autohide ?? true %}
+    {%- set _with_body_wrapper = _toast.with_body_wrapper ?? false %}
+    {%- set _body_wrapper_classes = _toast.body_wrapper_classes|default('') %}
+    {%- set _toast_attributes = _toast.attributes ?: create_attribute() %}
+    {%- set _body_attributes = _toast.body_attributes ?: create_attribute() %}
+    {%- set _header_attributes = _toast.header_attributes ?: create_attribute() %}
+    {%- set _button_attributes = _toast.button_attributes ?: create_attribute() %}
+    {%- set _toast_attributes =  _toast_attributes.addClass(_classes).setAttribute('aria-atomic', 'true') %}
+    {%- if _aria_live is not empty %}
+      {%- set _toast_attributes = _toast_attributes.setAttribute('aria-live', _aria_live) %}
+    {%- endif %}
+    {%- if _role is not empty %}
+      {%- set _toast_attributes = _toast_attributes.setAttribute('role', _role) %}
+    {%- endif %}
+    {%- if not _autohide %}
+      {%- set _toast_attributes = _toast_attributes.setAttribute('data-bs-autohide', 'false') %}
+    {%- endif -%}
     <div
       {{ _toast_attributes }}
     >
-    {% if _with_close or
+    {%- if _with_close or
       (_toast.header is defined and _toast.header is not empty)
-    %}
+    -%}
     <div{{ _header_attributes.addClass(['toast-header']) }}>
     {{- _toast.header|default('') -}}
     {% if _with_close %}
-      {% if not _button_attributes.hasAttribute('aria-label') %}
-        {% set _button_attributes = _button_attributes.setAttribute('aria-label', 'Close') %}
-      {% endif %}
+      {%- if not _button_attributes.hasAttribute('aria-label') %}
+        {%- set _button_attributes = _button_attributes.setAttribute('aria-label', 'Close') %}
+      {%- endif %}
       {%- include '@oe-bcl/bcl-button/button.html.twig' with {
         attributes: _button_attributes
           .addClass(['btn-close'])
           .setAttribute('data-bs-dismiss', 'toast'),
         clean_class: true
       } only -%}
-    {% endif %}
+    {% endif -%}
     </div>
-  {% endif %}
-  {% if _with_body_wrapper %}
+  {%- endif %}
+  {%- if _with_body_wrapper -%}
     <div
     {% if _body_wrapper_classes %}
       class="{{ _body_wrapper_classes }}"
     {% endif %}
     >
-  {% endif %}
+  {%- endif -%}
     <div{{ _body_attributes.addClass(['toast-body']) }}>
       {{- _body -}}
     </div>
-  {% if _with_body_wrapper %}
+  {%- if _with_body_wrapper -%}
     </div>
-  {% endif %}
+  {%- endif %}
   {{- _toast.custom_content|default('') -}}
   </div>
-  {% endfor %}
+  {%- endfor %}
 {% endif %}
-{% if _with_container %}
+{% if _with_container -%}
   </div>
-{% endif %}
-{% if _with_wrapper %}
+{%- endif %}
+{% if _with_wrapper -%}
 </div>
-{% endif %}
-
-{% endapply %}
+{%- endif -%}

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

@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - picture (object) (default: {})
     format: {
@@ -15,50 +13,49 @@
   - infos (string[]) (default: [])
 #}
 
-{% set _picture = picture|default({}) %}
+{%- set _picture = picture|default({}) %}
 {% set _name = name|default({}) %}
 {% set _infos = infos|default([]) %}
 
-{% set _picture_classes = 'rounded-pill' %}
+{%- set _picture_classes = 'rounded-pill' %}
 {% set _classes = ['bcl-user-compact', 'd-flex', 'mb-3'] %}
 
-{% if attributes is empty %}
-  {% set attributes = create_attribute() %}
+{%- if attributes is empty %}
+  {%- set attributes = create_attribute() %}
 {% endif %}
 
-{% set attributes = attributes.addClass(_classes) %}
+{%- set attributes = attributes.addClass(_classes) %}
 
-{% if _picture is not empty and _picture.classes is not empty %}
-  {% set _picture_classes = _picture_classes ~ ' ' ~ _picture.classes %}
-{% endif %}
+{%- if _picture is not empty and _picture.classes is not empty %}
+  {%- set _picture_classes = _picture_classes ~ ' ' ~ _picture.classes %}
+{% endif -%}
 
 <div
   {{ attributes }}
->
-  <div class="flex-shrink-0">
+>{# -#}
+  <div class="flex-shrink-0">{# -#}
     <img
       class="{{ _picture_classes }}"
       src="{{ _picture.path }}"
       alt="{{ _picture.alt }}"
-    >
-  </div>
+    >{# -#}
+  </div>{# -#}
   <div class="flex-grow-1 ms-3">
-  {% if _name.link is not empty %}
+  {%- if _name.link is not empty -%}
     <a href="{{ _name.link }}" class="fs-5 standalone mb-0">{{ _name.text }}</a>
-  {% else %}
+  {%- else -%}
     <p class="fs-5 mb-0 text-primary">{{ _name.text }}</p>
-  {% endif %}
+  {%- endif %}
 
-  {% if _infos is not empty %}
+  {%- if _infos is not empty -%}
     <div class="d-flex flex-wrap">
-    {% for _info in _infos %}
-      {% if _info is not empty %}
-      <span class="text-muted text-nowrap{{ loop.last ? '' :' me-4-5'}}">{{ _info }}</span>
-      {% endif %}
-    {% endfor %}
+    {%- for _info in _infos %}
+      {%- if _info is not empty -%}
+      <span class="text-muted text-nowrap{{ loop.last ? '' :' me-4-5' }}">{{ _info }}</span>
+      {%- endif %}
+    {%- endfor -%}
     </div>
-  {% endif %}
-  </div>
+  {%- endif -%}
+  </div>{# -#}
 </div>
-
-{% endapply %}
+{#--#}

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

@@ -1,11 +1,11 @@
 {% extends "@oe-bcl/bcl-base-templates/content-type.html.twig" -%}
 
 {%- block content %}
-  {{ get_dummy_text(4, true) }}
-  <ul class="mb-4-5">
-    <li>{{ get_dummy_text() }}</li>
-    <li>{{ get_dummy_text() }}</li>
-    <li>{{ get_dummy_text() }}</li>
+  {{- get_dummy_text(4, true) -}}
+  <ul class="mb-4-5">{# -#}
+    <li>{{ get_dummy_text() }}</li>{# -#}
+    <li>{{ get_dummy_text() }}</li>{# -#}
+    <li>{{ get_dummy_text() }}</li>{# -#}
   </ul>
-  {% include '@oe-bcl/bcl-form/form.html.twig' with terms_form only %}
+  {%- include '@oe-bcl/bcl-form/form.html.twig' with terms_form only %}
 {%- endblock -%}

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

@@ -1,137 +1,137 @@
 {% extends "@oe-bcl/bcl-base-templates/content-type.html.twig" -%}
 
 {%- block content %}
-  {% include "@oe-bcl/bcl-navigation/navigation.html.twig" with navigation only %}
-  <div class="tab-content">
+  {%- include "@oe-bcl/bcl-navigation/navigation.html.twig" with navigation only -%}
+  <div class="tab-content">{# -#}
     <div class="tab-pane fade show active" id="view" role="tabpanel" aria-labelledby="view-tab">
-      {% include '@oe-bcl/bcl-content-banner/content-banner.html.twig' with view.banner only %}
+      {%- include '@oe-bcl/bcl-content-banner/content-banner.html.twig' with view.banner only -%}
       <div class="mt-3 mt-md-4-75 pt-4-75 mb-3">
-        {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+        {%- include '@oe-bcl/bcl-heading/heading.html.twig' with {
           title: 'Personal information',
           title_tag: 'h2',
           attributes: create_attribute().addClass(['mb-4']),
-        } only %}
-        <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>
+        } only -%}
+        <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">
-        {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+        {%- include '@oe-bcl/bcl-heading/heading.html.twig' with {
           title: 'Professional information',
           title_tag: 'h2',
           attributes: create_attribute().addClass(['mb-4']),
-        } only %}
-        <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>
-    </div>
-    <div class="tab-pane fade" id="edit" role="tabpanel" aria-labelledby="edit-tab">
-      <h1 class="my-4-5">Edit my profile</h1>
-      <h2 class="mb-4-5">Profile image</h2>
-      <div class="row">
-        <div class="bcl-card-start-col bcl-size-large mx-auto ms-md-2-5">
-          <img src="https://picsum.photos/seed/1002/400/400" class="img-fluid" alt="profile-image">
-        </div>
-        <div class="col-12 col-md align-self-center">
+        } only -%}
+        <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>{# -#}
+    </div>{# -#}
+    <div class="tab-pane fade" id="edit" role="tabpanel" aria-labelledby="edit-tab">{# -#}
+      <h1 class="my-4-5">Edit my profile</h1>{# -#}
+      <h2 class="mb-4-5">Profile image</h2>{# -#}
+      <div class="row">{# -#}
+        <div class="bcl-card-start-col bcl-size-large mx-auto ms-md-2-5">{# -#}
+          <img src="https://picsum.photos/seed/1002/400/400" class="img-fluid" alt="profile-image">{# -#}
+        </div>{# -#}
+        <div class="col-12 col-md align-self-center">{# -#}
           <div class="mt-3 text-center text-md-start">
-            {% include '@oe-bcl/bcl-form-input/form-input.html.twig' with edit.image_upload_input only %}
+            {%- include '@oe-bcl/bcl-form-input/form-input.html.twig' with edit.image_upload_input only -%}
             <div class="d-md-inline-block">
-              {% include '@oe-bcl/bcl-button/button.html.twig' with edit.remove_image_button only %}
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="row">
+              {%- include '@oe-bcl/bcl-button/button.html.twig' with edit.remove_image_button only -%}
+            </div>{# -#}
+          </div>{# -#}
+        </div>{# -#}
+      </div>{# -#}
+      <div class="row">{# -#}
         <div class="col-12">
-          {% include '@oe-bcl/bcl-form/form.html.twig' with edit.profile_information only %}
-        </div>
-      </div>
-    </div>
-    <div class="tab-pane fade" id="privacy" role="tabpanel" aria-labelledby="privacy-tab">
-      <h1 class="my-4-5">Privacy settings</h1>
+          {%- include '@oe-bcl/bcl-form/form.html.twig' with edit.profile_information only -%}
+        </div>{# -#}
+      </div>{# -#}
+    </div>{# -#}
+    <div class="tab-pane fade" id="privacy" role="tabpanel" aria-labelledby="privacy-tab">{# -#}
+      <h1 class="my-4-5">Privacy settings</h1>{# -#}
       <p>Who can consult my data</p>
-      {% include '@oe-bcl/bcl-form/form.html.twig' with privacy.settings only %}
-    </div>
-    <div class="tab-pane fade" id="visibility" role="tabpanel" aria-labelledby="visibility-tab">
-      <h1 class="my-4-5">Visibility settings</h1>
+      {%- include '@oe-bcl/bcl-form/form.html.twig' with privacy.settings only -%}
+    </div>{# -#}
+    <div class="tab-pane fade" id="visibility" role="tabpanel" aria-labelledby="visibility-tab">{# -#}
+      <h1 class="my-4-5">Visibility settings</h1>{# -#}
       <p class="mb-3">Select what information should be displayed to your profile.</p>
-      {% include '@oe-bcl/bcl-form/form.html.twig' with privacy.public_profile_content only %}
-    </div>
-    <div class="tab-pane fade" id="cancel" role="tabpanel" aria-labelledby="cancel-tab">
-      <h1 class="my-4-5">Are you sure you want to cancel your account?</h1>
+      {%- include '@oe-bcl/bcl-form/form.html.twig' with privacy.public_profile_content only -%}
+    </div>{# -#}
+    <div class="tab-pane fade" id="cancel" role="tabpanel" aria-labelledby="cancel-tab">{# -#}
+      <h1 class="my-4-5">Are you sure you want to cancel your account?</h1>{# -#}
       <p class="mb-3">When cancelling your account</p>
-      {% include '@oe-bcl/bcl-form/form.html.twig' with cancel.form only %}
-    </div>
+      {%- include '@oe-bcl/bcl-form/form.html.twig' with cancel.form only -%}
+    </div>{# -#}
   </div>
 {%- endblock -%}