Initial Commit

2026-05-18 14:46:25 +02:00
1 parent 4f495177e4
commit b6d2142214
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#F47937" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <rect x="3" y="3" width="18" height="18" rx="2"/>
+  <path d="M3 9h18"/>
+  <circle cx="8" cy="15" r="2"/>
+  <path d="M13 15h5M13 18h3"/>
+</svg>
@@ -0,0 +1,60 @@
+name: vitec/herosection
+group: vitec
+prefixFields: true
+prefixType: vendor
+
+fields:
+  - identifier: eyebrow
+    type: Text
+    max: 50
+
+  - identifier: header
+    useExistingField: true
+    required: true
+
+  - identifier: subheader
+    useExistingField: true
+
+  - identifier: bodytext
+    useExistingField: true
+    enableRichtext: true
+
+  - identifier: cta
+    type: Link
+    allowedTypes:
+      - page
+      - url
+      - file
+      - email
+
+  - identifier: cta_label
+    type: Text
+    default: 'Learn more'
+    max: 30
+
+  - identifier: hero_image
+    type: File
+    minitems: 0
+    maxitems: 1
+    allowed: common-image-types
+    extendedPalette: true
+
+  - identifier: background_variant
+    type: Select
+    renderType: selectSingle
+    default: none
+    items:
+      - label: None
+        value: none
+      - label: Orange
+        value: orange
+      - label: Blue
+        value: blue
+      - label: Graphite
+        value: graphite
+      - label: Midnight
+        value: midnight
+
+  - identifier: show_logo_wall
+    type: Checkbox
+    default: 0
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff version="1.2">
+  <file source-language="en" datatype="plaintext" original="messages">
+    <body>
+      <!-- Element-Labels -->
+      <trans-unit id="title">
+        <source>VITEC · Hero Section</source>
+      </trans-unit>
+      <trans-unit id="description">
+        <source>Haupt-Hero mit Headline, CTA, Background-Variante</source>
+      </trans-unit>
+
+      <!-- Field-Labels -->
+      <trans-unit id="eyebrow.label">
+        <source>Eyebrow Text</source>
+      </trans-unit>
+      <trans-unit id="eyebrow.description">
+        <source>Small Label-Text above the Headline</source>
+      </trans-unit>
+
+      <trans-unit id="cta.label">
+        <source>CTA Link</source>
+      </trans-unit>
+
+      <trans-unit id="cta_label.label">
+        <source>CTA Button Text</source>
+      </trans-unit>
+
+      <trans-unit id="hero_image.label">
+        <source>Hero Image</source>
+      </trans-unit>
+
+      <trans-unit id="background_variant.label">
+        <source>Background Variant</source>
+      </trans-unit>
+
+      <trans-unit id="show_logo_wall.label">
+        <source>Show Logo Wall below</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
@@ -0,0 +1,75 @@
+<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 fehlt</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 (ohne 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">⚠ Kein Bild</span>
+        </f:if>
+    </div>
+
+</div>
+
+</f:section>
+</html>
@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<!-- Headless mode: output handled by nb-headless-content-blocks, this template is intentionally minimal -->
+</html>