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

Replace social media extension

Browse Source
This commit is contained in:
Björn Fromme
2019-04-29 14:15:03 +02:00
parent a5193b4e3a
commit 2aaf4f4632
14 changed files with 174 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/typo3conf/ext/ep_theme/Configuration/TypoScript/Extensions/PbSocial.typoscript
-14
View File
@@ -1,14 +0,0 @@
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:pb_social/Configuration/TypoScript/setup.txt">
plugin.tx_pbsocial {
settings {
load-jquery = 0
}
view {
templateRootPaths.100 = EXT:ep_theme/Resources/Private/Templates/SocialMedia/
layoutRootPaths.100 = EXT:ep_theme/Resources/Private/Layouts/SocialMedia/
partialRootPaths.100 = EXT:ep_theme/Resources/Private/Partials/SocialMedia/
}
}
page.includeJSFooter.pbsocialjs >
web/typo3conf/ext/ep_theme/Configuration/TypoScript/Extensions/PxaSocialFeed.typoscript
+21
View File
@@ -0,0 +1,21 @@
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:pxa_social_feed/Configuration/TypoScript/setup.txt">
plugin.tx_pxasocialfeed {
view {
layoutRootPaths.100 = EXT:ep_theme/Resources/Private/Layouts/SocialMedia/
templateRootPaths.100 = EXT:ep_theme/Resources/Private/Templates/SocialMedia/
partialRootPaths.100 = EXT:ep_theme/Resources/Private/Partials/SocialMedia/
}
}
page.includeCSS {
pxa_social_feed_1 >
}
page.includeJSFooter {
pxa_social_feed_1 >
pxa_social_feed_2 >
pxa_social_feed_3 >
pxa_social_feed_4 >
pxa_social_feed_5 >
}
web/typo3conf/ext/ep_theme/Configuration/TypoScript/constants.txt
+1 -1
View File
@@ -160,4 +160,4 @@ plugin.tx_eptheme {
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:fluid_styled_content/Configuration/TypoScript/constants.txt">
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:ep_products/Configuration/TypoScript/constants.txt">
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:gridelements/Configuration/TypoScript/constants.ts">
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:pb_social/Configuration/TypoScript/constants.txt">
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:pxa_social_feed/Configuration/TypoScript/constants.txt">
web/typo3conf/ext/ep_theme/Configuration/TypoScript/setup.txt
+1 -1
View File
@@ -3,8 +3,8 @@
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:ep_theme/Configuration/TypoScript/Extensions/News.typoscript">
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:ep_theme/Configuration/TypoScript/Extensions/GridElements.typoscript">
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:ep_theme/Configuration/TypoScript/Extensions/Mailform.typoscript">
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:ep_theme/Configuration/TypoScript/Extensions/PbSocial.typoscript">
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:ep_theme/Configuration/TypoScript/Extensions/EpProducts.typoscript">
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:ep_theme/Configuration/TypoScript/Extensions/PxaSocialFeed.typoscript">
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:ep_theme/Configuration/TypoScript/Library/SearchBar.typoscript">
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:ep_theme/Configuration/TypoScript/Library/SearchBox.typoscript">
web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_teaserbox.scss
+17
View File
@@ -102,6 +102,19 @@
}
&--social-media {
height: 200px;
background-size: cover;
}
}
.teaserbox__icon {
position: absolute;
z-index: 10;
top: 8px;
left: 8px;
color: white;
font-size: 125%;
}
.teaserbox__main {
@@ -178,6 +191,10 @@
}
}
&--fixed-height {
height: 220px;
overflow: hidden;
}
}
.teaserbox__aside {
web/typo3conf/ext/ep_theme/Resources/Private/Language/locallang.xlf
+3
View File
@@ -34,6 +34,9 @@
<trans-unit id="tx_eptheme.label.teaserbutton.default">
<source>Details</source>
</trans-unit>
<trans-unit id="tx_eptheme.label.teaserbutton.to_post">
<source>Zum Post</source>
</trans-unit>
<trans-unit id="tx_eptheme.label.teaserbutton.product">
<source>Details &amp; Buchen</source>
</trans-unit>
web/typo3conf/ext/ep_theme/Resources/Private/Layouts/SocialMedia/Default.html
+1 -3
View File
@@ -1,3 +1 @@
<div class="tx-pb-social socialmedia col-xs-12">
<f:render section="main" />
</div>
<f:render section="main" optional="true"/>
web/typo3conf/ext/ep_theme/Resources/Private/Partials/SocialMedia/Feed/Provider-facebook.html
-44
View File
@@ -1,44 +0,0 @@
<f:if condition="{0:feed.raw.type}!={0:'status'}">
<a href="{feed.link}" target="_blank" title="{feed.text}" class="pb-list-item pb-list-item-facebook pb-hidden socialmedia__item"
data-type="{feed.raw.type}" data-id="{feed.id}" data-url="{feed.link}">
<f:if condition="{feed.raw.picture}">
<f:then>
<f:if condition="{fb_full_res}">
<f:then>
<div class="image full_resolution lazyload" data-image-id="{feed.raw.full_picture}"
data-bg="{feed.raw.full_picture}"></div>
</f:then>
<f:else>
<div class="image lazyload" data-image-id="{feed.raw.picture}"
data-bg="{feed.raw.picture}"></div>
</f:else>
</f:if>
</f:then>
<f:else>
<div class="image placeholder-image"></div>
</f:else>
</f:if>
<f:if condition="{feed.text}">
<span class="text">{feed.text}</span>
</f:if>
<div class="icon"></div>
<div class="fb-like-detail-wrap"><div class="fb-like-details">
<span><i class="fb-like-detail__like"></i>{feed.raw.reactions_detail.LIKE}</span>
<span><i class="fb-like-detail__love"></i>{feed.raw.reactions_detail.LOVE}</span>
<span><i class="fb-like-detail__haha"></i>{feed.raw.reactions_detail.HAHA}</span>
<span><i class="fb-like-detail__wow" ></i>{feed.raw.reactions_detail.WOW}</span>
<span><i class="fb-like-detail__sad" ></i>{feed.raw.reactions_detail.SAD}</span>
<span><i class="fb-like-detail__angry"></i>{feed.raw.reactions_detail.ANGRY}</span>
</div></div>
<span class="additional-info info-1">
<f:count>{feed.raw.reactions.data}</f:count>
</span>
<span class="additional-info info-2">
<f:count>{feed.raw.comments.data}</f:count>
</span>
<f:if condition="{0:feed.raw.type}=={0:'video'}">
<img class="video-overlay lazyload"
data-src="{f:uri.image(src: 'EXT:pb_social/Resources/Public/Icons/play_icon.png')}" />
</f:if>
</a>
</f:if>
web/typo3conf/ext/ep_theme/Resources/Private/Partials/SocialMedia/Feed/Provider-instagram.html
-10
View File
@@ -1,10 +0,0 @@
<a href="{feed.link}" target="_blank" class="pb-list-item pb-list-item-instagram pb-hidden socialmedia__item"
data-type="" data-url="{feed.link}">
<div class="image lazyload" data-bg="{feed.image}"></div>
<f:if condition="{feed.text}">
<span class="text">{feed.text}</span>
</f:if>
<div class="icon"></div>
<span class="additional-info info-1">{feed.raw.likes.count}</span>
<span class="additional-info info-2">{feed.raw.comments.count}</span>
</a>
web/typo3conf/ext/ep_theme/Resources/Private/Templates/FluidStyledContent/List.html
+2 -2
View File
@@ -84,10 +84,10 @@
</div>
</f:case>
<f:comment>Social Media Plugin</f:comment>
<f:case value="pbsocial_socialfeed">
<f:case value="pxasocialfeed_showfeed">
<f:render section="Header" arguments="{_all}"/>
<div>
<ep:container data="{data}">
<ep:container data="{data}" cssClasses="slider slider--teasers">
<div class="row slider__items">
<f:cObject typoscriptObjectPath="tt_content.list.20.{data.list_type}" data="{data}"/>
</div>
web/typo3conf/ext/ep_theme/Resources/Private/Templates/SocialMedia/Feeds/List.html
+35
View File
@@ -0,0 +1,35 @@
<div xmlns="http://www.w3.org/1999/xhtml" lang="en"
xmlns:f="http://typo3.org/ns/TYPO3/Fluid/ViewHelpers">
<f:layout name="Default"/>
<f:section name="main">
<f:for each="{feeds}" as="feed">
<f:if condition="{feed.image}">
<div class="col-md-3">
<f:link.typolink class="teaserbox teaserbox--social" parameter="{feed.postUrl}" target="_blank" title="{feed.title}">
<div class="teaserbox__image teaserbox__image--social-media" style="background-image: url({feed.image})">
<f:switch expression="{feed.configuration.token.socialType}">
<f:case value="1">
<div class="teaserbox__icon">
<i class="fa fa-facebook"></i>
</div>
</f:case>
<f:case value="2">
<div class="teaserbox__icon">
<i class="fa fa-instagram"></i>
</div>
</f:case>
</f:switch>
</div>
<div class="teaserbox__main teaserbox__main--fixed-height">
<p>{feed.postDate -> f:format.date(format: 'd.m.Y')}</p>
{feed.message -> f:format.crop(maxCharacters: '120') -> f:format.nl2br()}
</div>
<button class="button button--full teaserbox__button">{f:translate(key: 'tx_eptheme.label.teaserbutton.to_post', extensionName: 'ep_theme')}</button>
</f:link.typolink>
</div>
</f:if>
</f:for>
</f:section>
</div>
web/typo3conf/ext/ep_theme/Resources/Private/Templates/SocialMedia/Item/ShowSocialFeed.html
-8
View File
@@ -1,8 +0,0 @@
<f:layout name="Default"/>
<f:section name="main">
<div class="pb-list socialmedia__items">
<f:for each="{feeds}" as="feed">
<f:render partial="Feed/Provider-{feed.provider}" arguments="{feed: feed, fb_full_res: fb_full_res}"/>
</f:for>
</div>
</f:section>