events/Resources/Private/Partials/Date/ListTable.html

57 lines
2.5 KiB
HTML
Raw Normal View History

<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
2019-08-14 17:22:01 +02:00
2019-11-11 12:43:50 +01:00
<f:widget.paginate objects="{dates}" as="paginatedDates" configuration="{itemsPerPage: 25, insertAbove: 0, insertBelow: 1, maximumNumberOfLinks: 5, addQueryStringMethod: 'POST,GET'}">
<f:for each="{paginatedDates}" as="date" iteration="index">
<div class="row mt-3 mb-3 pb-3">
<div class="col-2">
<b><f:format.date format="H:i">{date.start}</f:format.date></b><br>
<b><f:format.date format="%a">{date.start}</f:format.date></b><br>
<b><f:format.date format="d.m.">{date.start}</f:format.date></b><br>
{date.event.region.title}<br>
</div>
<div class="col-6">
2020-02-25 08:50:03 +01:00
<!--
<f:comment>
<f:if condition="{date.event.highlight}">
<f:then>
2020-02-25 08:50:03 +01:00
<b>Highlight</b>
</f:then>
</f:if>
2020-02-25 08:50:03 +01:00
-->
</f:comment>
2019-11-11 12:43:50 +01:00
<h4>
<f:link.action pageUid="{settings.showPID}" action="show" controller="Date" arguments="{date: date}">
{date.event.title}
</f:link.action>
</h4>
<p><strong>{date.event.teaser}</strong></p>
<f:format.crop maxCharacters="150">{date.event.details}</f:format.crop>
</div>
2019-11-11 12:43:50 +01:00
<div class="col-4">
<f:if condition="{date.event.images}">
<f:then>
<f:link.action pageUid="{settings.showPID}" action="show" controller="Date" arguments="{date: date}">
2019-11-11 12:43:50 +01:00
<f:image src="{date.event.images.originalResource.originalFile.uid}" alt="" width="400c" height="280c" class="img-fluid img-thumbnail"/>
</f:link.action>
</f:then>
<f:else>
2019-11-07 14:16:28 +01:00
<f:link.action pageUid="{settings.showPID}" action="show" controller="Date" arguments="{date: date}">
2019-11-11 12:43:50 +01:00
<img src="{settings.defaultImagePath}" alt="Dummy" width="480c" height="320c" class="img-fluid img-thumbnail"/>
2019-11-07 14:16:28 +01:00
</f:link.action>
</f:else>
</f:if>
</div>
</div>
2019-11-11 12:43:50 +01:00
<f:if condition="{index.isLast}">
<f:then>
</f:then>
<f:else>
<div class="mb-3 border-bottom"></div>
</f:else>
</f:if>
</f:for>
</f:widget.paginate>
2019-08-14 17:22:01 +02:00
</html>