events/Resources/Private/Templates/Date/Teaser.html

<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
<f:layout name="Default" />
<f:section name="content">
    <div class="row">
        <f:for each="{dates}" as="date">
            <div class="col-sm-12 col-md-6 col-lg-4 col-xl-4">
                <f:comment>
                    <!--
                    <f:link.action action="show" arguments="{date : date}"></f:link.action>
                    -->
                </f:comment>
                <div class="menu-tile">
                    <f:if condition="{date.event.images.0}">
                        <f:then>
                            <f:link.action pageUid="{settings.showPID}" action="show" controller="Event" arguments="{event: event}">
                                <f:image image="{date.event.images.0}" alt="{date.event.title}" title="{date.event.title}"  width="480c" height="320c" class="img-fluid img-thumbnail"/>
                            </f:link.action>
                        </f:then>
                        <f:else>
                            <f:link.action pageUid="{settings.showPID}" action="show" controller="Event" arguments="{event: event}">
                                <f:image src="{settings.defaultImagePath}" alt="{date.event.title}" title="{date.event.title}" width="480c" height="320c" class="img-fluid img-thumbnail"/>
                            </f:link.action>
                        </f:else>
                    </f:if>
                </div>
                <div class="caption">
                    <div class="caption-text mt-3">
                        {date.event.region.title} | 
                        <f:if condition="{f:format.date(format: 'H:i', date: '{date.start}')} == '00:00'">
                            <f:then>
                                <f:format.date format="d. m. Y">{date.start}</f:format.date>
                            </f:then>
                            <f:else>
                                <f:format.date format="d. m. Y - H:i">{date.start}</f:format.date>
                            </f:else>
                        </f:if>
                        <h4>{date.event.title}</h4>
                        <p>{date.event.teaser}</p>
                        <f:if condition="{date.event.highlight}">
                            <f:then>
                                <b>Highlight</b>
                            </f:then>
                        </f:if>
                    </div>
                </div>
            </div>
        </f:for>
    </div>
</f:section>
</html>
Refactored EXT dd_events to events, added fields to page type poi 2019-07-18 13:44:19 +02:00			`<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">`
			`<f:layout name="Default" />`
			`<f:section name="content">`
			`<div class="row">`
			`<f:for each="{dates}" as="date">`
			`<div class="col-sm-12 col-md-6 col-lg-4 col-xl-4">`
			`<f:comment>`
			`<!--`
			`<f:link.action action="show" arguments="{date : date}"></f:link.action>`
			`-->`
			`</f:comment>`
			`<div class="menu-tile">`
Properly check for images Do not check for models, but actual file. They might be missing, e.g. cause not downloaded from production into dev environment. The new checks ensure the page will not break with an exception, but show default images. 2021-09-06 15:34:23 +02:00			`<f:if condition="{date.event.images.0}">`
Refactored EXT dd_events to events, added fields to page type poi 2019-07-18 13:44:19 +02:00			`<f:then>`
			`<f:link.action pageUid="{settings.showPID}" action="show" controller="Event" arguments="{event: event}">`
Properly check for images Do not check for models, but actual file. They might be missing, e.g. cause not downloaded from production into dev environment. The new checks ensure the page will not break with an exception, but show default images. 2021-09-06 15:34:23 +02:00			`<f:image image="{date.event.images.0}" alt="{date.event.title}" title="{date.event.title}" width="480c" height="320c" class="img-fluid img-thumbnail"/>`
Refactored EXT dd_events to events, added fields to page type poi 2019-07-18 13:44:19 +02:00			`</f:link.action>`
			`</f:then>`
			`<f:else>`
Make default image configurable 2019-11-07 14:16:28 +01:00			`<f:link.action pageUid="{settings.showPID}" action="show" controller="Event" arguments="{event: event}">`
Change to fluid image 2019-11-07 14:21:33 +01:00			`<f:image src="{settings.defaultImagePath}" alt="{date.event.title}" title="{date.event.title}" width="480c" height="320c" class="img-fluid img-thumbnail"/>`
Make default image configurable 2019-11-07 14:16:28 +01:00			`</f:link.action>`
Refactored EXT dd_events to events, added fields to page type poi 2019-07-18 13:44:19 +02:00			`</f:else>`
			`</f:if>`
			`</div>`
			`<div class="caption">`
			`<div class="caption-text mt-3">`
Remove time output if its set to 0:00 oclock 2022-08-13 09:43:16 +02:00			`{date.event.region.title} \|`
			`<f:if condition="{f:format.date(format: 'H:i', date: '{date.start}')} == '00:00'">`
			`<f:then>`
			`<f:format.date format="d. m. Y">{date.start}</f:format.date>`
			`</f:then>`
			`<f:else>`
			`<f:format.date format="d. m. Y - H:i">{date.start}</f:format.date>`
			`</f:else>`
			`</f:if>`
Refactored EXT dd_events to events, added fields to page type poi 2019-07-18 13:44:19 +02:00			`<h4>{date.event.title}</h4>`
			`<p>{date.event.teaser}</p>`
			`<f:if condition="{date.event.highlight}">`
			`<f:then>`
Remove time output if its set to 0:00 oclock 2022-08-13 09:43:16 +02:00			`<b>Highlight</b>`
Refactored EXT dd_events to events, added fields to page type poi 2019-07-18 13:44:19 +02:00			`</f:then>`
			`</f:if>`
			`</div>`
			`</div>`
			`</div>`
			`</f:for>`
			`</div>`
			`</f:section>`
Properly check for images Do not check for models, but actual file. They might be missing, e.g. cause not downloaded from production into dev environment. The new checks ensure the page will not break with an exception, but show default images. 2021-09-06 15:34:23 +02:00			`</html>`