Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[FEATURE] Enable control over header and footer backend preview #295

Draft
wants to merge 2 commits into
base: main
Choose a base branch
from
Draft

[FEATURE] Enable control over header and footer backend preview #295

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
22c8ee0
[FEATURE] Enable control over header and footer backend preview
nhovratov Nov 17, 2024
0bb9e98
Fix cgl
nhovratov Nov 17, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
23 changes: 13 additions & 10 deletions ...nt-blocks-examples/ContentBlocks/ContentElements/accordion/templates/backend-preview.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,16 +5,19 @@
data-namespace-typo3-fluid="true"
>

<f:asset.css identifier="cbAccordionCssBackend" href="{cb:assetPath()}/preview.css"/>
<f:layout name="Preview"/>

<div class="cb-accordion">
<f:for each="{data.accordion_item}" as="item">
<be:link.editRecord uid="{item.uid}" table="{item.mainType}">
<div class="accordion-item">
{item.text}
</div>
</be:link.editRecord>
</f:for>
</div>
<f:section name="Content">
<f:asset.css identifier="cbAccordionCssBackend" href="{cb:assetPath()}/preview.css"/>
<div class="cb-accordion">
<f:for each="{data.accordion_item}" as="item">
<be:link.editRecord uid="{item.uid}" table="{item.mainType}">
<div class="accordion-item">
{item.text}
</div>
</be:link.editRecord>
</f:for>
</div>
</f:section>

</html>
75 changes: 39 additions & 36 deletions ...t-blocks-examples/ContentBlocks/ContentElements/card_group/templates/backend-preview.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,48 +5,51 @@
data-namespace-typo3-fluid="true"
>

<f:asset.css identifier="cbCardGroupCssBackend" href="{cb:assetPath()}/preview.css"/>
<f:layout name="Preview"/>

<div class="cb-card-group">
<f:if condition="{data.card_group_item}">
<div class="card-group-element card-group-element-align-{data.settings.alignment} card-group-element-columns-{data.settings.row_items}">
<f:for each="{data.card_group_item}" as="item" iteration="iteration">
<f:section name="Content">
<f:asset.css identifier="cbCardGroupCssBackend" href="{cb:assetPath()}/preview.css"/>
<div class="cb-card-group">
<f:if condition="{data.card_group_item}">
<div class="card-group-element card-group-element-align-{data.settings.alignment} card-group-element-columns-{data.settings.row_items}">
<f:for each="{data.card_group_item}" as="item" iteration="iteration">

<div class="card-group-element-item">
<be:link.editRecord uid="{item.uid}" table="{item.mainType}">
<div class="card">
<f:if condition="{item.image.0}">
<div class="card-img-top">
<f:image image="{item.image.0}" width="400"/>
</div>
</f:if>
<div class="card-body">
<h3 class="card-title">
{item.title}
</h3>
<f:if condition="{item.bodytext}">
<f:transform.html>{item.bodytext}</f:transform.html>
<div class="card-group-element-item">
<be:link.editRecord uid="{item.uid}" table="{item.mainType}">
<div class="card">
<f:if condition="{item.image.0}">
<div class="card-img-top">
<f:image image="{item.image.0}" width="400"/>
</div>
</f:if>
</div>
<f:if condition="{item.link}">
<f:variable name="link_title">
<f:if condition="{item.link_title}">
<f:then>{item.link_title}</f:then>
<f:else><f:translate key="{cb:languagePath()}:readmore"/></f:else>
<div class="card-body">
<h3 class="card-title">
{item.title}
</h3>
<f:if condition="{item.bodytext}">
<f:transform.html>{item.bodytext}</f:transform.html>
</f:if>
</f:variable>
<div class="card-footer">
</div>
<f:if condition="{item.link}">
<f:variable name="link_title">
<f:if condition="{item.link_title}">
<f:then>{item.link_title}</f:then>
<f:else><f:translate key="{cb:languagePath()}:readmore"/></f:else>
</f:if>
</f:variable>
<div class="card-footer">
<span class="btn-text">
{link_title}
</span>
</div>
</f:if>
</div>
</be:link.editRecord>
</div>
</f:for>
</div>
</f:if>
</div>
</div>
</f:if>
</div>
</be:link.editRecord>
</div>
</f:for>
</div>
</f:if>
</div>
</f:section>

</html>
17 changes: 11 additions & 6 deletions .../content-blocks-examples/ContentBlocks/ContentElements/cta/templates/backend-preview.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,12 +4,17 @@
data-namespace-typo3-fluid="true"
>

<f:asset.css identifier="cbCtaCssBackend" href="{cb:assetPath()}/preview.css"/>
<f:layout name="Preview"/>

<div class="cb-cta">
<h2>{data.header}</h2>
<f:format.raw>{data.bodytext}</f:format.raw>
<f:link.typolink parameter="{data.link}" class="btn-cta">{data.link_title}</f:link.typolink>
</div>
<f:section name="Header"/>

<f:section name="Content">
<f:asset.css identifier="cbCtaCssBackend" href="{cb:assetPath()}/preview.css"/>
<div class="cb-cta">
<h2>{data.header}</h2>
<f:format.raw>{data.bodytext}</f:format.raw>
<f:link.typolink parameter="{data.link}" class="btn-cta">{data.link_title}</f:link.typolink>
</div>
</f:section>

</html>
47 changes: 25 additions & 22 deletions ...t-blocks-examples/ContentBlocks/ContentElements/icon_group/templates/backend-preview.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,30 +4,33 @@
data-namespace-typo3-fluid="true"
>

<f:asset.css identifier="cbIconGroupCssBackend" href="{cb:assetPath()}/preview.css"/>
<f:layout name="Preview"/>

<div class="cb-icon-group">
<f:if condition="{data.icon_group_item}">
<div class="icongroup icongroup-align-{data.pi_flexform.alignment} icongroup-columns-{data.pi_flexform.row_items} icongroup-iconposition-{data.pi_flexform.icon_position}">
<f:for each="{data.icon_group_item}" as="item" iteration="iteration">
<div class="icongroup-item">
<f:if condition="{item.icon}">
<div class="icongroup-item-icon">
<f:image image="{item.icon.0}" height="50"/>
</div>
</f:if>
<div class="icongroup-item-text">
<h4 class="icongroup-item-text-header">
{item.title}
</h4>
<f:if condition="{item.bodytext}">
<f:transform.html>{item.bodytext}</f:transform.html>
<f:section name="Content">
<f:asset.css identifier="cbIconGroupCssBackend" href="{cb:assetPath()}/preview.css"/>
<div class="cb-icon-group">
<f:if condition="{data.icon_group_item}">
<div class="icongroup icongroup-align-{data.pi_flexform.alignment} icongroup-columns-{data.pi_flexform.row_items} icongroup-iconposition-{data.pi_flexform.icon_position}">
<f:for each="{data.icon_group_item}" as="item" iteration="iteration">
<div class="icongroup-item">
<f:if condition="{item.icon}">
<div class="icongroup-item-icon">
<f:image image="{item.icon.0}" height="50"/>
</div>
</f:if>
<div class="icongroup-item-text">
<h4 class="icongroup-item-text-header">
{item.title}
</h4>
<f:if condition="{item.bodytext}">
<f:transform.html>{item.bodytext}</f:transform.html>
</f:if>
</div>
</div>
</div>
</f:for>
</div>
</f:if>
</div>
</f:for>
</div>
</f:if>
</div>
</f:section>

</html>
15 changes: 9 additions & 6 deletions ...-blocks-examples/ContentBlocks/ContentElements/imageslider/templates/backend-preview.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,12 +4,15 @@
data-namespace-typo3-fluid="true"
>

<f:asset.css identifier="cbImagesliderCssBackend" href="{cb:assetPath()}/preview.css"/>
<f:layout name="Preview"/>

<div class="cb-imageslider">
<f:for each="{data.assets}" as="asset">
<f:image image="{asset}" height="75"/>
</f:for>
</div>
<f:section name="Content">
<f:asset.css identifier="cbIconGroupCssBackend" href="{cb:assetPath()}/preview.css"/>
<div class="cb-imageslider">
<f:for each="{data.assets}" as="asset">
<f:image image="{asset}" height="75"/>
</f:for>
</div>
</f:section>

</html>
6 changes: 5 additions & 1 deletion ...content-blocks-examples/ContentBlocks/ContentElements/tabs/templates/backend-preview.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,10 @@
data-namespace-typo3-fluid="true"
>

<f:render partial="PageLayout/Grid" arguments="{data: data, identifier: 'tabs_item'}"/>
<f:layout name="Preview"/>

<f:section name="Content">
<f:render partial="PageLayout/Grid" arguments="{data: data, identifier: 'tabs_item'}"/>
</f:section>

</html>
Loading
Loading