DEV CommiDEV Committ
This commit is contained in:
khaccount committed
1 parent
4541c58fe7
commit
c6759186cb
145 files changed
+2742
-579
No files matched your search
+7
@@ -0,0 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
|
||||
<rect x="1.5" y="2.5" width="13" height="11" rx="1" fill="none" stroke="#000" stroke-width="1.2"/>
|
||||
<text x="3.4" y="6.6" font-family="serif" font-weight="bold" font-size="6" fill="#000">¶</text>
|
||||
<rect x="3" y="8" width="9" height="1" rx="0.2" fill="#000" opacity="0.4"/>
|
||||
<rect x="3" y="9.6" width="7.5" height="1" rx="0.2" fill="#000" opacity="0.35"/>
|
||||
<rect x="3" y="11.2" width="4" height="1.6" rx="0.3" fill="#000" opacity="0.55"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 536 B |
@@ -0,0 +1,117 @@
|
||||
name: vitec/intro-paragraph
|
||||
group: vitec_custom_components
|
||||
prefixFields: true
|
||||
prefixType: vendor
|
||||
|
||||
fields:
|
||||
- identifier: header
|
||||
useExistingField: true
|
||||
required: true
|
||||
|
||||
- identifier: header_layout
|
||||
useExistingField: true
|
||||
|
||||
- identifier: header_position
|
||||
useExistingField: true
|
||||
|
||||
- identifier: header_link
|
||||
useExistingField: true
|
||||
|
||||
- identifier: subheader
|
||||
useExistingField: true
|
||||
|
||||
- identifier: bodytext
|
||||
useExistingField: true
|
||||
enableRichtext: true
|
||||
|
||||
- identifier: button_text
|
||||
type: Text
|
||||
max: 40
|
||||
|
||||
- identifier: button_link
|
||||
type: Link
|
||||
allowedTypes:
|
||||
- page
|
||||
- url
|
||||
- file
|
||||
- email
|
||||
|
||||
- identifier: Vitec/ButtonStyle
|
||||
type: Basic
|
||||
|
||||
# --- Image ---
|
||||
- identifier: intro_image
|
||||
type: File
|
||||
minitems: 0
|
||||
maxitems: 1
|
||||
allowed: common-image-types
|
||||
extendedPalette: true
|
||||
|
||||
- identifier: intro_image_alignment
|
||||
type: Select
|
||||
renderType: selectSingle
|
||||
default: center
|
||||
items:
|
||||
- label: Left
|
||||
value: left
|
||||
- label: Center
|
||||
value: center
|
||||
- label: Right
|
||||
value: right
|
||||
- label: Fullwidth
|
||||
value: fullwidth
|
||||
|
||||
# --- Video ---
|
||||
- identifier: intro_video
|
||||
type: File
|
||||
minitems: 0
|
||||
maxitems: 1
|
||||
allowed: mp4,webm,ogv,mov,m4v
|
||||
|
||||
- identifier: intro_video_alignment
|
||||
type: Select
|
||||
renderType: selectSingle
|
||||
default: center
|
||||
items:
|
||||
- label: Left
|
||||
value: left
|
||||
- label: Center
|
||||
value: center
|
||||
- label: Right
|
||||
value: right
|
||||
- label: Fullwidth
|
||||
value: fullwidth
|
||||
|
||||
- identifier: intro_video_autoplay
|
||||
type: Checkbox
|
||||
default: 0
|
||||
|
||||
- identifier: intro_video_loop
|
||||
type: Checkbox
|
||||
default: 0
|
||||
|
||||
- identifier: intro_video_muted
|
||||
type: Checkbox
|
||||
default: 1
|
||||
|
||||
- identifier: intro_layout_variant
|
||||
type: Select
|
||||
renderType: selectSingle
|
||||
default: variant_1
|
||||
items:
|
||||
- label: Variant 1
|
||||
value: variant_1
|
||||
- label: Variant 2
|
||||
value: variant_2
|
||||
- label: Variant 3
|
||||
value: variant_3
|
||||
- label: Variant 4
|
||||
value: variant_4
|
||||
|
||||
- identifier: fullwidth
|
||||
type: Checkbox
|
||||
default: 0
|
||||
|
||||
- identifier: debug
|
||||
type: Checkbox
|
||||
default: 0
|
||||
+97
@@ -0,0 +1,97 @@
|
||||
<?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 · Intro Paragraph</source>
|
||||
</trans-unit>
|
||||
<trans-unit id="description">
|
||||
<source>Headline + RTE text + optional CTA button. Multiple layout variants and VITEC button colour styles.</source>
|
||||
</trans-unit>
|
||||
|
||||
<trans-unit id="button_text.label">
|
||||
<source>Button Text</source>
|
||||
</trans-unit>
|
||||
<trans-unit id="button_link.label">
|
||||
<source>Button Link</source>
|
||||
</trans-unit>
|
||||
|
||||
<!-- ============================================================== -->
|
||||
<!-- button_style -->
|
||||
<!-- ============================================================== -->
|
||||
<trans-unit id="button_style.label">
|
||||
<source>Button Style</source>
|
||||
</trans-unit>
|
||||
<trans-unit id="button_style.items.orange.label">
|
||||
<source>Orange</source>
|
||||
</trans-unit>
|
||||
<trans-unit id="button_style.items.blue.label">
|
||||
<source>Blue</source>
|
||||
</trans-unit>
|
||||
<trans-unit id="button_style.items.graphite.label">
|
||||
<source>Graphite</source>
|
||||
</trans-unit>
|
||||
<trans-unit id="button_style.items.midnight.label">
|
||||
<source>Midnight</source>
|
||||
</trans-unit>
|
||||
<trans-unit id="button_style.items.light.label">
|
||||
<source>Light</source>
|
||||
</trans-unit>
|
||||
<trans-unit id="button_style.items.dark.label">
|
||||
<source>Dark</source>
|
||||
</trans-unit>
|
||||
<trans-unit id="button_style.items.text_only.label">
|
||||
<source>Only Text (no button background)</source>
|
||||
</trans-unit>
|
||||
|
||||
<!-- ============================================================== -->
|
||||
<!-- layout_variant -->
|
||||
<!-- ============================================================== -->
|
||||
<trans-unit id="intro_layout_variant.label">
|
||||
<source>Layout Variant</source>
|
||||
</trans-unit>
|
||||
<trans-unit id="intro_layout_variant.items.variant_1.label">
|
||||
<source>Variant 1</source>
|
||||
</trans-unit>
|
||||
<trans-unit id="intro_layout_variant.items.variant_2.label">
|
||||
<source>Variant 2</source>
|
||||
</trans-unit>
|
||||
<trans-unit id="intro_layout_variant.items.variant_3.label">
|
||||
<source>Variant 3</source>
|
||||
</trans-unit>
|
||||
<trans-unit id="intro_layout_variant.items.variant_4.label">
|
||||
<source>Variant 4</source>
|
||||
</trans-unit>
|
||||
|
||||
<trans-unit id="fullwidth.label">
|
||||
<source>Render full-width (edge to edge)</source>
|
||||
</trans-unit>
|
||||
<trans-unit id="debug.label">
|
||||
<source>Allow Debug Output</source>
|
||||
</trans-unit>
|
||||
<trans-unit id="debug.description">
|
||||
<source>When enabled, extra debug fields may be included in the JSON output for this element.</source>
|
||||
</trans-unit>
|
||||
<trans-unit id="intro_image.label">
|
||||
<source>Image</source>
|
||||
</trans-unit>
|
||||
<trans-unit id="intro_image_alignment.label">
|
||||
<source>Image Alignment</source>
|
||||
</trans-unit>
|
||||
<trans-unit id="intro_image_alignment.items.left.label"><source>Left</source></trans-unit>
|
||||
<trans-unit id="intro_image_alignment.items.center.label"><source>Center</source></trans-unit>
|
||||
<trans-unit id="intro_image_alignment.items.right.label"><source>Right</source></trans-unit>
|
||||
<trans-unit id="intro_image_alignment.items.fullwidth.label"><source>Fullwidth</source></trans-unit>
|
||||
<trans-unit id="intro_video.label"><source>Video</source></trans-unit>
|
||||
<trans-unit id="intro_video.description"><source>Upload an MP4/WebM/OGV/MOV/M4V file, or pick one from the file list.</source></trans-unit>
|
||||
<trans-unit id="intro_video_alignment.label"><source>Video Alignment</source></trans-unit>
|
||||
<trans-unit id="intro_video_alignment.items.left.label"><source>Left</source></trans-unit>
|
||||
<trans-unit id="intro_video_alignment.items.center.label"><source>Center</source></trans-unit>
|
||||
<trans-unit id="intro_video_alignment.items.right.label"><source>Right</source></trans-unit>
|
||||
<trans-unit id="intro_video_alignment.items.fullwidth.label"><source>Fullwidth</source></trans-unit>
|
||||
<trans-unit id="intro_video_autoplay.label"><source>Autoplay</source></trans-unit>
|
||||
<trans-unit id="intro_video_loop.label"><source>Loop</source></trans-unit>
|
||||
<trans-unit id="intro_video_muted.label"><source>Muted</source></trans-unit>
|
||||
</body>
|
||||
</file>
|
||||
</xliff>
|
||||
Executable
+76
@@ -0,0 +1,76 @@
|
||||
<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__body">
|
||||
<div class="vitec-preview__label">VITEC · Intro Paragraph</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.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.button_text}">
|
||||
<div class="vitec-preview__ctas">
|
||||
<span class="vitec-preview__cta-btn vitec-preview__cta-btn--{data.button_style}">
|
||||
{data.button_text} →
|
||||
</span>
|
||||
</div>
|
||||
</f:if>
|
||||
</div>
|
||||
|
||||
<f:comment>Settings sidebar</f:comment>
|
||||
<div class="vitec-preview__settings">
|
||||
|
||||
<span class="vitec-badge">
|
||||
<f:switch expression="{data.intro_layout_variant}">
|
||||
<f:case value="variant_1">▤ Variant 1</f:case>
|
||||
<f:case value="variant_2">▥ Variant 2</f:case>
|
||||
<f:case value="variant_3">▤ Variant 3</f:case>
|
||||
<f:case value="variant_4">▥ Variant 4</f:case>
|
||||
<f:defaultCase>{data.intro_layout_variant}</f:defaultCase>
|
||||
</f:switch>
|
||||
</span>
|
||||
|
||||
<f:if condition="{data.button_text}">
|
||||
<span class="vitec-badge">
|
||||
<span class="vitec-badge__dot vitec-badge__dot--{data.button_style}"></span>
|
||||
Button: {data.button_style}
|
||||
</span>
|
||||
</f:if>
|
||||
|
||||
<f:if condition="{data.fullwidth}">
|
||||
<span class="vitec-badge">↔ Full width</span>
|
||||
</f:if>
|
||||
|
||||
<f:if condition="{data.button_text} && {data.button_link.url} == ''">
|
||||
<span class="vitec-badge vitec-badge--warning">⚠ Button-Text ohne Link</span>
|
||||
</f:if>
|
||||
|
||||
<f:if condition="{data.debug}">
|
||||
<span class="vitec-badge vitec-badge--warning">⚙ Debug ON</span>
|
||||
</f:if>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</f:section>
|
||||
</html>
|
||||
+3
@@ -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