EP/website-typo3
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust news template

Browse Source
This commit is contained in:
Björn Fromme
2021-09-08 10:30:23 +02:00
parent 1b6c08822d
commit fbcae58e71
2 changed files with 44 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/typo3conf/ext/ep_theme/Resources/Private/Partials/News/Detail/MediaContainer.html
+40 -29
View File
@@ -4,36 +4,47 @@
<f:alias map="{images: '{media -> v:iterator.filter(propertyName: \'showinpreview\', filter: 0)}'}"> <f:alias map="{images: '{media -> v:iterator.filter(propertyName: \'showinpreview\', filter: 0)}'}">
<f:if condition="{images}"> <f:if condition="{images}">
<div class="splide" <f:if condition="{images -> f:count()} == 1">
data-controller="slider" <f:then>
data-slider-preset-value="content"> <f:link.typolink parameter="{images.0.originalResource.link}">
<div id="carousel-{id}" class="splide__track"> <img src="{f:uri.image(image: images.0, width: '770', height: '430c+100')}"
<ul class="splide__list"> class="block w-full h-auto mb-4"
<f:for each="{images}" as="image" iteration="iteration"> alt="{images.0.alternative}" title="{images.0.title}">
<li class="splide__slide"> </f:link.typolink>
<f:link.typolink parameter="{image.originalResource.link}" </f:then>
class="relative bg-cover bg-center"> <f:else>
<img src="{f:uri.image(image: image, width: '770', height: '430c+100')}" <div class="splide mb-4"
class="block w-full h-auto" data-controller="slider"
alt="{image.alternative}" title="{image.title}"> data-slider-preset-value="content">
</f:link.typolink> <div id="carousel-{id}" class="splide__track">
</li> <ul class="splide__list">
</f:for> <f:for each="{images}" as="image" iteration="iteration">
</ul> <li class="splide__slide">
</div> <f:link.typolink parameter="{image.originalResource.link}"
<f:if condition="{images -> f:count()} > 1"> class="relative bg-cover bg-center">
<div class="hidden md:grid md:grid-cols-5 md:gap-2 md:pt-4 md:pb-8"> <img src="{f:uri.image(image: image, width: '770', height: '430c+100')}"
<f:for each="{images}" as="image" iteration="iteration"> class="block w-full h-auto"
<f:if condition="{iteration.cycle} <= 5"> alt="{image.alternative}" title="{image.title}">
<a href="#" class="block" data-slide="{iteration.index}"> </f:link.typolink>
<img src="{f:uri.image(image: image, width: '150', height: '85c+100')}" </li>
class="block w-full h-auto" alt="{image.alternative}" title="{image.title}"> </f:for>
</a> </ul>
</f:if> </div>
</f:for> <f:if condition="{images -> f:count()} > 1">
<div class="hidden md:grid md:grid-cols-5 md:gap-2 md:pt-4 md:pb-8">
<f:for each="{images}" as="image" iteration="iteration">
<f:if condition="{iteration.cycle} <= 5">
<a href="#" class="block" data-slide="{iteration.index}">
<img src="{f:uri.image(image: image, width: '150', height: '85c+100')}"
class="block w-full h-auto" alt="{image.alternative}" title="{image.title}">
</a>
</f:if>
</f:for>
</div>
</f:if>
</div> </div>
</f:if> </f:else>
</div> </f:if>
</f:if> </f:if>
</f:alias> </f:alias>
public/typo3conf/ext/ep_theme/Resources/Private/Templates/News/News/Detail.html
+4 -6
View File
@@ -39,21 +39,19 @@
</f:if> </f:if>
</p> </p>
<f:if condition="{newsItem.teaser}"> <f:if condition="{newsItem.teaser}">
<p class="text-lg"> <p class="text-lg mb-4">
<f:format.nl2br>{newsItem.teaser}</f:format.nl2br> <f:format.nl2br>{newsItem.teaser}</f:format.nl2br>
</p> </p>
</f:if> </f:if>
<n:renderMedia news="{newsItem}" imgClass="block w-full h-auto mb-4" videoClass="video-wrapper" audioClass="audio-wrapper"> <n:renderMedia news="{newsItem}" imgClass="block w-full h-auto mb-4" videoClass="video-wrapper" audioClass="audio-wrapper">
<f:render partial="Detail/MediaContainer" arguments="{media: newsItem.media, settings:settings, id: newsItem.uid}" /> <f:render partial="Detail/MediaContainer" arguments="{media: newsItem.media, settings:settings, id: newsItem.uid}" />
<f:format.html>{newsItem.bodytext}</f:format.html> <f:format.html>{newsItem.bodytext}</f:format.html>
</n:renderMedia> <f:if condition="{newsItem.contentElements}">
<f:alias map="{contentElements: '{f:cObject(typoscriptObjectPath: \'lib.tx_news.contentElementRendering\', data: newsItem.contentElementIdList)}'}">
<f:if condition="{contentElements}">
<div class="flex flex-col space-y-4"> <div class="flex flex-col space-y-4">
{contentElements -> f:format.raw()} <f:cObject typoscriptObjectPath="lib.tx_news.contentElementRendering">{newsItem.contentElementIdList}</f:cObject>
</div> </div>
</f:if> </f:if>
</f:alias> </n:renderMedia>
<f:if condition="{newsItem.relatedFiles}"> <f:if condition="{newsItem.relatedFiles}">
<h3 class="headline headline--underlined"> <h3 class="headline headline--underlined">
Dateien Dateien