Skip to content
Snippets Groups Projects
Teaser.html 1.91 KiB
Newer Older
Stefan Galinski's avatar
Stefan Galinski committed
{namespace sg=SGalinski\SgNews\ViewHelpers}

<f:comment>
	<!--
	Usage Example:

	<f:render partial="Teaser" arguments="{
		newsMetaData: newsMetaData,
		headerTag: '<h3>',
		closingHeaderTag: '</h3>',
		showCategory: 1
	}" />

	newsMetaData -> news element
	headerTag -> hierarchy type of the header tag
	showCategory -> defines if the category may be shown

	Use <f:debug>{_all}</f:debug> to see all parameters and fields.
	-->
</f:comment>

<f:alias map="{singleViewUri: '{f:uri.page(pageUid: \'{newsMetaData.news.uid}\')}'}">
	<f:if condition="{newsMetaData.teaserImage}">
		<div class="tx-sgnews-teaser-image">
			<a href="{singleViewUri}">
				<img src="{newsMetaData.teaserImage}" alt="" />
			</a>
		</div>
	</f:if>

	<div class="tx-sgnews-teaser-inner">
		<a href="{singleViewUri}" class="tx-sgnews-teaser-title">
			{headerTag -> f:format.raw()}
			{newsMetaData.news.subtitleWithFallbackToTitle}
			{closingHeaderTag -> f:format.raw()}
		</a>

		<a href="{singleViewUri}" class="tx-sgnews-teaser-description">
			<f:format.html>{newsMetaData.news.description}</f:format.html>
		</a>

		<div class="tx-sgnews-moreLink">
			<a href="{singleViewUri}">
				<f:translate key="frontend.teaser.readMore" />
			</a>
		</div>

		<div class="tx-sgnews-teaser-meta">
			<span class="author">
				<f:if condition="{newsMetaData.news.authorFrontendUser}">
					<f:then>
						<a href="{singleViewUri}">{newsMetaData.news.authorFrontendUser.name}</a>
					</f:then>
					<f:else>
						<a href="{singleViewUri}">{newsMetaData.news.author}</a>
					</f:else>
				</f:if>
			</span>

			<span class="date">
				<a href="{singleViewUri}">
					<f:format.date format="%d. %B %Y">{newsMetaData.news.lastUpdated}</f:format.date>
				</a>
			</span>

			<f:if condition="{showCategory}">
				<span class="category">
					<a href="{singleViewUri}">
						{newsMetaData.category.subtitleWithFallbackToTitle}
					</a>
				</span>
			</f:if>
		</div>
	</div>
</f:alias>