Files
VITEC-website/packages/vitec/ContentBlocks/ContentElements/market-insights/templates/backend-preview.html
T
orasche 78af83d2e3 - The three market Content Blocks preview as compact collapsible rows:
thumbnail of the actual image (hero background, intro image, insights
  cover), key copy in the summary line, full details expanded; card and
  intro-paragraph previews are wrapped in the same mechanism
- New SubmarketPluginPreview for vitec_usecaselist / vitec_productfeature /
  vitec_productlist: instead of bare standard boxes they now list the
  selected story titles (flagging stories that still lack a quote), the
  featured product and the hand-picked products in order
- Container-style collapse for whole page-module COLUMNS: a chevron at the
  right of every column header folds a section down to its title row,
  state kept per page and colPos in localStorage - the slot view of a
  sub-market page folds to six slim bands
- Previews sit under the page module's pointer-events lock and its
  click-to-edit layer: pointer events are re-enabled inside the collapse
  markup and the toggle runs on pointerdown in the capture phase
- Two more v14 removals fixed on the way, both latent in the OLDER preview
  classes too (Usecaseshow, Modelcard would have crashed the page module):
  GridColumnItem::getRecord() now returns a Domain\Record object, and
  StandaloneView is gone - previews normalize the record via a shared
  helper and render through the ViewFactory
2026-10-02 15:00:05 +02:00

29 lines
1.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"/>
<f:asset.script identifier="vitec-backend-collapse" src="EXT:vitec/Resources/Public/JavaScript/backend-preview-collapse.js"/>
<details class="vitec-collapse">
<summary>
<f:if condition="{data.video_cover.0}">
<f:image image="{data.video_cover.0}" class="vitec-collapse__thumb" width="72c" height="44c" alt=""/>
</f:if>
<span class="vitec-collapse__label">6 · Industry Insights</span>
<span class="vitec-collapse__hint"><f:format.crop maxCharacters="80">{data.text1}</f:format.crop></span>
<f:if condition="{data.video_url}"><span class="vitec-badge">🎬 {data.video_person}</span></f:if>
</summary>
<div class="vitec-collapse__body">
<p>{data.text1}</p>
<p>{data.text2}</p>
<p><strong>CTA:</strong> <f:if condition="{data.cta_label}"><f:then>{data.cta_label} → <f:if condition="{data.cta_target}"><f:then>{data.cta_target}</f:then><f:else>/success-stories</f:else></f:if></f:then><f:else>kein Button</f:else></f:if></p>
<f:if condition="{data.video_url}">
<p><strong>Video:</strong> {data.video_title} — {data.video_person}, {data.video_role}</p>
</f:if>
</div>
</details>
</f:section>
</html>