bb7c03235d
Restore point before Stufe 3 (central resolver-service refactoring). Includes this session's work: - Success Story (usecase) rebuild: new fields/tabs, UsecaseSerializer, thin List/Show renderers, MM relations, inline content elements. - vitec_columns content block (two-column layout with per-item content) incl. unified header section; special-cased JSON resolution. - Container per-column flex (items[].config align/justify) + gap on parent. - Unified header section across CEs/plugins/containers; header fields in JSON. - ISO-style architecture spec: Documentation/Headless-JSON-Architecture.md. - Cleanup: removed local scratch + verified .bak backups. - Fixes: B-6 (undefined thumbnail variable in Downloadcardcollection image resolver), B-7 (unsatisfiable legacy CType OR branch in Downloadcard/Datasheets). Rollback: git reset --hard snapshot-2026-07-09-pre-stufe3 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
75 lines
2.4 KiB
HTML
75 lines
2.4 KiB
HTML
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
|
|
<f:layout name="Preview"/>
|
|
<f:section name="Content">
|
|
|
|
<f:asset.css identifier="vitec-backend-preview" href="EXT:vitec/Resources/Public/Css/backend-preview.css"/>
|
|
|
|
<div class="vitec-preview vitec-preview--{data.background_variant}">
|
|
|
|
<f:comment>Thumbnail</f:comment>
|
|
<f:if condition="{data.hero_image.0}">
|
|
<f:then>
|
|
<f:image image="{data.hero_image.0}"
|
|
class="vitec-preview__thumb"
|
|
width="120c"
|
|
height="80c"
|
|
alt="Hero Image Preview"/>
|
|
</f:then>
|
|
<f:else>
|
|
<div class="vitec-preview__thumb-placeholder">No Image</div>
|
|
</f:else>
|
|
</f:if>
|
|
|
|
<div class="vitec-preview__body">
|
|
<div class="vitec-preview__label">VITEC · Hero Section</div>
|
|
|
|
<f:if condition="{data.eyebrow}">
|
|
<div class="vitec-preview__eyebrow">{data.eyebrow}</div>
|
|
</f:if>
|
|
|
|
<h3 class="vitec-preview__headline">
|
|
<f:if condition="{data.header}">
|
|
<f:then>{data.header}</f:then>
|
|
<f:else>
|
|
<em style="color:#c00;">⚠ Headline missing</em>
|
|
</f:else>
|
|
</f:if>
|
|
</h3>
|
|
|
|
<f:if condition="{data.subheader}">
|
|
<div class="vitec-preview__subline">{data.subheader}</div>
|
|
</f:if>
|
|
|
|
<f:if condition="{data.bodytext}">
|
|
<div class="vitec-preview__body-text">
|
|
<f:format.stripTags>{data.bodytext}</f:format.stripTags>
|
|
</div>
|
|
</f:if>
|
|
|
|
<f:if condition="{data.cta_label}">
|
|
<div class="vitec-preview__ctas">
|
|
<span class="vitec-preview__cta-btn">{data.cta_label} →</span>
|
|
</div>
|
|
</f:if>
|
|
</div>
|
|
|
|
<f:comment>Settings sidebar (without partial)</f:comment>
|
|
<div class="vitec-preview__settings">
|
|
<span class="vitec-badge">
|
|
<span class="vitec-badge__dot vitec-badge__dot--{data.background_variant}"></span>
|
|
Background: {data.background_variant}
|
|
</span>
|
|
|
|
<f:if condition="{data.show_logo_wall}">
|
|
<span class="vitec-badge">🏢 Logo Wall</span>
|
|
</f:if>
|
|
|
|
<f:if condition="{data.hero_image.0} == ''">
|
|
<span class="vitec-badge vitec-badge--warning">⚠ No image</span>
|
|
</f:if>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</f:section>
|
|
</html> |