Checkpoint: headless JSON architecture documented + cleanup (Stufe 1+2)

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>
2026-07-09 10:01:56 +02:00
1 parent c6759186cb
commit bb7c03235d
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
+  <rect x="3" y="6" width="32" height="20" rx="2" fill="none"/>
+  <rect x="3" y="6" width="12" height="20" rx="1.5" fill="#ff6a00"/>
+  <rect x="17" y="6" width="12" height="20" rx="1.5" fill="#0a3d62"/>
+</svg>
@@ -0,0 +1,91 @@
+name: vitec/columns
+group: vitec_custom_components
+prefixFields: true
+prefixType: vendor
+
+fields:
+  - identifier: header_section
+    type: Palette
+    label: Header
+    fields:
+      - identifier: header
+        useExistingField: true
+        required: true
+      - type: Linebreak
+      - identifier: header_layout
+        useExistingField: true
+      - identifier: header_position
+        useExistingField: true
+      - identifier: date
+        useExistingField: true
+      - type: Linebreak
+      - identifier: header_link
+        useExistingField: true
+      - type: Linebreak
+      - identifier: subheader
+        useExistingField: true
+  - identifier: layout
+    type: Select
+    renderType: selectSingle
+    default: cols_50_50
+    items:
+      - label: '50 / 50'
+        value: cols_50_50
+      - label: '66 / 33'
+        value: cols_66_33
+      - label: '33 / 66'
+        value: cols_33_66
+
+  - identifier: items
+    type: Collection
+    label: Items
+    labelField: headline
+    fields:
+      - identifier: column
+        type: Select
+        renderType: selectSingle
+        default: left
+        items:
+          - label: Left column
+            value: left
+          - label: Right column
+            value: right
+      - identifier: item_type
+        type: Select
+        renderType: selectSingle
+        default: text
+        items:
+          - label: Text
+            value: text
+          - label: Image
+            value: image
+          - label: Video
+            value: video
+          - label: CTA / Button
+            value: cta
+      - identifier: headline
+        type: Text
+        max: 255
+      - identifier: text
+        type: Textarea
+        enableRichtext: true
+      - identifier: image
+        type: File
+        minitems: 0
+        maxitems: 1
+        allowed: common-image-types
+      - identifier: video
+        type: File
+        minitems: 0
+        maxitems: 1
+        allowed: mp4,webm,ogv,mov,m4v
+      - identifier: link
+        type: Link
+        allowedTypes:
+          - page
+          - url
+          - file
+          - email
+      - identifier: link_label
+        type: Text
+        max: 60
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff version="1.2">
+  <file source-language="en" datatype="plaintext" original="messages">
+    <body>
+      <trans-unit id="title">
+        <source>VITEC · Columns</source>
+      </trans-unit>
+      <trans-unit id="description">
+        <source>Two-column layout (50/50, 66/33, 33/66). Add items and assign each to the left or right column.</source>
+      </trans-unit>
+
+      <trans-unit id="layout.label">
+        <source>Layout</source>
+      </trans-unit>
+
+      <trans-unit id="items.label">
+        <source>Items</source>
+      </trans-unit>
+      <trans-unit id="items.column.label">
+        <source>Column</source>
+      </trans-unit>
+      <trans-unit id="items.item_type.label">
+        <source>Type</source>
+      </trans-unit>
+      <trans-unit id="items.headline.label">
+        <source>Headline</source>
+      </trans-unit>
+      <trans-unit id="items.text.label">
+        <source>Text</source>
+      </trans-unit>
+      <trans-unit id="items.image.label">
+        <source>Image</source>
+      </trans-unit>
+      <trans-unit id="items.video.label">
+        <source>Video</source>
+      </trans-unit>
+      <trans-unit id="items.link.label">
+        <source>Link</source>
+      </trans-unit>
+      <trans-unit id="items.link_label.label">
+        <source>Link Label</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
@@ -0,0 +1,19 @@
+<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">
+    <div class="vitec-preview__thumb-placeholder">▦</div>
+    <div class="vitec-preview__body">
+        <div class="vitec-preview__label">VITEC · Columns</div>
+        <h3 class="vitec-preview__headline">Two-column layout — {data.layout}</h3>
+    </div>
+    <div class="vitec-preview__settings">
+        <span class="vitec-badge">{data.layout}</span>
+    </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: JSON is built by the VITEC UsecaseSerializer / nb-headless-content-blocks -->
+</html>