Initial commit
This commit is contained in:
Cloonar
@@ -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}" additionalAttributes="{itemprop:'url'}">
|
||||
<span itemprop="headline">{newsItem.title}</span>
|
||||
</n:link>
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<f:if condition="{newsItem.media}">
|
||||
<!-- media preview element -->
|
||||
<f:then>
|
||||
<div class="news-img-wrap">
|
||||
<n:link newsItem="{newsItem}" settings="{settings}" title="{newsItem.title}">
|
||||
<f:alias map="{mediaElement: newsItem.media.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}" width="{f:if(condition: settings.media.maxWidth, then: settings.media.maxWidth, else: settings.list.media.image.maxWidth)}" height="{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}" width="{f:if(condition: settings.media.maxWidth, then: settings.media.maxWidth, else: settings.list.media.image.maxWidth)}" height="{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.raw()}</div>
|
||||
</f:then>
|
||||
<f:else>
|
||||
<div itemprop="description">{newsItem.bodytext -> f:format.crop(maxCharacters: '{settings.cropMaxCharacters}', respectWordBoundaries:'1') -> f:format.raw()}</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,57 @@
|
||||
<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><span>…</span></li>
|
||||
</f:if>
|
||||
<f:for each="{pagination.allPageNumbers}" as="page">
|
||||
<li class="{f:if(condition: '{page} == {paginator.currentPageNumber}', then:'current')}">
|
||||
<a href="{f:uri.action(action:actionName, arguments:{currentPage: page},addQueryString:1)}">{page}</a>
|
||||
</li>
|
||||
</f:for>
|
||||
<f:if condition="{pagination.hasMorePages}">
|
||||
<li><span>…</span></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>
|
||||
@@ -0,0 +1,86 @@
|
||||
<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>
|
||||
<span itemprop="headline">{newsItem.title}</span>
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<f:if condition="{newsItem.media}">
|
||||
<!-- media preview element -->
|
||||
<f:then>
|
||||
<div class="news-img-wrap">
|
||||
<f:alias map="{mediaElement: newsItem.media.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}" width="{f:if(condition: settings.media.maxWidth, then: settings.media.maxWidth, else: settings.list.media.image.maxWidth)}" height="{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}" width="{f:if(condition: settings.media.maxWidth, then: settings.media.maxWidth, else: settings.list.media.image.maxWidth)}" height="{f:if(condition: settings.media.maxHeight, then: settings.media.maxHeight, else: settings.list.media.image.maxHeight)}"/>
|
||||
</f:if>
|
||||
</f:alias>
|
||||
</div>
|
||||
</f:then>
|
||||
<f:else>
|
||||
<f:if condition="{settings.displayDummyIfNoMedia}">
|
||||
<div class="news-img-wrap">
|
||||
<span class="no-media-element">
|
||||
<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)}"/>
|
||||
</span>
|
||||
</div>
|
||||
</f:if>
|
||||
</f:else>
|
||||
</f:if>
|
||||
|
||||
|
||||
<!-- teaser -->
|
||||
<div class="teaser-text">
|
||||
<n:removeMediaTags>
|
||||
<div itemprop="description">{newsItem.bodytext -> f:format.html()}</div>
|
||||
</n:removeMediaTags>
|
||||
</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>
|
||||
Reference in New Issue
Block a user