danielsiepmann/ds-site
danielsiepmann/ds-site
1
0
Code Activity

Add images to website

Browse source 
Allow to add images as content within blog posts.
This commit is contained in:
Daniel Siepmann 2019-11-28 18:04:08 +01:00
parent 3b4f18b8c4
commit ca3f397104
7 changed files with 88 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
Configuration/PageTSconfig/Mod/Wizards/NewContentElement.tsconfig
View file

@ -1,6 +1,15 @@
mod.wizards.newContentElement.wizardItems {
common {
show = text
show = text, image
elements {
image {
tt_content_defValues {
header = Image
header_layout = 100
}
}
}
}
menu {
show = menu_abstract

8
Configuration/PageTSconfig/Tceform/SysFileReferences.tsconfig Normal file
View file

@ -0,0 +1,8 @@
TCEFORM.sys_file_reference {
link {
disabled = 1
}
crop {
disabled = 1
}
}

29
Configuration/TCA/Overrides/tt_content_image.php Normal file
View file

@ -0,0 +1,29 @@
<?php
(function (string $extensionKey, string $table, string $ctype) {
\TYPO3\CMS\Core\Utility\ArrayUtility::mergeRecursiveWithOverrule($GLOBALS['TCA'][$table], [
'types' => [
$ctype => [
'showitem' => implode(',', [
'--div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:general',
'--palette--;;general',
'--palette--;;headers',
'image',
'--div--;LLL:EXT:frontend/Resources/Private/Language/locallang_ttc.xlf:tabs.appearance',
'--palette--;;frames',
'--palette--;;appearanceLinks',
'--div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:language',
'--palette--;;language',
'--div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:access',
'--palette--;;hidden',
'--palette--;;access',
'--div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:categories',
'categories',
'--div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:notes',
'rowDescription',
'--div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:extended',
]),
],
],
]);
})('ds_site', 'tt_content', 'image');

16
Configuration/TypoScript/Setup/ContentElements/Image.typoscript Normal file
View file

@ -0,0 +1,16 @@
tt_content.image =< lib.contentElement
tt_content.image {
templateName = Image
dataProcessing {
10 = TYPO3\CMS\Frontend\DataProcessing\FilesProcessor
10 {
references.fieldName = image
as = images
}
}
stdWrap {
editIcons := appendString(image)
}
}

10
Resources/Private/Sass/layout/_elements.scss
View file

@ -9,6 +9,16 @@ h1, h2, h3, h4, h5, h6 {
}
}
figure {
text-align: center;
padding: $spacer;
figcaption {
text-align: start;
padding-top: $spacer;
}
}
section > header {
font-size: 1.5em;
padding-bottom: $spacer * 2;

14
Resources/Private/Templates/ContentElements/Image.html Normal file
View file

@ -0,0 +1,14 @@
<html xmlns:f="http://typo3.org/ns/TYPO3/Fluid/ViewHelpers"
data-namespace-typo3-fluid="true">
{f:layout(name: 'Default')}
<f:section name="Content">
<f:for each="{images}" as="image">
<figure>
<f:image image="{image}" maxWidth="1030" />
<figcaption>Figure i{image.originalFile.uid}: {image.description}</figcaption>
</figure>
</f:for>
</f:section>
</html>

2
Resources/Public/Css/index.css
View file

File diff suppressed because one or more lines are too long