Replace social media extension

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
+2 -2
View File
@@ -50,7 +50,6 @@
"typo3/cms-wizard-sortpages": "^8.7",
"typo3-ter/media": "^4.5",
"typo3-ter/ods-redirects": "^1.3",
"plusb/pb_social": "^1.3",
"typo3-ter/html-compress": "^1.1",
"yohang/calendr": "^2.1",
"wyrihaximus/html-compress": "^1.4",
@@ -65,7 +64,8 @@
"fluidtypo3/vhs": "^4.3",
"webdevops/metaseo": "3.0.0",
"helhum/typo3-console": "^4.9",
"gridelementsteam/gridelements": "^8.2"
"gridelementsteam/gridelements": "^8.2",
"pixelant/pxa-social-feed": "^1.10"
},
"scripts": {
"typo3-cms-scripts": [
Generated
+91 -39
View File
@@ -4,7 +4,7 @@
"Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
"This file is @generated automatically"
],
"content-hash": "cb935efb0e505c4bd4d95395eff4a1ac",
"content-hash": "7abc7ffed601cfa5c0bbf6336d5efa3d",
"packages": [
{
"name": "christophlehmann/imageoptimizer",
@@ -694,6 +694,64 @@
],
"time": "2014-09-09T13:34:57+00:00"
},
{
"name": "facebook/graph-sdk",
"version": "5.7.0",
"source": {
"type": "git",
"url": "https://github.com/facebook/php-graph-sdk.git",
"reference": "2d8250638b33d73e7a87add65f47fabf91f8ad9b"
},
"dist": {
"type": "zip",
"url": "https://api.github.com/repos/facebook/php-graph-sdk/zipball/2d8250638b33d73e7a87add65f47fabf91f8ad9b",
"reference": "2d8250638b33d73e7a87add65f47fabf91f8ad9b",
"shasum": ""
},
"require": {
"php": "^5.4|^7.0"
},
"require-dev": {
"guzzlehttp/guzzle": "~5.0",
"mockery/mockery": "~0.8",
"phpunit/phpunit": "~4.0"
},
"suggest": {
"guzzlehttp/guzzle": "Allows for implementation of the Guzzle HTTP client",
"paragonie/random_compat": "Provides a better CSPRNG option in PHP 5"
},
"type": "library",
"extra": {
"branch-alias": {
"dev-master": "5.x-dev"
}
},
"autoload": {
"psr-4": {
"Facebook\\": "src/Facebook/"
},
"files": [
"src/Facebook/polyfills.php"
]
},
"notification-url": "https://packagist.org/downloads/",
"license": [
"Facebook Platform"
],
"authors": [
{
"name": "Facebook",
"homepage": "https://github.com/facebook/php-graph-sdk/contributors"
}
],
"description": "Facebook SDK for PHP",
"homepage": "https://github.com/facebook/php-graph-sdk",
"keywords": [
"facebook",
"sdk"
],
"time": "2018-12-11T22:56:31+00:00"
},
{
"name": "fluidtypo3/vhs",
"version": "4.4.0",
@@ -1702,67 +1760,61 @@
"time": "2016-04-19T09:28:22+00:00"
},
{
"name": "plusb/pb_social",
"version": "1.3.4",
"name": "pixelant/pxa-social-feed",
"version": "v1.10.0",
"source": {
"type": "git",
"url": "https://bitbucket.org/plus-b/pb_social.git",
"reference": "8aa104521133c32eca30dfb1b309eae18e5a8e60"
"url": "https://github.com/pixelant/pxa_social_feed.git",
"reference": "94ffd4a197e47e03227b6ecdb7af7227a67a16fc"
},
"dist": {
"type": "zip",
"url": "https://bitbucket.org/plus-b/pb_social/get/8aa104521133c32eca30dfb1b309eae18e5a8e60.zip",
"reference": "8aa104521133c32eca30dfb1b309eae18e5a8e60",
"url": "https://api.github.com/repos/pixelant/pxa_social_feed/zipball/94ffd4a197e47e03227b6ecdb7af7227a67a16fc",
"reference": "94ffd4a197e47e03227b6ecdb7af7227a67a16fc",
"shasum": ""
},
"require": {
"php": ">=5.6",
"typo3/cms-core": "^7.6 || ^8.7 || ^9.5"
"facebook/graph-sdk": "^5.6.3",
"typo3/cms-core": "^8.7 || ^9.5"
},
"replace": {
"pb_social": "self.version",
"typo3-ter/pb_social": "self.version"
"pxa_social_feed": "self.version",
"typo3-ter/pxa-social-feed": "self.version"
},
"require-dev": {
"nimut/testing-framework": "^2.0",
"squizlabs/php_codesniffer": "2.*",
"symfony/finder": "^3.0"
},
"type": "typo3-cms-extension",
"extra": {
"branch-alias": {
"dev-master": "0.0.x-dev"
},
"typo3/cms": {
"cms-package-dir": "{$vendor-dir}/typo3/cms",
"web-dir": ".Build/Web"
}
},
"autoload": {
"psr-4": {
"PlusB\\PbSocial\\": "Classes"
},
"classmap": [
"Resources/Private/Libs"
]
"Pixelant\\PxaSocialFeed\\": "Classes/"
}
},
"notification-url": "https://packagist.org/downloads/",
"license": [
"GPL-2.0-or-later"
"GPL-2.0+"
],
"authors": [
{
"name": "Mikolaj Jedrzejewski, Ramon Mohi, Kai Lorenz, Robert Becker, Arend Maubach",
"homepage": "https://www.plusb.de",
"name": "Pixelant",
"email": "[email protected]",
"homepage": "https://www.pixelant.net",
"role": "Developer"
}
],
"description": "Social Media Streams",
"homepage": "https://www.plusb.de",
"keywords": [
"Social Media Streams",
"TYPO3 CMS",
"facebook",
"imgur",
"instagram",
"linkedin",
"pb_social",
"pinterest",
"plus B",
"plusB",
"tumblr",
"twitter",
"tx_news",
"vimeo",
"youtube"
],
"time": "2018-11-19T10:55:21+00:00"
"description": "Add Facebook, Instagram, and Twitter feeds to your site.",
"time": "2019-03-13T09:49:44+00:00"
},
{
"name": "psr/http-message",
@@ -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 >
@@ -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 >
}
@@ -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">
@@ -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">
@@ -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 {
@@ -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>
@@ -1,3 +1 @@
<div class="tx-pb-social socialmedia col-xs-12">
<f:render section="main" />
</div>
<f:render section="main" optional="true"/>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>