Initial Commit
This commit is contained in:
khaccount committed
1 parent
4f495177e4
commit
b6d2142214
166 files changed
+13952
-178
No files matched your search
@@ -0,0 +1,6 @@
|
||||
<?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="2" y="7" width="20" height="10" rx="2"/>
|
||||
<rect x="6" y="10" width="6" height="4" rx="1" fill="#F47937"/>
|
||||
<path d="M15 12h3"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 340 B |
@@ -0,0 +1,74 @@
|
||||
name: vitec/cta-banner
|
||||
group: vitec
|
||||
prefixFields: true
|
||||
prefixType: vendor
|
||||
|
||||
fields:
|
||||
- identifier: header
|
||||
useExistingField: true
|
||||
required: true
|
||||
|
||||
- identifier: bodytext
|
||||
useExistingField: true
|
||||
enableRichtext: true
|
||||
|
||||
- identifier: primary_cta
|
||||
type: Link
|
||||
required: true
|
||||
allowedTypes:
|
||||
- page
|
||||
- url
|
||||
- file
|
||||
- email
|
||||
|
||||
- identifier: primary_cta_label
|
||||
type: Text
|
||||
required: true
|
||||
default: 'Get in touch'
|
||||
max: 30
|
||||
|
||||
- identifier: secondary_cta
|
||||
type: Link
|
||||
allowedTypes:
|
||||
- page
|
||||
- url
|
||||
- file
|
||||
- email
|
||||
|
||||
- identifier: secondary_cta_label
|
||||
type: Text
|
||||
max: 30
|
||||
|
||||
- identifier: layout_variant
|
||||
type: Select
|
||||
renderType: selectSingle
|
||||
default: centered
|
||||
items:
|
||||
- label: Centered (text over background)
|
||||
value: centered
|
||||
- label: Split (text left, CTAs right)
|
||||
value: split
|
||||
- label: Stacked (text top, CTAs below)
|
||||
value: stacked
|
||||
|
||||
- identifier: background_variant
|
||||
type: Select
|
||||
renderType: selectSingle
|
||||
default: orange
|
||||
items:
|
||||
- label: Orange
|
||||
value: orange
|
||||
- label: Blue
|
||||
value: blue
|
||||
- label: Graphite
|
||||
value: graphite
|
||||
- label: Midnight
|
||||
value: midnight
|
||||
- label: Light (neutral)
|
||||
value: light
|
||||
|
||||
- identifier: background_image
|
||||
type: File
|
||||
minitems: 0
|
||||
maxitems: 1
|
||||
allowed: common-image-types
|
||||
@@ -0,0 +1,42 @@
|
||||
<?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 · CTA Banner</source>
|
||||
</trans-unit>
|
||||
<trans-unit id="description">
|
||||
<source>Call-to-Action Banner mit optionalem zweiten Button und Background-Varianten</source>
|
||||
</trans-unit>
|
||||
|
||||
<trans-unit id="primary_cta.label">
|
||||
<source>Primary CTA Link</source>
|
||||
</trans-unit>
|
||||
<trans-unit id="primary_cta_label.label">
|
||||
<source>Primary CTA Button Text</source>
|
||||
</trans-unit>
|
||||
|
||||
<trans-unit id="secondary_cta.label">
|
||||
<source>Secondary CTA Link (optional)</source>
|
||||
</trans-unit>
|
||||
<trans-unit id="secondary_cta_label.label">
|
||||
<source>Secondary CTA Button Text (optional)</source>
|
||||
</trans-unit>
|
||||
|
||||
<trans-unit id="layout_variant.label">
|
||||
<source>Layout Variant</source>
|
||||
</trans-unit>
|
||||
|
||||
<trans-unit id="background_variant.label">
|
||||
<source>Background Variant</source>
|
||||
</trans-unit>
|
||||
|
||||
<trans-unit id="background_image.label">
|
||||
<source>Background Image (optional)</source>
|
||||
</trans-unit>
|
||||
<trans-unit id="background_image.description">
|
||||
<source>Optionales Hintergrundbild — überlagert die Background-Variant-Farbe</source>
|
||||
</trans-unit>
|
||||
</body>
|
||||
</file>
|
||||
</xliff>
|
||||
+97
@@ -0,0 +1,97 @@
|
||||
<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 (Background Image oder Farb-Placeholder)</f:comment>
|
||||
<f:if condition="{data.background_image.0}">
|
||||
<f:then>
|
||||
<f:image image="{data.background_image.0}"
|
||||
class="vitec-preview__thumb"
|
||||
width="120c"
|
||||
height="80c"
|
||||
alt="Background Preview"/>
|
||||
</f:then>
|
||||
<f:else>
|
||||
<div class="vitec-preview__thumb-placeholder">
|
||||
<f:switch expression="{data.background_variant}">
|
||||
<f:case value="orange">🟠</f:case>
|
||||
<f:case value="blue">🔵</f:case>
|
||||
<f:case value="graphite">⬛</f:case>
|
||||
<f:case value="midnight">⬛</f:case>
|
||||
<f:case value="light">⬜</f:case>
|
||||
<f:defaultCase>No BG</f:defaultCase>
|
||||
</f:switch>
|
||||
</div>
|
||||
</f:else>
|
||||
</f:if>
|
||||
|
||||
<f:comment>Body</f:comment>
|
||||
<div class="vitec-preview__body">
|
||||
<div class="vitec-preview__label">VITEC · CTA Banner</div>
|
||||
|
||||
<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.bodytext}">
|
||||
<div class="vitec-preview__body-text">
|
||||
<f:format.stripTags>{data.bodytext}</f:format.stripTags>
|
||||
</div>
|
||||
</f:if>
|
||||
|
||||
<div class="vitec-preview__ctas">
|
||||
<f:if condition="{data.primary_cta_label}">
|
||||
<span class="vitec-preview__cta-btn">{data.primary_cta_label} →</span>
|
||||
</f:if>
|
||||
<f:if condition="{data.secondary_cta_label}">
|
||||
<span class="vitec-preview__cta-btn vitec-preview__cta-btn--secondary">
|
||||
{data.secondary_cta_label}
|
||||
</span>
|
||||
</f:if>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<f:comment>Settings Sidebar</f:comment>
|
||||
<div class="vitec-preview__settings">
|
||||
<f:comment>Background Badge</f:comment>
|
||||
<span class="vitec-badge">
|
||||
<span class="vitec-badge__dot vitec-badge__dot--{data.background_variant}"></span>
|
||||
<f:switch expression="{data.background_variant}">
|
||||
<f:case value="orange">VITEC Orange</f:case>
|
||||
<f:case value="blue">VITEC Blue</f:case>
|
||||
<f:case value="graphite">VITEC Graphite</f:case>
|
||||
<f:case value="midnight">VITEC Midnight</f:case>
|
||||
<f:case value="light">VITEC Light</f:case>
|
||||
<f:defaultCase>{data.background_variant}</f:defaultCase>
|
||||
</f:switch>
|
||||
</span>
|
||||
|
||||
<f:comment>Layout Variant Badge mit Icon</f:comment>
|
||||
<span class="vitec-badge">
|
||||
<f:switch expression="{data.layout_variant}">
|
||||
<f:case value="centered">◎ Centered</f:case>
|
||||
<f:case value="split">⇄ Split</f:case>
|
||||
<f:case value="stacked">≡ Stacked</f:case>
|
||||
<f:defaultCase>{data.layout_variant}</f:defaultCase>
|
||||
</f:switch>
|
||||
</span>
|
||||
|
||||
<f:comment>Warnung wenn Primary-CTA-Link fehlt</f:comment>
|
||||
<f:if condition="{data.primary_cta.url} == ''">
|
||||
<span class="vitec-badge vitec-badge--warning">⚠ Kein Primary-Link</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: JSON is built by nb-headless-content-blocks -->
|
||||
</html>
|
||||
Reference in new issue
Block a user