DEV CommiDEV Committ

packages/vitec/Resources/Private/Templates/Downloadcard/Backendpreview.html

@@ -0,0 +1,39 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+
+<f:asset.css identifier="vitec-backend-preview" href="EXT:vitec/Resources/Public/Css/backend-preview.css"/>
+
+<div class="vitec-preview">
+
+    <div class="vitec-preview__thumb-placeholder">⬇</div>
+
+    <div class="vitec-preview__body">
+        <div class="vitec-preview__label">VITEC · Download Card</div>
+
+        <h3 class="vitec-preview__headline">
+            <f:if condition="{data.header}">
+                <f:then>{data.header}</f:then>
+                <f:else>
+                    <em style="color:#888;">Download Card (kein Header)</em>
+                </f:else>
+            </f:if>
+        </h3>
+
+        <div class="vitec-preview__body-text">
+            <small>
+                Konfiguration im FlexForm:
+                <strong>Produkt</strong> oder <strong>Download</strong> wählen,
+                Layout-Variante setzen.
+            </small>
+        </div>
+    </div>
+
+    <div class="vitec-preview__settings">
+        <span class="vitec-badge">⬇ Single Download / Product</span>
+        <f:if condition="{data.pi_flexform}">
+            <span class="vitec-badge">⚙ FlexForm configured</span>
+        </f:if>
+    </div>
+
+</div>
+
+</html>