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

Add proper layout handling

Browse source 
Provide "normal" content pages.
This commit is contained in:
Daniel Siepmann 2020-01-27 13:27:21 +01:00
parent d9719e0519
commit 0cee75ceb5
10 changed files with 36 additions and 47 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
Configuration/TypoScript/Setup/Page.typoscript
View file

@ -10,13 +10,17 @@ page {
bodyTagCObject = COA
bodyTagCObject {
10 = COA
10 = CASE
10 {
10 =< page.10.templateName.cObject
10.wrap = Layout|
wrap = class="|"
key.stdWrap.cObject =< page.10.templateName.cObject
default = TEXT
default.value = BlogSidebar
Full = TEXT
Full.value = Content
BlogPost = TEXT
BlogPost.value = Content
}
stdWrap.noTrimWrap = |<body |>|
stdWrap.noTrimWrap = |<body class="Layout|">|
}
10 = FLUIDTEMPLATE

4
Configuration/TypoScript/setup.typoscript
View file

@ -1,7 +1,3 @@
@import 'EXT:seo/Configuration/TypoScript/XmlSitemap/setup.typoscript'
@import 'EXT:ds_site/Configuration/TypoScript/Setup/'
@import 'EXT:ds_site/Configuration/TypoScript/Setup/ContentElements/'
config {
admPanel = 1
}

29
Resources/Private/Layouts/Page/BlogPost.html
View file

@ -1,29 +0,0 @@
<html xmlns:f="http://typo3.org/ns/TYPO3/Fluid/ViewHelpers"
data-namespace-typo3-fluid="true">
{f:render(partial: 'Header', arguments: _all) -> f:spaceless()}
<main>
<header>
<h1>Blog Post</h1>
</header>
<article>
{f:render(partial: 'BlogPostHeader', arguments: {
title: data.title,
blogPost : data,
compatibleWith: compatibleWith,
topics: assignedTopics,
addLinks: 1
}) -> f:spaceless()}
<aside>
{f:render(section: 'Aside', arguments: _all) -> f:spaceless()}
</aside>
{f:render(section: 'Content', arguments: _all)}
</article>
</main>
{f:render(partial: 'Footer', arguments: _all)}
</html>

0
Resources/Private/Layouts/Page/Default.html → Resources/Private/Layouts/Page/BlogSidebar.html
View file

4
Resources/Private/Layouts/Page/Full.html → Resources/Private/Layouts/Page/Content.html
View file

@ -5,10 +5,12 @@
<main>
<header>
<h1>{data.title}</h1>
<h1>{f:render(section: 'Header', arguments: _all) -> f:spaceless()}</h1>
</header>
<article>
{f:render(section: 'ContentHeader', arguments: _all, optional: 1) -> f:spaceless()}
<aside>
{f:render(section: 'Aside', arguments: _all) -> f:spaceless()}
</aside>

2
Resources/Private/Sass/Frontend/_layout.scss
View file

@ -2,7 +2,7 @@
@import "layout/header";
@import "layout/footer";
@import "layout/content";
@import "layout/page/blogPost-and-full";
@import "layout/page/content";
body {
@extend .container;

6
Resources/Private/Sass/Frontend/layout/page/_blogPost-and-full.scss → Resources/Private/Sass/Frontend/layout/page/_content.scss
View file

@ -1,5 +1,4 @@
body.LayoutFull,
body.LayoutBlogPost {
body.LayoutContent {
article {
@extend .row;
@extend .col-12;
@ -22,8 +21,7 @@ body.LayoutBlogPost {
}
@media (max-width: 1023px) {
body.LayoutFull,
body.LayoutBlogPost {
body.LayoutContent {
article,
article > main {
padding-right: 0;

16
Resources/Private/Templates/Page/BlogPost.html
View file

@ -1,7 +1,21 @@
<html xmlns:f="http://typo3.org/ns/TYPO3/Fluid/ViewHelpers"
data-namespace-typo3-fluid="true">
<f:layout name="BlogPost" />
<f:layout name="Content" />
<f:section name="Header">
Blog Post
</f:section>
<f:section name="ContentHeader">
{f:render(partial: 'BlogPostHeader', arguments: {
title: data.title,
blogPost : data,
compatibleWith: compatibleWith,
topics: assignedTopics,
addLinks: 1
})}
</f:section>
<f:section name="Content">
<main>

2
Resources/Private/Templates/Page/Default.html
View file

@ -1,7 +1,7 @@
<html xmlns:f="http://typo3.org/ns/TYPO3/Fluid/ViewHelpers"
data-namespace-typo3-fluid="true">
<f:layout name="Default" />
<f:layout name="BlogSidebar" />
<f:section name="Content">
{contentMain -> f:format.raw()}

6
Resources/Private/Templates/Page/Full.html
View file

@ -1,7 +1,11 @@
<html xmlns:f="http://typo3.org/ns/TYPO3/Fluid/ViewHelpers"
data-namespace-typo3-fluid="true">
<f:layout name="Full" />
<f:layout name="Content" />
<f:section name="Header">
{data.title}
</f:section>
<f:section name="Content">
<main>{contentMain -> f:format.raw()}</main>