Implement EXT:news for events site
This commit is contained in:
Björn Fromme
+1
-1
@@ -6,7 +6,7 @@
|
|||||||
"license": "WTFPL",
|
"license": "WTFPL",
|
||||||
"repository": "https://gitlab.com/dreipunktnull/ep_theme.git",
|
"repository": "https://gitlab.com/dreipunktnull/ep_theme.git",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "./node_modules/.bin/encore dev",
|
"dev": "./node_modules/.bin/encore dev --watch",
|
||||||
"build": "./node_modules/.bin/encore production"
|
"build": "./node_modules/.bin/encore production"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
|||||||
@@ -0,0 +1,12 @@
|
|||||||
|
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:news/Configuration/TypoScript/setup.txt">
|
||||||
|
|
||||||
|
plugin.tx_news {
|
||||||
|
view {
|
||||||
|
templateRootPaths.100 = EXT:ep_events/Resources/Private/Templates/News/
|
||||||
|
partialRootPaths.100 = EXT:ep_events/Resources/Private/Partials/News/
|
||||||
|
widget.GeorgRinger\News\ViewHelpers\Widget\PaginateViewHelper.templateRootPath = EXT:ep_events/Resources/Private/Templates/News/
|
||||||
|
}
|
||||||
|
settings {
|
||||||
|
link.skipControllerAndAction = 1
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -55,3 +55,4 @@ plugin.tx_epevents {
|
|||||||
|
|
||||||
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:fluid_styled_content/Configuration/TypoScript/Static/constants.txt">
|
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:fluid_styled_content/Configuration/TypoScript/Static/constants.txt">
|
||||||
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:form/Configuration/TypoScript/constants.txt">
|
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:form/Configuration/TypoScript/constants.txt">
|
||||||
|
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:news/Configuration/TypoScript/constants.txt">
|
||||||
|
|||||||
@@ -1,5 +1,6 @@
|
|||||||
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:ep_events/Configuration/TypoScript/Extensions/FluidStyledContent.ts">
|
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:ep_events/Configuration/TypoScript/Extensions/FluidStyledContent.ts">
|
||||||
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:ep_events/Configuration/TypoScript/Extensions/Form.ts">
|
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:ep_events/Configuration/TypoScript/Extensions/Form.ts">
|
||||||
|
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:ep_events/Configuration/TypoScript/Extensions/News.ts">
|
||||||
|
|
||||||
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:ep_events/Configuration/TypoScript/Library/DynamicContent.ts">
|
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:ep_events/Configuration/TypoScript/Library/DynamicContent.ts">
|
||||||
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:ep_events/Configuration/TypoScript/Library/ParseFunc.ts">
|
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:ep_events/Configuration/TypoScript/Library/ParseFunc.ts">
|
||||||
|
|||||||
@@ -0,0 +1,55 @@
|
|||||||
|
.news-entry {
|
||||||
|
width: 100%;
|
||||||
|
&:not(:last-child) {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.news-entry__info {
|
||||||
|
margin: 0 0 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.news-entry__inner {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
|
@include mq($from: tablet) {
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.news-entry__image {
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
|
||||||
|
@include mq($from: tablet) {
|
||||||
|
width: percentage(1/3);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.news-entry__info {
|
||||||
|
font-style: italic;
|
||||||
|
font-size: 90%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.news-entry__headline {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.news-entry__teaser {
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
@include mq($from: tablet) {
|
||||||
|
padding-left: 16px;
|
||||||
|
width: percentage(2/3);
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin-bottom: 16px;
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -39,3 +39,4 @@ $output-bourbon-deprecation-warnings: false;
|
|||||||
@import "cookieconsent";
|
@import "cookieconsent";
|
||||||
@import "search";
|
@import "search";
|
||||||
@import "paginator";
|
@import "paginator";
|
||||||
|
@import "news";
|
||||||
|
|||||||
+31
@@ -0,0 +1,31 @@
|
|||||||
|
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
|
||||||
|
xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers"
|
||||||
|
data-namespace-typo3-fluid="true">
|
||||||
|
|
||||||
|
<v:variable.set name="images" value="{media -> v:iterator.filter(propertyName: 'showinpreview', filter: 0)}"/>
|
||||||
|
<f:if condition="{images}">
|
||||||
|
<div class="slider slider--content">
|
||||||
|
<div id="carousel-{id}" class="slider__items">
|
||||||
|
<f:for each="{images}" as="image" iteration="iteration">
|
||||||
|
<f:link.typolink parameter="{image.originalResource.link}" class="slider__item">
|
||||||
|
<img src="{f:uri.image(src: image.uid, treatIdAsReference: 1, crop: image.crop, width: '770', height: '430c+100')}"
|
||||||
|
class="slider__image" alt="{image.alternative}" title="{image.title}">
|
||||||
|
</f:link.typolink>
|
||||||
|
</f:for>
|
||||||
|
</div>
|
||||||
|
<f:if condition="{images -> f:count()} > 1">
|
||||||
|
<div class="slider__thumbs hidden-sm hidden-xs">
|
||||||
|
<f:for each="{images}" as="image" iteration="iteration">
|
||||||
|
<f:if condition="{iteration.cycle} <= 5">
|
||||||
|
<a href="#" class="slider__thumb" data-slide="{iteration.index}">
|
||||||
|
<img src="{f:uri.image(src: image.uid, treatIdAsReference: 1, crop: image.crop, width: '150', height: '85c+100')}"
|
||||||
|
class="img-responsive" alt="{image.alternative}" title="{image.title}">
|
||||||
|
</a>
|
||||||
|
</f:if>
|
||||||
|
</f:for>
|
||||||
|
</div>
|
||||||
|
</f:if>
|
||||||
|
</div>
|
||||||
|
</f:if>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,53 @@
|
|||||||
|
<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="news-entry" itemscope="itemscope" itemtype="http://schema.org/Article">
|
||||||
|
<n:excludeDisplayedNews newsItem="{newsItem}"/>
|
||||||
|
<div class="news-entry__inner">
|
||||||
|
<div class="news-entry__image">
|
||||||
|
<f:if condition="{newsItem.mediaPreviews}">
|
||||||
|
<f:then>
|
||||||
|
<f:if condition="{newsItem.mediaPreviews.0}">
|
||||||
|
<f:alias map="{mediaElement: '{newsItem.mediaPreviews.0}'}">
|
||||||
|
<f:image image="{mediaElement}" title="{mediaElement.originalResource.title}"
|
||||||
|
crop="{mediaElement.crop}"
|
||||||
|
width="640" height="360c+50"
|
||||||
|
alt="{mediaElement.originalResource.alternative}" class="scale"/>
|
||||||
|
</f:alias>
|
||||||
|
</f:if>
|
||||||
|
</f:then>
|
||||||
|
<f:else>
|
||||||
|
<f:if condition="{newsItem.media}">
|
||||||
|
<f:alias map="{mediaElement: '{newsItem.media.0}'}">
|
||||||
|
<f:image image="{mediaElement}" title="{mediaElement.originalResource.title}"
|
||||||
|
crop="{mediaElement.crop}"
|
||||||
|
width="640" height="360c+50"
|
||||||
|
alt="{mediaElement.originalResource.alternative}" class="scale"/>
|
||||||
|
</f:alias>
|
||||||
|
</f:if>
|
||||||
|
</f:else>
|
||||||
|
</f:if>
|
||||||
|
</div>
|
||||||
|
<div class="news-entry__teaser">
|
||||||
|
<h2 class="headline headline--primary" itemprop="headline">
|
||||||
|
{newsItem.title}
|
||||||
|
<span class="subline">
|
||||||
|
<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>
|
||||||
|
</h2>
|
||||||
|
<n:removeMediaTags>
|
||||||
|
<f:if condition="{newsItem.teaser}">
|
||||||
|
<f:then>
|
||||||
|
<div itemprop="description">{newsItem.teaser -> f:format.html()}</div>
|
||||||
|
</f:then>
|
||||||
|
<f:else>
|
||||||
|
<div itemprop="description">{newsItem.bodytext -> f:format.html()}</div>
|
||||||
|
</f:else>
|
||||||
|
</f:if>
|
||||||
|
</n:removeMediaTags>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,70 @@
|
|||||||
|
<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:layout name="Detail" />
|
||||||
|
|
||||||
|
<f:section name="content">
|
||||||
|
<f:if condition="{newsItem}">
|
||||||
|
<f:then>
|
||||||
|
<div class="blog-entry blog-entry--detail">
|
||||||
|
<n:format.nothing>
|
||||||
|
<n:excludeDisplayedNews newsItem="{newsItem}" />
|
||||||
|
<f:if condition="{newsItem.alternativeTitle}">
|
||||||
|
<f:then>
|
||||||
|
<n:titleTag>
|
||||||
|
<f:format.htmlentitiesDecode>{newsItem.alternativeTitle}</f:format.htmlentitiesDecode>
|
||||||
|
</n:titleTag>
|
||||||
|
</f:then>
|
||||||
|
<f:else>
|
||||||
|
<n:titleTag>
|
||||||
|
<f:format.htmlentitiesDecode>{newsItem.title}</f:format.htmlentitiesDecode>
|
||||||
|
</n:titleTag>
|
||||||
|
</f:else>
|
||||||
|
</f:if>
|
||||||
|
<f:render partial="Detail/Opengraph" arguments="{newsItem: newsItem, settings:settings}" />
|
||||||
|
</n:format.nothing>
|
||||||
|
<h2 class="headline headline--primary headline--underlined" itemprop="headline">{newsItem.title}</h2>
|
||||||
|
<p class="blog-entry__info">
|
||||||
|
<f:if condition="{newsItem.author}">{newsItem.author} am </f:if>
|
||||||
|
<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>
|
||||||
|
<f:if condition="{newsItem.tags}"> in
|
||||||
|
<f:for each="{newsItem.tags}" as="tag" iteration="iteration">
|
||||||
|
<f:link.page title="{tag.title}" pageUid="{settings.tagListPageUid}" additionalParams="{tx_news_pi1:{overwriteDemand:{tags: tag}}}">
|
||||||
|
{tag.title}
|
||||||
|
</f:link.page>
|
||||||
|
{f:if(condition: iteration.isLast, else: ', ')}
|
||||||
|
</f:for>
|
||||||
|
</f:if>
|
||||||
|
</p>
|
||||||
|
<f:if condition="{newsItem.teaser}">
|
||||||
|
<f:format.html>{newsItem.teaser}</f:format.html>
|
||||||
|
</f:if>
|
||||||
|
<n:renderMedia news="{newsItem}" imgClass="img-responsive" videoClass="video-wrapper" audioClass="audio-wrapper">
|
||||||
|
<f:render partial="Detail/MediaContainer" arguments="{media: newsItem.media, settings:settings, id: newsItem.uid}" />
|
||||||
|
<f:format.html>{newsItem.bodytext}</f:format.html>
|
||||||
|
</n:renderMedia>
|
||||||
|
<f:cObject typoscriptObjectPath="lib.tx_news.contentElementRendering">{newsItem.contentElementIdList}</f:cObject>
|
||||||
|
<f:if condition="{newsItem.relatedFiles}">
|
||||||
|
<h3 class="headline headline--underlined">Dateien</h3>
|
||||||
|
<ul>
|
||||||
|
<f:for each="{newsItem.relatedFiles}" as="relatedFile">
|
||||||
|
<li>
|
||||||
|
<a href="{relatedFile.originalResource.publicUrl -> f:format.htmlspecialchars()}" target="_blank">
|
||||||
|
{f:if(condition:relatedFile.originalResource.title, then:relatedFile.originalResource.title, else:relatedFile.originalResource.name)}, {relatedFile.originalResource.size -> f:format.bytes()}
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</f:for>
|
||||||
|
</ul>
|
||||||
|
</f:if>
|
||||||
|
<f:if condition="{settings.backPid}">
|
||||||
|
<f:link.page pageUid="{settings.backPid}" class="button button--default button--small">
|
||||||
|
<f:translate key="back-link" />
|
||||||
|
</f:link.page>
|
||||||
|
</f:if>
|
||||||
|
</div>
|
||||||
|
</f:then>
|
||||||
|
</f:if>
|
||||||
|
</f:section>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,33 @@
|
|||||||
|
<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:layout name="General" />
|
||||||
|
|
||||||
|
<f:section name="content">
|
||||||
|
<f:if condition="{news}">
|
||||||
|
<f:then>
|
||||||
|
<f:if condition="{settings.hidePagination}">
|
||||||
|
<f:then>
|
||||||
|
<f:for each="{news}" as="newsItem" iteration="iterator">
|
||||||
|
<f:render partial="List/Item" arguments="{newsItem: newsItem,settings:settings,iterator:iterator}" />
|
||||||
|
</f:for>
|
||||||
|
</f:then>
|
||||||
|
<f:else>
|
||||||
|
<n:widget.paginate objects="{news}" as="paginatedNews" configuration="{settings.list.paginate}" initial="{offset:settings.offset,limit:settings.limit,recordId:contentObjectData.uid}">
|
||||||
|
<f:for each="{paginatedNews}" as="newsItem" iteration="iterator">
|
||||||
|
<f:render partial="List/Item" arguments="{newsItem: newsItem,settings:settings,iterator:iterator}" />
|
||||||
|
</f:for>
|
||||||
|
</n:widget.paginate>
|
||||||
|
</f:else>
|
||||||
|
</f:if>
|
||||||
|
</f:then>
|
||||||
|
<f:else>
|
||||||
|
<div class="no-news-found">
|
||||||
|
<f:translate key="list_nonewsfound" />
|
||||||
|
</div>
|
||||||
|
</f:else>
|
||||||
|
</f:if>
|
||||||
|
</f:section>
|
||||||
|
|
||||||
|
</html>
|
||||||
+84
@@ -0,0 +1,84 @@
|
|||||||
|
<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:renderChildren arguments="{contentArguments}" />
|
||||||
|
<f:render section="paginator" arguments="{pagination: pagination,configuration:configuration}" />
|
||||||
|
|
||||||
|
<f:section name="paginator">
|
||||||
|
<f:if condition="{pagination.numberOfPages} > 1">
|
||||||
|
<f:if condition="{settings.list.paginate}">
|
||||||
|
<f:if condition="{pagination.previousPage}">
|
||||||
|
<f:if condition="{pagination.previousPage} > 1">
|
||||||
|
<f:then>
|
||||||
|
<n:headerData><link rel="prev" href="{f:widget.uri(arguments: {currentPage: pagination.previousPage}) -> f:format.htmlentities()}" /></n:headerData>
|
||||||
|
</f:then>
|
||||||
|
<f:else>
|
||||||
|
<n:headerData><link rel="prev" href="{f:widget.uri() -> f:format.htmlentities()}" /></n:headerData>
|
||||||
|
</f:else>
|
||||||
|
</f:if>
|
||||||
|
</f:if>
|
||||||
|
<f:if condition="{pagination.nextPage}">
|
||||||
|
<n:headerData><link rel="next" href="{f:widget.uri(arguments: {currentPage: pagination.nextPage}) -> f:format.htmlentities()}" /></n:headerData>
|
||||||
|
</f:if>
|
||||||
|
</f:if>
|
||||||
|
<nav aria-label="Paginierung">
|
||||||
|
<ul class="pagination">
|
||||||
|
<f:if condition="{pagination.previousPage}">
|
||||||
|
<li class="previous">
|
||||||
|
<f:if condition="{pagination.previousPage} > 1">
|
||||||
|
<f:then>
|
||||||
|
<f:widget.link arguments="{currentPage: pagination.previousPage}">«</f:widget.link>
|
||||||
|
</f:then>
|
||||||
|
<f:else>
|
||||||
|
<f:widget.link>«</f:widget.link>
|
||||||
|
</f:else>
|
||||||
|
</f:if>
|
||||||
|
</li>
|
||||||
|
</f:if>
|
||||||
|
<f:if condition="{pagination.displayRangeStart} > 1">
|
||||||
|
<li class="first">
|
||||||
|
<f:widget.link>1</f:widget.link>
|
||||||
|
</li>
|
||||||
|
</f:if>
|
||||||
|
<f:if condition="{pagination.hasLessPages}">
|
||||||
|
<li>....</li>
|
||||||
|
</f:if>
|
||||||
|
<f:for each="{pagination.pages}" as="page">
|
||||||
|
<f:if condition="{page.isCurrent}">
|
||||||
|
<f:then>
|
||||||
|
<li class="active"><span>{page.number}</span></li>
|
||||||
|
</f:then>
|
||||||
|
<f:else>
|
||||||
|
<li>
|
||||||
|
<f:if condition="{page.number} > 1">
|
||||||
|
<f:then>
|
||||||
|
<f:widget.link arguments="{currentPage: page.number}">{page.number}</f:widget.link>
|
||||||
|
</f:then>
|
||||||
|
<f:else>
|
||||||
|
<f:widget.link>{page.number}</f:widget.link>
|
||||||
|
</f:else>
|
||||||
|
</f:if>
|
||||||
|
</li>
|
||||||
|
</f:else>
|
||||||
|
</f:if>
|
||||||
|
</f:for>
|
||||||
|
<f:if condition="{pagination.hasMorePages}">
|
||||||
|
<li class="disabled">....</li>
|
||||||
|
</f:if>
|
||||||
|
<f:if condition="{pagination.displayRangeEnd} < {pagination.numberOfPages}">
|
||||||
|
<li class="last">
|
||||||
|
<f:widget.link arguments="{currentPage: pagination.numberOfPages}">{pagination.numberOfPages}</f:widget.link>
|
||||||
|
</li>
|
||||||
|
</f:if>
|
||||||
|
<f:if condition="{pagination.nextPage}">
|
||||||
|
<li class="last next">
|
||||||
|
<f:widget.link arguments="{currentPage: pagination.nextPage}">»</f:widget.link>
|
||||||
|
</li>
|
||||||
|
</f:if>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</f:if>
|
||||||
|
</f:section>
|
||||||
|
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user