Avoid error in case of missing teaserimage of region

This commit is contained in:
Björn Fromme
2022-08-19 15:56:24 +02:00
parent 07f7c5673c
commit 4481ab0f56
@@ -7,12 +7,32 @@
<a href="{f:uri.typolink(parameter: region.detailPage)}" title="{region.name}" class="flex flex-col"> <a href="{f:uri.typolink(parameter: region.detailPage)}" title="{region.name}" class="flex flex-col">
<div class="relative"> <div class="relative">
{ep:icon(icon: 'flag-{region.country.code -> f:format.case(mode: \'lower\')}', class: 'w-8 h-6 absolute top-0 left-0')} {ep:icon(icon: 'flag-{region.country.code -> f:format.case(mode: \'lower\')}', class: 'w-8 h-6 absolute top-0 left-0')}
<ep:lazyLoadImage image="{region.teaserImages.0}" <f:alias map="{teaserImage: region.teaserImage, defaultImage: region.images.0}">
loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png" <f:if condition="{teaserImage}">
class="block w-full h-full object-cover" <f:then>
width="400c" <f:variable name="image" value="{teaserImage}"/>
height="300c" </f:then>
alt="{region.name}" /> <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="{region.name}" />
</f:then>
<f:else>
<f:image src="EXT:ep_theme/Resources/Public/images/lazy.png"
width="400c"
height="300c"
alt="{region.name}"/>
</f:else>
</f:if>
</f:alias>
</div> </div>
<div class="flex-1 py-4 px-2 bg-white border-l border-r border-zinc-200" data-rte-content> <div class="flex-1 py-4 px-2 bg-white border-l border-r border-zinc-200" data-rte-content>
<span class="headline--3 mb-4"> <span class="headline--3 mb-4">