From 2f766a3ba94668ee34a90cfe947eb800d2f4ccc3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Tue, 7 Jun 2022 12:43:24 +0200
Subject: [PATCH] Avoid empty teaser for disabled concept

---
 .../Private/Partials/Concept/Teaser.html      | 76 ++++++++++---------
 1 file changed, 39 insertions(+), 37 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Concept/Teaser.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Concept/Teaser.html
index dbb26497..52febfd4 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Concept/Teaser.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Concept/Teaser.html
@@ -4,45 +4,47 @@
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
 <f:section name="Teaser">
-    <a href="{f:uri.typolink(parameter: concept.detailPage)}" title="{concept.name}" class="flex flex-col">
-        <div class="relative">
-            <f:alias map="{teaserImage: concept.teaserImage, defaultImage: concept.headerImage}">
-                <f:if condition="{teaserImage}">
-                    <f:then>
-                        <f:variable name="image" value="{teaserImage}"/>
-                    </f:then>
-                    <f:else>
-                        <f:variable name="image" value="{defaultImage}"/>
-                    </f:else>
-                </f:if>
-                <f:if condition="{image}">
-                    <f:then>
-                        <ep:lazyLoadImage image="{image}"
-                                          loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                          class="block w-full h-full object-cover"
-                                          width="400c"
-                                          height="300c"
-                                          alt="{concept.name}" />
-                    </f:then>
-                    <f:else>
-                        <f:image src="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                 width="400c"
-                                 height="300c"
-                                 alt="{concept.name}"/>
-                    </f:else>
-                </f:if>
-            </f:alias>
-            <div class="absolute top-0 left-0 inset-0 bg-concept-{concept.code}-overlay">
-                <div class="flex h-full w-full p-4 items-end headline--3 text-white">
-                    {concept.name}
+    <f:if condition="{concept}">
+        <a href="{f:uri.typolink(parameter: concept.detailPage)}" title="{concept.name}" class="flex flex-col">
+            <div class="relative">
+                <f:alias map="{teaserImage: concept.teaserImage, defaultImage: concept.headerImage}">
+                    <f:if condition="{teaserImage}">
+                        <f:then>
+                            <f:variable name="image" value="{teaserImage}"/>
+                        </f:then>
+                        <f:else>
+                            <f:variable name="image" value="{defaultImage}"/>
+                        </f:else>
+                    </f:if>
+                    <f:if condition="{image}">
+                        <f:then>
+                            <ep:lazyLoadImage image="{image}"
+                                              loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
+                                              class="block w-full h-full object-cover"
+                                              width="400c"
+                                              height="300c"
+                                              alt="{concept.name}" />
+                        </f:then>
+                        <f:else>
+                            <f:image src="EXT:ep_theme/Resources/Public/images/lazy.png"
+                                     width="400c"
+                                     height="300c"
+                                     alt="{concept.name}"/>
+                        </f:else>
+                    </f:if>
+                </f:alias>
+                <div class="absolute top-0 left-0 inset-0 bg-concept-{concept.code}-overlay">
+                    <div class="flex h-full w-full p-4 items-end headline--3 text-white">
+                        {concept.name}
+                    </div>
                 </div>
             </div>
-        </div>
-        <div class="p-4 flex-1">
-            {concept.teaser -> f:format.crop(maxCharacters: settings.teaserTextMaxChars) -> f:format.html()}
-        </div>
-        <div class="bg-concept-{concept.code} h-1 w-20"></div>
-    </a>
+            <div class="p-4 flex-1">
+                {concept.teaser -> f:format.crop(maxCharacters: settings.teaserTextMaxChars) -> f:format.html()}
+            </div>
+            <div class="bg-concept-{concept.code} h-1 w-20"></div>
+        </a>
+    </f:if>
 </f:section>
 
 </html>