Merge pull request #534 from itk-dev/hotfix/4.10.3

5121: Fixed handling of missing dates

Author: rimi-itk

CHANGELOG.md

@@ -31,6 +31,12 @@ Versioning](https://semver.org/spec/v2.0.0.html).
   * Enabled multiple pretix dates on public meetings
   * Updated fixtures with multipe date examples (and pretix orders)
 
+## [4.10.3] - 2025-08-13
+
+* [PR-534](https://github.com/itk-dev/deltag.aarhus.dk/pull/534)
+  * Fixed handling of empty dates. Updated npm package (security).
+  * Use teaser image instead of full image. Supportticket: 373
+
 ## [4.10.2] - 2025-07-03
 
 * [PR-529](https://github.com/itk-dev/hoeringsportal/pull/529)
@@ -513,6 +519,8 @@ Initial release
 
 [Unreleased]: https://github.com/itk-dev/hoeringsportal/compare/4.11.0...HEAD
 [4.11.0]: https://github.com/itk-dev/hoeringsportal/compare/4.10.1...4.11.0
+[4.10.3]: https://github.com/itk-dev/hoeringsportal/compare/4.10.2...4.10.3
+[4.10.2]: https://github.com/itk-dev/hoeringsportal/compare/4.10.1...4.10.2
 [4.10.1]: https://github.com/itk-dev/hoeringsportal/compare/4.10.0...4.10.1
 [4.10.0]: https://github.com/itk-dev/hoeringsportal/compare/4.9.3...4.10.0
 [4.9.3]: https://github.com/itk-dev/hoeringsportal/compare/4.9.2...4.9.3

web/themes/custom/hoeringsportal/package-lock.json

@@ -40,8 +40,9 @@
   {# Show a header with image if there is a image present for the node/teaser #}
   {% if image %}
     {# Get the url and alt text for the image #}
-    {% set image_url = file_url(image.field_itk_media_image_upload.entity.uri.value) %}
-    {% set image_alt = file_url(image.field_itk_media_image_upload.entity.entity.alt) %}
+    {% set image_url = file_url(image.field_itk_media_image_upload.entity.uri.value|image_style('responsive_small_teaser')) %}
+    {% set image_alt = image.field_itk_media_image_upload.alt %}
+
     <div class="card-header position-relative p-0 w-100 activity-teaser-image overflow-hidden">
       <img class="object-fit-cover" src="{{ image_url }}" alt="{{ image_alt|default('') }}">
 

web/themes/custom/hoeringsportal/templates/components/base-card.html.twig

@@ -21,9 +21,11 @@
 {% block card_date %}
   {# If we have a date then show a date splash on the card #}
   {% if (content_state in ['upcoming', 'active']) %}
-    {# Show the date #}
+    {% if deadlinedate %}
+      {# Show the date #}
       <div class="fw-semibold">{{ deadlinedate|format_date('hoeringsportal_day_only') }}</div>
       <div class="small">{{ deadlinedate|format_date('hoeringsportal_month_short') }}</div>
+    {% endif %}
   {% elseif (content_state in ['finished']) %}
     <div><strong>{{ 'Ended'|t }}</strong></div>
   {% elseif (content_state in ['canceled']) %}
@@ -37,12 +39,25 @@
 {% endblock %}
 
 {# Collect data for information lines on card #}
-{% set items =
-  [
-    {icon: 'fa-calendar-day', value: deadlinepassed ? 'Hearing has ended'|t : deadlinedate|format_date('hoeringsportal_date_long')|capitalize},
+{% set items = [] %}
+{% if deadlinepassed %}
+  {%
+    set items = items|merge([
+      {icon: 'fa-calendar-day', value: 'Hearing has ended'|t },
+    ])
+  %}
+{% elseif deadlinedate %}
+  {%
+    set items = items|merge([
+      {icon: 'fa-calendar-day', value: deadlinedate|format_date('hoeringsportal_date_long')|capitalize},
+    ])
+  %}
+{% endif %}
+{%
+  set items = items|merge([
     {icon: 'fa-comments', value: repliesCount ~ ' ' ~ 'replies'|t},
-    {icon: 'fa-location-dot', value: content.field_area}
-  ]
+    {icon: 'fa-location-dot', value: content.field_area},
+  ])
 %}
 
 {# Show card information #}

web/themes/custom/hoeringsportal/templates/content/node--hearing--teaser.html.twig

@@ -22,8 +22,10 @@
 {% block card_date %}
   {# When deadline field exists show date. #}
   {% if (content_state != 'finished') %}
-    <div class="fw-semibold">{{ meetingDateStartTime|date('U')|format_date('hoeringsportal_day_only') }}</div>
-    <div class="small">{{ meetingDateStartTime|date('U')|format_date('hoeringsportal_month_short') }}</div>
+    {% if meetingDateStartTime %}
+      <div class="fw-semibold">{{ meetingDateStartTime|date('U')|format_date('hoeringsportal_day_only') }}</div>
+      <div class="small">{{ meetingDateStartTime|date('U')|format_date('hoeringsportal_month_short') }}</div>
+    {% endif %}
   {% else %}
     {{ 'Finished'|t }}
   {% endif %}
@@ -35,12 +37,25 @@
 {% endblock %}
 
 {# Collect data for information lines on card #}
-{% set items =
-  [
-    {icon: 'fa-calendar-day', value: meetingDateStartTime|date('U')|format_date('hoeringsportal_date_long')|capitalize},
-    {icon: 'fa-clock', value: meetingDateStartTime|date('U')|format_date('hoeringsportal_time') ~ ' - ' ~ meetingDateEndTime|date('U')|format_date('hoeringsportal_time')},
-    {icon: 'fa-location-dot', value: content.field_area}
-  ]
+{% set items = [] %}
+{% if meetingDateStartTime %}
+  {%
+    set items = items|merge([
+      {icon: 'fa-calendar-day', value: meetingDateStartTime|date('U')|format_date('hoeringsportal_date_long')|capitalize},
+    ])
+  %}
+  {% if meetingDateEndTime %}
+    {%
+      set items = items|merge([
+        {icon: 'fa-clock', value: meetingDateStartTime|date('U')|format_date('hoeringsportal_time') ~ ' - ' ~ meetingDateEndTime|date('U')|format_date('hoeringsportal_time')},
+      ])
+    %}
+  {% endif %}
+{% endif %}
+{%
+  set items = items|merge([
+    {icon: 'fa-location-dot', value: content.field_area},
+  ])
 %}
 
 {# Show card information #}