[BUGFIX] Fix backend preview with multiple categories

Classes/Domain/Model/Event.php

@@ -782,6 +782,16 @@ public function getImages(): array
         return $references;
     }
 
+    public function getFirstImage(): ?FileReference
+    {
+        $this->images->rewind();
+        if ($this->images->count()) {
+            return $this->images->current();
+        }
+
+        return null;
+    }
+
     public function setImages(ObjectStorage $images): void
     {
         $this->images = $images;

Classes/ViewHelpers/SettingsFormatViewHelper.php

@@ -0,0 +1,63 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * This file is part of the package jweiland/events2.
+ *
+ * For the full copyright and license information, please read the
+ * LICENSE file that was distributed with this source code.
+ */
+
+namespace JWeiland\Events2\ViewHelpers;
+
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3Fluid\Fluid\Core\Rendering\RenderingContextInterface;
+use TYPO3Fluid\Fluid\Core\ViewHelper\AbstractViewHelper;
+use TYPO3Fluid\Fluid\Core\ViewHelper\Traits\CompileWithRenderStatic;
+
+/**
+ * SettingsFormatViewHelper ViewHelper
+ *
+ * Explodes a string by $glue.
+ */
+class SettingsFormatViewHelper extends AbstractViewHelper
+{
+    use CompileWithRenderStatic;
+
+    public function initializeArguments(): void
+    {
+        $this->registerArgument('content', 'string', 'String to be formatted by limit if set');
+        $this->registerArgument(
+            'glue',
+            'string',
+            'String "glue" that separates values. If you need a constant (like PHP_EOL)',
+            false,
+            ','
+        );
+        $this->registerArgument(
+            'limit',
+            'int',
+            'If limit is set and positive, only the first few values are combined into a new ' .
+            'comma-separated string and appended with "...". If the limit parameter is negative, ' .
+            'only the last few values are combined into a new comma-separated string with APPENDED?!!! "...". ' .
+            'If the limit parameter is zero, it is treated as 1, so only ONE element is shown with APPENDED "...".',
+            false,
+            10
+        );
+    }
+
+    public static function renderStatic(
+        array $arguments,
+        \Closure $renderChildrenClosure,
+        RenderingContextInterface $renderingContext
+    ): string {
+        $content = $arguments['content'];
+        $glue = $arguments['glue'];
+        $limit = $arguments['limit'] ?? MathUtility::forceIntegerInRange($arguments['limit'], 1);
+        $explodedStringArray = explode($glue, (string)$content);
+        $output = array_slice($explodedStringArray, 0, $limit);
+
+        return implode(', ', $output) . '", ...';
+    }
+}

Documentation/ChangeLog/Index.rst

@@ -7,10 +7,17 @@
 ChangeLog
 =========
 
+Version 9.0.2
+=============
+
+*   [BUGFIX] fixed broken backend template preview if more than 10 categories
+    selected
+*   [TASK] Added GetFirstImage function in Event Model to avoid iteration in Fluid
+
 Version 9.0.1
 =============
 
-*    Bugfix: Repair scheduler task for re-generate day records
+*   Bugfix: Repair scheduler task for re-generate day records
 
 Version 9.0.0
 =============

Documentation/Settings.cfg

@@ -4,7 +4,7 @@
 [general]
 
 project     = jweiland-net/events2
-version     = 9.0.1
+version     = 9.0.2
 release     = 9.0
 copyright   = by jweiland.net
 

Resources/Private/Partials/Event/List.html

@@ -85,23 +85,19 @@ <h5 class="media-heading">
 
 <f:section name="FirstImage">
     <f:if condition="{event.images -> f:count()}">
-        <f:for each="{event.images}" as="image" iteration="iterator">
-            <f:if condition="{iterator.isFirst}">
-                <figure>
-                    <f:image
-                        image="{image}"
-                        alt="{event.title}"
-                        title="{event.title}"
-                        width="{settings.list.image.width}"
-                        height="{settings.list.image.height}"
-                        minWidth="{settings.list.image.minWidth}"
-                        maxWidth="{settings.list.image.maxWidth}"
-                        minHeight="{settings.list.image.minHeight}"
-                        maxHeight="{settings.list.image.maxHeight}"
-                    />
-                </figure>
-            </f:if>
-        </f:for>
+            <figure>
+                <f:image
+                    image="{event.firstImage}"
+                    alt="{event.title}"
+                    title="{event.title}"
+                    width="{settings.list.image.width}"
+                    height="{settings.list.image.height}"
+                    minWidth="{settings.list.image.minWidth}"
+                    maxWidth="{settings.list.image.maxWidth}"
+                    minHeight="{settings.list.image.minHeight}"
+                    maxHeight="{settings.list.image.maxHeight}"
+                />
+            </figure>
     </f:if>
 </f:section>
 </html>

Resources/Private/Templates/PluginPreview/Events.html

@@ -1,6 +1,7 @@
 <html lang="en"
       xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
       xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+      xmlns:e2="http://typo3.org/ns/JWeiland/Events2/ViewHelpers"
       data-namespace-typo3-fluid="true">
 
 <h4>Events2</h4>
@@ -96,7 +97,7 @@ <h4>Events2</h4>
     <f:if condition="{categories}">
         <tr>
             <td><strong>Categories</strong></td>
-            <td>{categories}</td>
+            <td>{e2:settingsFormat(content: '{categories}', glue: ',')}</td>
         </tr>
     </f:if>
 </f:section>

ext_emconf.php

@@ -7,7 +7,7 @@
     'author_email' => 'projects@jweiland.net',
     'author_company' => 'jweiland.net',
     'state' => 'stable',
-    'version' => '9.0.1',
+    'version' => '9.0.2',
     'constraints' => [
         'depends' => [
             'typo3' => '12.4.8-12.4.99',