Commit d80bc44c authored by Harry Glatz's avatar Harry Glatz
Browse files

[TASK] Add Video to feature

parent f81feff3
......@@ -129,52 +129,11 @@ return [
'defaultExtras' => 'richtext:rte_transform'
],
'images' => [
'exclude' => false,
'label' => 'LLL:EXT:typo3_roadmap/Resources/Private/Language/locallang_db.xml:tx_typo3roadmap_domain_model_feature.images',
'config' =>
\TYPO3\CMS\Core\Utility\ExtensionManagementUtility::getFileFieldTCAConfig(
'images',
[
'appearance' => [
'createNewRelationLinkTitle' => 'LLL:EXT:frontend/Resources/Private/Language/locallang_ttc.xlf:images.addFileReference'
],
'foreign_types' => [
'0' => [
'showitem' => '
--palette--;LLL:EXT:lang/locallang_tca.xlf:sys_file_reference.imageoverlayPalette;imageoverlayPalette,
--palette--;;filePalette'
],
\TYPO3\CMS\Core\Resource\File::FILETYPE_TEXT => [
'showitem' => '
--palette--;LLL:EXT:lang/locallang_tca.xlf:sys_file_reference.imageoverlayPalette;imageoverlayPalette,
--palette--;;filePalette'
],
\TYPO3\CMS\Core\Resource\File::FILETYPE_IMAGE => [
'showitem' => '
--palette--;LLL:EXT:lang/locallang_tca.xlf:sys_file_reference.imageoverlayPalette;imageoverlayPalette,
--palette--;;filePalette'
],
\TYPO3\CMS\Core\Resource\File::FILETYPE_AUDIO => [
'showitem' => '
--palette--;LLL:EXT:lang/locallang_tca.xlf:sys_file_reference.imageoverlayPalette;imageoverlayPalette,
--palette--;;filePalette'
],
\TYPO3\CMS\Core\Resource\File::FILETYPE_VIDEO => [
'showitem' => '
--palette--;LLL:EXT:lang/locallang_tca.xlf:sys_file_reference.imageoverlayPalette;imageoverlayPalette,
--palette--;;filePalette'
],
\TYPO3\CMS\Core\Resource\File::FILETYPE_APPLICATION => [
'showitem' => '
--palette--;LLL:EXT:lang/locallang_tca.xlf:sys_file_reference.imageoverlayPalette;imageoverlayPalette,
--palette--;;filePalette'
]
],
'maxitems' => 10
],
$GLOBALS['TYPO3_CONF_VARS']['GFX']['imagefile_ext']
),
'exclude' => 0,
'l10n_mode' => 'prefixLangTitle',
'l10n_cat' => 'text',
'label' => 'Media Boris',
'config' => $GLOBALS['TCA']['tt_content']['columns']['assets']['config'],
],
'link' => [
'exclude' => false,
......
plugin.tx_typo3roadmap {
view {
templateRootPath = {$plugin.tx_typo3roadmap_roadmap.view.templateRootPath}
partialRootPath = {$plugin.tx_typo3roadmap_roadmap.view.partialRootPath}
layoutRootPath = {$plugin.tx_typo3roadmap_roadmap.view.layoutRootPath}
partialRootPaths {
0 = EXT:t3olayout/Resources/Private/Partials/
10 = {$plugin.tx_typo3roadmap_roadmap.view.partialRootPath}
}
}
persistence {
storagePid = {$plugin.tx_typo3roadmap_roadmap.persistence.storagePid}
......
<div class="container">
<div class="row">
<div class="col-8">
<div class="col-md-8">
<h2 class="">{feature.header}</h2>
<f:if condition="{feature.typo3releaseminorversion.version}">
<p class="alert alert-info text-center">Introduced in version {feature.typo3releaseminorversion.version} <f:if condition="{settings.showFeatureArea}"><f:link.typolink parameter="{feature.featureArea.page}">Feature Area</f:link.typolink></f:if></p>
......@@ -10,9 +10,30 @@
<p><f:link.typolink parameter="{feature.link}" class="btn btn-primary mr-3" target="_blank">Documentation</f:link.typolink></p>
</f:if>
</div>
<div class="col-4">
<f:for each="{feature.images}" as="image">
<f:image image="{image}" width="400"/>
<div class="col-md-4">
<f:for each="{feature.images}" as="media">
<f:switch expression="{media.originalResource.type}">
<f:case value="3">
<f:media class="audio-embed-item" file="{media}" width="{dimensions.width}" height="{dimensions.height}" alt="{media.alternative}" title="{media.title}" />
</f:case>
<f:case value="4">
<f:media class="video-embed-item" file="{media}" width="{dimensions.width}" height="{dimensions.height}" alt="{media.alternative}" title="{media.title}" />
</f:case>
<f:defaultCase>
<f:variable name="breakpoints" value="{
0:{media:'max-width', size:375, maxWidth:375, cropVariant:'mobile'},
1:{media:'max-width', size:480, maxWidth:480, cropVariant:'mobile'},
2:{media:'max-width', size:767, maxWidth:510, cropVariant:'tablet'},
3:{media:'max-width', size:991, maxWidth:300, cropVariant:'tablet'},
4:{media:'max-width', size:1199, maxWidth:360, cropVariant:'default'},
5:{media:'min-width', size:1200, maxWidth:360, cropVariant:'default'}
}" />
<f:render partial="ContentElements/Media/Rendering/PictureSrcsetCols" section="ImageRender" arguments="{file: media, breakpoints: breakpoints}" />
</f:defaultCase>
</f:switch>
</f:for>
</div>
</div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment