Initial commit - Typo3 11.5.41
This commit is contained in:
Matteo Gallo
@@ -0,0 +1,17 @@
|
||||
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
|
||||
<!-- categories -->
|
||||
<span class="news-list-category">
|
||||
<f:for each="{categories}" as="category">
|
||||
<f:if condition="{category.shortcut}">
|
||||
<f:then>
|
||||
<f:link.typolink parameter="{category.shortcut}">
|
||||
{category.title}
|
||||
</f:link.typolink>
|
||||
</f:then>
|
||||
<f:else>
|
||||
{category.title}
|
||||
</f:else>
|
||||
</f:if>
|
||||
</f:for>
|
||||
</span>
|
||||
</html>
|
||||
@@ -0,0 +1,23 @@
|
||||
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
|
||||
<f:if condition="{media}">
|
||||
<!-- media files -->
|
||||
<div class="news-img-wrap">
|
||||
<f:for each="{media}" as="mediaElement">
|
||||
<div class="outer">
|
||||
<f:if condition="{mediaElement.originalResource.type} == 2">
|
||||
<f:render partial="Detail/MediaImage" arguments="{mediaElement: mediaElement, settings:settings}"/>
|
||||
</f:if>
|
||||
<f:if condition="{mediaElement.originalResource.type} == 3">
|
||||
<f:render partial="Detail/MediaVideo" arguments="{mediaElement: mediaElement, settings:settings}"/>
|
||||
</f:if>
|
||||
<f:if condition="{mediaElement.originalResource.type} == 4">
|
||||
<f:render partial="Detail/MediaVideo" arguments="{mediaElement: mediaElement, settings:settings}"/>
|
||||
</f:if>
|
||||
<f:if condition="{mediaElement.originalResource.type} == 5">
|
||||
<f:render partial="Detail/MediaImage" arguments="{mediaElement: mediaElement, settings:settings}"/>
|
||||
</f:if>
|
||||
</div>
|
||||
</f:for>
|
||||
</div>
|
||||
</f:if>
|
||||
</html>
|
||||
@@ -0,0 +1,31 @@
|
||||
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
|
||||
xmlns:n="http://typo3.org/ns/GeorgRinger/News/ViewHelpers"
|
||||
data-namespace-typo3-fluid="true">
|
||||
|
||||
<div class="mediaelement mediaelement-image">
|
||||
<f:if condition="{mediaElement.link}">
|
||||
<f:then>
|
||||
<f:link.typolink parameter="{mediaElement.link}" target="{n:targetLink(link:mediaElement.link)}">
|
||||
<f:image image="{mediaElement}" title="{mediaElement.title}" alt="{mediaElement.alternative}" loading="{settings.detail.media.image.lazyLoading}" maxWidth="{f:if(condition: settings.media.maxWidth, then: settings.media.maxWidth, else: settings.detail.media.image.maxWidth)}" maxHeight="{f:if(condition: settings.media.maxHeight, then: settings.media.maxHeight, else: settings.detail.media.image.maxHeight)}" additionalAttributes="{itemprop:'image'}" />
|
||||
</f:link.typolink>
|
||||
</f:then>
|
||||
<f:else>
|
||||
<f:if condition="{settings.detail.media.image.lightbox.enabled}">
|
||||
<f:then>
|
||||
<a href="{f:uri.image(image:mediaElement, width:'{settings.detail.media.image.lightbox.width}', height:'{settings.detail.media.image.lightbox.height}')}" title="{mediaElement.title}" class="{settings.detail.media.image.lightbox.class}" rel="{settings.detail.media.image.lightbox.rel}">
|
||||
<f:image image="{mediaElement}" title="{mediaElement.title}" alt="{mediaElement.alternative}" loading="{settings.detail.media.image.lazyLoading}" maxWidth="{f:if(condition: settings.media.maxWidth, then: settings.media.maxWidth, else: settings.detail.media.image.maxWidth)}" maxHeight="{f:if(condition: settings.media.maxHeight, then: settings.media.maxHeight, else: settings.detail.media.image.maxHeight)}" additionalAttributes="{itemprop:'image'}" />
|
||||
</a>
|
||||
</f:then>
|
||||
<f:else>
|
||||
<f:image image="{mediaElement}" title="{mediaElement.title}" alt="{mediaElement.alternative}" loading="{settings.detail.media.image.lazyLoading}" maxWidth="{f:if(condition: settings.media.maxWidth, then: settings.media.maxWidth, else: settings.detail.media.image.maxWidth)}" maxHeight="{f:if(condition: settings.media.maxHeight, then: settings.media.maxHeight, else: settings.detail.media.image.maxHeight)}" additionalAttributes="{itemprop:'image'}" />
|
||||
</f:else>
|
||||
</f:if>
|
||||
</f:else>
|
||||
</f:if>
|
||||
</div>
|
||||
<f:if condition="{mediaElement.description}">
|
||||
<p class="news-img-caption">
|
||||
{mediaElement.description}
|
||||
</p>
|
||||
</f:if>
|
||||
</html>
|
||||
@@ -0,0 +1,15 @@
|
||||
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
|
||||
<div class="mediaelement">
|
||||
<div class="mediaelement-video">
|
||||
<f:media file="{mediaElement}" width="{settings.detail.media.video.width}" height="{settings.detail.media.video.height}"/>
|
||||
</div>
|
||||
|
||||
<f:if condition="{mediaElement.description}">
|
||||
<div class="medialement-alternative-content">
|
||||
<p class="news-img-caption">
|
||||
{mediaElement.description}
|
||||
</p>
|
||||
</div>
|
||||
</f:if>
|
||||
</div>
|
||||
</html>
|
||||
@@ -0,0 +1,40 @@
|
||||
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
|
||||
xmlns:n="http://typo3.org/ns/GeorgRinger/News/ViewHelpers"
|
||||
data-namespace-typo3-fluid="true">
|
||||
|
||||
<f:if condition="{newsItem.alternativeTitle}">
|
||||
<f:then><n:metaTag property="og:title" content="{newsItem.alternativeTitle}" /></f:then>
|
||||
<f:else><n:metaTag property="og:title" content="{newsItem.title}" /></f:else>
|
||||
</f:if>
|
||||
<n:metaTag property="og:type" content="{settings.opengraph.type}" />
|
||||
<n:metaTag property="og:url" content="" useCurrentDomain="1" />
|
||||
<n:metaTag property="og:site_name" content="{settings.opengraph.site_name}" />
|
||||
<f:if condition="{newsItem.firstPreview}">
|
||||
<f:variable name="ogImagePath" value="{f:uri.image(src:'{newsItem.firstPreview.uid}', treatIdAsReference:1, maxWidth:'1200')}" />
|
||||
<n:metaTag
|
||||
property="og:image"
|
||||
content="{ogImagePath}"
|
||||
forceAbsoluteUrl="1" />
|
||||
<n:metaTag property="og:image:width" content="{n:imageSize(property:'width', image:'{ogImagePath}')}" />
|
||||
<n:metaTag property="og:image:height" content="{n:imageSize(property:'height', image:'{ogImagePath}')}" />
|
||||
</f:if>
|
||||
|
||||
<f:if condition="{newsItem.description}">
|
||||
<f:then>
|
||||
<n:metaTag name="description" content="{newsItem.description}" />
|
||||
<n:metaTag property="og:description" content="{newsItem.description}" />
|
||||
</f:then>
|
||||
<f:else>
|
||||
<n:metaTag name="description" content="{newsItem.teaser -> f:format.stripTags()}" />
|
||||
<n:metaTag property="og:description" content="{newsItem.teaser -> f:format.stripTags()}" />
|
||||
</f:else>
|
||||
</f:if>
|
||||
<n:metaTag name="keywords" content="{newsItem.keywords}" />
|
||||
<n:metaTag property="fb:admins" content="{settings.opengraph.admins}" />
|
||||
<n:metaTag property="og:locale" content="{settings.opengraph.locale}" />
|
||||
<f:if condition="{settings.opengraph.twitter.site}">
|
||||
<n:metaTag name="twitter:card" content="{settings.opengraph.twitter.card}" />
|
||||
<n:metaTag name="twitter:site" content="{settings.opengraph.twitter.site}" />
|
||||
<n:metaTag name="twitter:creator" content="{settings.opengraph.twitter.creator}" />
|
||||
</f:if>
|
||||
</html>
|
||||
@@ -0,0 +1,3 @@
|
||||
<div xmlns:rx="http://typo3.org/ns/Reelworx/RxShariff/ViewHelper" data-namespace-typo3-fluid="true">
|
||||
<rx:shariff services="facebook,xing,twitter" enableBackend="true" />
|
||||
</div>
|
||||
103
typo3conf/ext/news/Resources/Private/Partials/List/Item.html
Normal file
103
typo3conf/ext/news/Resources/Private/Partials/List/Item.html
Normal file
@@ -0,0 +1,103 @@
|
||||
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
|
||||
xmlns:n="http://typo3.org/ns/GeorgRinger/News/ViewHelpers"
|
||||
data-namespace-typo3-fluid="true">
|
||||
<!--
|
||||
=====================
|
||||
Partials/List/Item.html
|
||||
-->
|
||||
<div class="article articletype-{newsItem.type}{f:if(condition: newsItem.istopnews, then: ' topnews')}" itemscope="itemscope" itemtype="https://schema.org/Article">
|
||||
<n:excludeDisplayedNews newsItem="{newsItem}"/>
|
||||
<!-- header -->
|
||||
<div class="header">
|
||||
<h3>
|
||||
<n:link newsItem="{newsItem}" settings="{settings}" title="{newsItem.title}">
|
||||
<span itemprop="headline">{newsItem.title}</span>
|
||||
</n:link>
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<f:if condition="{newsItem.mediaPreviews}">
|
||||
<!-- media preview element -->
|
||||
<f:then>
|
||||
<div class="news-img-wrap">
|
||||
<n:link newsItem="{newsItem}" settings="{settings}" title="{newsItem.title}">
|
||||
<f:alias map="{mediaElement: newsItem.mediaPreviews.0}">
|
||||
<f:if condition="{mediaElement.originalResource.type} == 2">
|
||||
<f:image image="{mediaElement}" title="{mediaElement.originalResource.title}" alt="{mediaElement.originalResource.alternative}" loading="{settings.list.media.image.lazyLoading}" maxWidth="{f:if(condition: settings.media.maxWidth, then: settings.media.maxWidth, else: settings.list.media.image.maxWidth)}" maxHeight="{f:if(condition: settings.media.maxHeight, then: settings.media.maxHeight, else: settings.list.media.image.maxHeight)}"/>
|
||||
</f:if>
|
||||
<f:if condition="{mediaElement.originalResource.type} == 4">
|
||||
<f:render partial="Detail/MediaVideo" arguments="{mediaElement: mediaElement}"/>
|
||||
</f:if>
|
||||
<f:if condition="{mediaElement.originalResource.type} == 5">
|
||||
<f:image image="{mediaElement}" title="{mediaElement.originalResource.title}" alt="{mediaElement.originalResource.alternative}" loading="{settings.list.media.image.lazyLoading}" maxWidth="{f:if(condition: settings.media.maxWidth, then: settings.media.maxWidth, else: settings.list.media.image.maxWidth)}" maxHeight="{f:if(condition: settings.media.maxHeight, then: settings.media.maxHeight, else: settings.list.media.image.maxHeight)}"/>
|
||||
</f:if>
|
||||
</f:alias>
|
||||
</n:link>
|
||||
</div>
|
||||
</f:then>
|
||||
<f:else>
|
||||
<f:if condition="{settings.displayDummyIfNoMedia}">
|
||||
<div class="news-img-wrap">
|
||||
<span class="no-media-element">
|
||||
<n:link newsItem="{newsItem}" settings="{settings}" title="{newsItem.title}">
|
||||
<f:image src="{settings.list.media.dummyImage}" title="" alt="" loading="{settings.list.media.image.lazyLoading}" maxWidth="{f:if(condition: settings.media.maxWidth, then: settings.media.maxWidth, else: settings.list.media.image.maxWidth)}" maxHeight="{f:if(condition: settings.media.maxHeight, then: settings.media.maxHeight, else: settings.list.media.image.maxHeight)}"/>
|
||||
</n:link>
|
||||
</span>
|
||||
</div>
|
||||
</f:if>
|
||||
</f:else>
|
||||
</f:if>
|
||||
|
||||
|
||||
<!-- teaser -->
|
||||
<div class="teaser-text">
|
||||
<n:removeMediaTags>
|
||||
<f:if condition="{newsItem.teaser}">
|
||||
<f:then>
|
||||
<div itemprop="description">{newsItem.teaser -> f:format.crop(maxCharacters: '{settings.cropMaxCharacters}', respectWordBoundaries:'1') -> f:format.html()}</div>
|
||||
</f:then>
|
||||
<f:else>
|
||||
<div itemprop="description">{newsItem.bodytext -> f:format.crop(maxCharacters: '{settings.cropMaxCharacters}', respectWordBoundaries:'1') -> f:format.html()}</div>
|
||||
</f:else>
|
||||
</f:if>
|
||||
</n:removeMediaTags>
|
||||
|
||||
<n:link newsItem="{newsItem}" settings="{settings}" class="more" title="{newsItem.title}">
|
||||
<f:translate key="more-link"/>
|
||||
</n:link>
|
||||
</div>
|
||||
|
||||
<!-- footer information -->
|
||||
<div class="footer">
|
||||
<p>
|
||||
<!-- date -->
|
||||
<span class="news-list-date">
|
||||
<time itemprop="datePublished" datetime="{f:format.date(date:newsItem.datetime, format:'Y-m-d')}">
|
||||
<f:format.date format="{f:translate(key:'dateFormat')}">{newsItem.datetime}</f:format.date>
|
||||
</time>
|
||||
</span>
|
||||
|
||||
<f:if condition="{newsItem.firstCategory}">
|
||||
<!-- first category -->
|
||||
<span class="news-list-category">{newsItem.firstCategory.title}</span>
|
||||
</f:if>
|
||||
|
||||
<f:if condition="{newsItem.tags}">
|
||||
<!-- Tags -->
|
||||
<span class="news-list-tags" itemprop="keywords">
|
||||
<f:for each="{newsItem.tags}" as="tag">
|
||||
{tag.title}
|
||||
</f:for>
|
||||
</span>
|
||||
</f:if>
|
||||
|
||||
<!-- author -->
|
||||
<f:if condition="{newsItem.author}">
|
||||
<span class="news-list-author">
|
||||
<f:translate key="author" arguments="{0:newsItem.author}"/>
|
||||
</span>
|
||||
</f:if>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</html>
|
||||
@@ -0,0 +1,67 @@
|
||||
<f:if condition="{pagination.allPageNumbers -> f:count()} > 1">
|
||||
<ul class="f3-widget-paginator">
|
||||
<f:if condition="{pagination.previousPageNumber} && {pagination.previousPageNumber} >= {pagination.firstPageNumber}">
|
||||
<f:then>
|
||||
<f:comment>
|
||||
<li class="first">
|
||||
<a href="{f:uri.action(action:actionName, arguments:{currentPage: 1},addQueryString:1)}" title="{f:translate(key:'pagination.first')}">
|
||||
<i class="material-icons">first_page</i>
|
||||
</a>
|
||||
</li>
|
||||
</f:comment>
|
||||
<li class="previous">
|
||||
<a href="{f:uri.action(action:actionName, arguments:{currentPage: pagination.previousPageNumber},addQueryString:1)}" title="{f:translate(key:'pagination.previous')}">
|
||||
{f:translate(key:'widget.pagination.previous', extensionName: 'fluid')}
|
||||
</a>
|
||||
</li>
|
||||
</f:then>
|
||||
<f:else>
|
||||
<f:comment>
|
||||
<li class="disabled"><span><i class="material-icons">first_page</i></span></li>
|
||||
<li class="disabled"><span>{f:translate(key:'widget.pagination.previous', extensionName: 'fluid')}</span></li>
|
||||
</f:comment>
|
||||
</f:else>
|
||||
</f:if>
|
||||
<f:if condition="{pagination.hasLessPages}">
|
||||
<li>…</li>
|
||||
</f:if>
|
||||
<f:for each="{pagination.allPageNumbers}" as="page">
|
||||
<f:if condition="{page} == {paginator.currentPageNumber}">
|
||||
<f:then>
|
||||
<li class="current">{page}</li>
|
||||
</f:then>
|
||||
<f:else>
|
||||
<li>
|
||||
<a href="{f:uri.action(action:actionName, arguments:{currentPage: page},addQueryString:1)}">{page}</a>
|
||||
</li>
|
||||
</f:else>
|
||||
</f:if>
|
||||
|
||||
</f:for>
|
||||
<f:if condition="{pagination.hasMorePages}">
|
||||
<li>…</li>
|
||||
</f:if>
|
||||
<f:if condition="{pagination.nextPageNumber} && {pagination.nextPageNumber} <= {pagination.lastPageNumber}">
|
||||
<f:then>
|
||||
<li class="next">
|
||||
<a href="{f:uri.action(action:actionName, arguments:{currentPage: pagination.nextPageNumber},addQueryString:1)}" title="{f:translate(key:'pagination.next')}">
|
||||
{f:translate(key:'widget.pagination.next', extensionName: 'fluid')}
|
||||
</a>
|
||||
</li>
|
||||
<f:comment>
|
||||
<li class="last">
|
||||
<a href="{f:uri.action(action:actionName, arguments:{currentPage: pagination.lastPageNumber},addQueryString:1)}" title="{f:translate(key:'pagination.last')}">
|
||||
last
|
||||
</a>
|
||||
</li>
|
||||
</f:comment>
|
||||
</f:then>
|
||||
<f:else>
|
||||
<f:comment>
|
||||
<li class="disabled"><span>{f:translate(key:'widget.pagination.next', extensionName: 'fluid')}</span></li>
|
||||
<li class="disabled"><span>last page</span></li>
|
||||
</f:comment>
|
||||
</f:else>
|
||||
</f:if>
|
||||
</ul>
|
||||
</f:if>
|
||||
Reference in New Issue
Block a user