<?php
// rsce_my_element_config.php
return array(
'label' => array('Custom | Boxen-Grid, 2-Spaltig (Bild+Text) mit Icons, Bild, Text und Verlinkung', ''),
'types' => array('content'),
'contentCategory' => 'texts',
'moduleCategory' => 'miscellaneous',
'standardFields' => array('headline', 'cssID'),
'wrapper' => array(
'type' => 'none',
),
'fields' => array(
'topline' => array(
'label' => array('Topline', 'Text oberhalb der Überschrift'),
'inputType' => 'text',
), 'subline' => array(
'label' => array('Subline', 'Text unterhalb der Überschrift'),
'inputType' => 'text',
),
'animation_type' => array(
'label' => array(
'de' => array('Art der Einblendeanimation', 'Siehe https://animate.style/ für Beispiele'),
),
'inputType' => 'select',
'options' => array(
/* Fading entrances */
'animate__fadeInUp' => 'fadeInUp (Meistens Standard)',
'no-animation' => 'Keine Animation',
'animate__fadeIn' => 'fadeIn',
'animate__fadeInDown' => 'fadeInDown',
'animate__fadeInDownBig' => 'fadeInDownBig',
'animate__fadeInLeft' => 'fadeInLeft',
'animate__fadeInLeftBig' => 'fadeInLeftBig',
'animate__fadeInRight' => 'fadeInRight',
'animate__fadeInRightBig' => 'fadeInRightBig',
'animate__fadeInUpBig' => 'fadeInUpBig',
'animate__fadeInTopLeft' => 'fadeInTopLeft',
'animate__fadeInTopRight' => 'fadeInTopRight',
'animate__fadeInBottomLeft' => 'fadeInBottomLeft',
'animate__fadeInBottomRight' => 'fadeInBottomRight',
/* Attention seekers */
'animate__bounce' => 'bounce',
'animate__flash' => 'flash',
'animate__pulse' => 'pulse',
'animate__rubberBand' => 'rubberBand',
'animate__shakeX' => 'shakeX',
'animate__shakeY' => 'shakeY',
'animate__headShake' => 'headShake',
'animate__swing' => 'swing',
'animate__tada' => 'tada',
'animate__wobble' => 'wobble',
'animate__jello' => 'jello',
'animate__heartBeat' => 'heartBeat',
/* Back entrances */
'animate__backInDown' => 'backInDown',
'animate__backInLeft' => 'backInLeft',
'animate__backInRight' => 'backInRight',
'animate__backInUp' => 'backInUp',
/* Back exits */
'animate__backOutDown' => 'backOutDown',
'animate__backOutLeft' => 'backOutLeft',
'animate__backOutRight' => 'backOutRight',
'animate__backOutUp' => 'backOutUp',
/* Bouncing entrances */
'animate__bounceIn' => 'bounceIn',
'animate__bounceInDown' => 'bounceInDown',
'animate__bounceInLeft' => 'bounceInLeft',
'animate__bounceInRight' => 'bounceInRight',
'animate__bounceInUp' => 'bounceInUp',
/* Bouncing exits */
'animate__bounceOut' => 'bounceOut',
'animate__bounceOutDown' => 'bounceOutDown',
'animate__bounceOutLeft' => 'bounceOutLeft',
'animate__bounceOutRight' => 'bounceOutRight',
'animate__bounceOutUp' => 'bounceOutUp',
/* Fading exits */
'animate__fadeOut' => 'fadeOut',
'animate__fadeOutDown' => 'fadeOutDown',
'animate__fadeOutDownBig' => 'fadeOutDownBig',
'animate__fadeOutLeft' => 'fadeOutLeft',
'animate__fadeOutLeftBig' => 'fadeOutLeftBig',
'animate__fadeOutRight' => 'fadeOutRight',
'animate__fadeOutRightBig' => 'fadeOutRightBig',
'animate__fadeOutUp' => 'fadeOutUp',
'animate__fadeOutUpBig' => 'fadeOutUpBig',
'animate__fadeOutTopLeft' => 'fadeOutTopLeft',
'animate__fadeOutTopRight' => 'fadeOutTopRight',
'animate__fadeOutBottomRight' => 'fadeOutBottomRight',
'animate__fadeOutBottomLeft' => 'fadeOutBottomLeft',
/* Flippers */
'animate__flip' => 'flip',
'animate__flipInX' => 'flipInX',
'animate__flipInY' => 'flipInY',
'animate__flipOutX' => 'flipOutX',
'animate__flipOutY' => 'flipOutY',
/* Lightspeed */
'animate__lightSpeedInRight' => 'lightSpeedInRight',
'animate__lightSpeedInLeft' => 'lightSpeedInLeft',
'animate__lightSpeedOutRight' => 'lightSpeedOutRight',
'animate__lightSpeedOutLeft' => 'lightSpeedOutLeft',
/* Rotating entrances */
'animate__rotateIn' => 'rotateIn',
'animate__rotateInDownLeft' => 'rotateInDownLeft',
'animate__rotateInDownRight' => 'rotateInDownRight',
'animate__rotateInUpLeft' => 'rotateInUpLeft',
'animate__rotateInUpRight' => 'rotateInUpRight',
/* Rotating exits */
'animate__rotateOut' => 'rotateOut',
'animate__rotateOutDownLeft' => 'rotateOutDownLeft',
'animate__rotateOutDownRight' => 'rotateOutDownRight',
'animate__rotateOutUpLeft' => 'rotateOutUpLeft',
'animate__rotateOutUpRight' => 'rotateOutUpRight',
/* Specials */
'animate__hinge' => 'hinge',
'animate__jackInTheBox' => 'jackInTheBox',
'animate__rollIn' => 'rollIn',
'animate__rollOut' => 'rollOut',
/* Zooming entrances */
'animate__zoomIn' => 'zoomIn',
'animate__zoomInDown' => 'zoomInDown',
'animate__zoomInLeft' => 'zoomInLeft',
'animate__zoomInRight' => 'zoomInRight',
'animate__zoomInUp' => 'zoomInUp',
/* Zooming exits */
'animate__zoomOut' => 'zoomOut',
'animate__zoomOutDown' => 'zoomOutDown',
'animate__zoomOutLeft' => 'zoomOutLeft',
'animate__zoomOutRight' => 'zoomOutRight',
'animate__zoomOutUp' => 'zoomOutUp',
/* Sliding entrances */
'animate__slideInDown' => 'slideInDown',
'animate__slideInLeft' => 'slideInLeft',
'animate__slideInRight' => 'slideInRight',
'animate__slideInUp' => 'slideInUp',
/* Sliding exits */
'animate__slideOutDown' => 'slideOutDown',
'animate__slideOutLeft' => 'slideOutLeft',
'animate__slideOutRight' => 'slideOutRight',
'animate__slideOutUp' => 'slideOutUp',
),
'eval' => array('chosen' => 'true')
),
'fullwidth' => array(
'label' => array('Element nimmt volle Bildschirmbreite ein', ''),
'inputType' => 'checkbox',
'eval' => array('tl_class' => 'clr'),
),
'no_gutter' => array(
'label' => array('Kein Spaltenabstand', ''),
'inputType' => 'checkbox',
'eval' => array('tl_class' => 'clr'),
),
'boxes' => array(
'label' => array('Boxen', ''),
'elementLabel' => '%s. Box',
'inputType' => 'list',
'minItems' => 1,
'maxItems' => 999,
'fields' => array(
'settings_1' => array(
'label' => array('Einstellungen', ''),
'inputType' => 'group',
),
'animation_type' => array(
'label' => array(
'de' => array('Art der Einblendeanimation', 'Siehe https://animate.style/ für Beispiele'),
),
'inputType' => 'select',
'options' => array(
/* Fading entrances */
'animate__fadeInUp' => 'fadeInUp (Meistens Standard)',
'no-animation' => 'Keine Animation',
'animate__fadeIn' => 'fadeIn',
'animate__fadeInDown' => 'fadeInDown',
'animate__fadeInDownBig' => 'fadeInDownBig',
'animate__fadeInLeft' => 'fadeInLeft',
'animate__fadeInLeftBig' => 'fadeInLeftBig',
'animate__fadeInRight' => 'fadeInRight',
'animate__fadeInRightBig' => 'fadeInRightBig',
'animate__fadeInUpBig' => 'fadeInUpBig',
'animate__fadeInTopLeft' => 'fadeInTopLeft',
'animate__fadeInTopRight' => 'fadeInTopRight',
'animate__fadeInBottomLeft' => 'fadeInBottomLeft',
'animate__fadeInBottomRight' => 'fadeInBottomRight',
/* Attention seekers */
'animate__bounce' => 'bounce',
'animate__flash' => 'flash',
'animate__pulse' => 'pulse',
'animate__rubberBand' => 'rubberBand',
'animate__shakeX' => 'shakeX',
'animate__shakeY' => 'shakeY',
'animate__headShake' => 'headShake',
'animate__swing' => 'swing',
'animate__tada' => 'tada',
'animate__wobble' => 'wobble',
'animate__jello' => 'jello',
'animate__heartBeat' => 'heartBeat',
/* Back entrances */
'animate__backInDown' => 'backInDown',
'animate__backInLeft' => 'backInLeft',
'animate__backInRight' => 'backInRight',
'animate__backInUp' => 'backInUp',
/* Back exits */
'animate__backOutDown' => 'backOutDown',
'animate__backOutLeft' => 'backOutLeft',
'animate__backOutRight' => 'backOutRight',
'animate__backOutUp' => 'backOutUp',
/* Bouncing entrances */
'animate__bounceIn' => 'bounceIn',
'animate__bounceInDown' => 'bounceInDown',
'animate__bounceInLeft' => 'bounceInLeft',
'animate__bounceInRight' => 'bounceInRight',
'animate__bounceInUp' => 'bounceInUp',
/* Bouncing exits */
'animate__bounceOut' => 'bounceOut',
'animate__bounceOutDown' => 'bounceOutDown',
'animate__bounceOutLeft' => 'bounceOutLeft',
'animate__bounceOutRight' => 'bounceOutRight',
'animate__bounceOutUp' => 'bounceOutUp',
/* Fading exits */
'animate__fadeOut' => 'fadeOut',
'animate__fadeOutDown' => 'fadeOutDown',
'animate__fadeOutDownBig' => 'fadeOutDownBig',
'animate__fadeOutLeft' => 'fadeOutLeft',
'animate__fadeOutLeftBig' => 'fadeOutLeftBig',
'animate__fadeOutRight' => 'fadeOutRight',
'animate__fadeOutRightBig' => 'fadeOutRightBig',
'animate__fadeOutUp' => 'fadeOutUp',
'animate__fadeOutUpBig' => 'fadeOutUpBig',
'animate__fadeOutTopLeft' => 'fadeOutTopLeft',
'animate__fadeOutTopRight' => 'fadeOutTopRight',
'animate__fadeOutBottomRight' => 'fadeOutBottomRight',
'animate__fadeOutBottomLeft' => 'fadeOutBottomLeft',
/* Flippers */
'animate__flip' => 'flip',
'animate__flipInX' => 'flipInX',
'animate__flipInY' => 'flipInY',
'animate__flipOutX' => 'flipOutX',
'animate__flipOutY' => 'flipOutY',
/* Lightspeed */
'animate__lightSpeedInRight' => 'lightSpeedInRight',
'animate__lightSpeedInLeft' => 'lightSpeedInLeft',
'animate__lightSpeedOutRight' => 'lightSpeedOutRight',
'animate__lightSpeedOutLeft' => 'lightSpeedOutLeft',
/* Rotating entrances */
'animate__rotateIn' => 'rotateIn',
'animate__rotateInDownLeft' => 'rotateInDownLeft',
'animate__rotateInDownRight' => 'rotateInDownRight',
'animate__rotateInUpLeft' => 'rotateInUpLeft',
'animate__rotateInUpRight' => 'rotateInUpRight',
/* Rotating exits */
'animate__rotateOut' => 'rotateOut',
'animate__rotateOutDownLeft' => 'rotateOutDownLeft',
'animate__rotateOutDownRight' => 'rotateOutDownRight',
'animate__rotateOutUpLeft' => 'rotateOutUpLeft',
'animate__rotateOutUpRight' => 'rotateOutUpRight',
/* Specials */
'animate__hinge' => 'hinge',
'animate__jackInTheBox' => 'jackInTheBox',
'animate__rollIn' => 'rollIn',
'animate__rollOut' => 'rollOut',
/* Zooming entrances */
'animate__zoomIn' => 'zoomIn',
'animate__zoomInDown' => 'zoomInDown',
'animate__zoomInLeft' => 'zoomInLeft',
'animate__zoomInRight' => 'zoomInRight',
'animate__zoomInUp' => 'zoomInUp',
/* Zooming exits */
'animate__zoomOut' => 'zoomOut',
'animate__zoomOutDown' => 'zoomOutDown',
'animate__zoomOutLeft' => 'zoomOutLeft',
'animate__zoomOutRight' => 'zoomOutRight',
'animate__zoomOutUp' => 'zoomOutUp',
/* Sliding entrances */
'animate__slideInDown' => 'slideInDown',
'animate__slideInLeft' => 'slideInLeft',
'animate__slideInRight' => 'slideInRight',
'animate__slideInUp' => 'slideInUp',
/* Sliding exits */
'animate__slideOutDown' => 'slideOutDown',
'animate__slideOutLeft' => 'slideOutLeft',
'animate__slideOutRight' => 'slideOutRight',
'animate__slideOutUp' => 'slideOutUp',
),
'eval' => array('chosen' => 'true')
),
'column_width' => array(
'label' => array(
'de' => array('Spaltenbreite', ''),
),
'inputType' => 'select',
'options' => array(
'col-12 col-md-6 col-lg-3' => '25%',
'col-12 col-md-6 col-lg-4' => '33%',
'col-12 col-md-6' => '50%',
'col-12 col-lg-8' => '66.66%',
'col-12 col-lg-9' => '75%',
'col-12' => 'Volle Breite',
),
),
'alternate_background' => array(
'label' => array(
'de' => array('Hintergrundfarbe (Auswahl)', ''),
),
'inputType' => 'select',
'options' => array(
'var(--bs-primary)' => 'Hauptfarbe',
'var(--bs-secondary)' => 'Sekundärfarbe',
'var(--bs-blue)' => 'Blau',
'var(--bs-pink)' => 'Pink',
'var(--bs-brown)' => 'Braun',
'var(--bs-yellow)' => 'Gelb',
'var(--bs-green)' => 'Grün',
),
),
'alternate_backgroundcolor' => array(
'label' => array('Alternative Hintergrundfarbe', 'In HEX oder rgb(a) angeben, überschreibt Farbauswahl'),
'inputType' => 'text',
'eval' => array('tl_class' => 'w50'),
),
'alternate_textcolor' => array(
'label' => array('Alternative Textfarbe', 'In HEX oder rgb(a) angeben'),
'inputType' => 'text',
'eval' => array('tl_class' => 'w50'),
),
'settings_2' => array(
'label' => array('Bild', ''),
'inputType' => 'group',
),
'reverse_columns' => array(
'label' => array('Spalten tauschen', 'Inhalts (links) und Bildspalte (rechts) tauschen'),
'inputType' => 'checkbox',
'eval' => array('tl_class' => 'clr'),
),
'size' => array(
'label' => array('Bildbreite und Bildhöhe', ''),
'inputType' => 'imageSize',
'options' => System::getImageSizes(),
'reference' => &$GLOBALS['TL_LANG']['MSC'],
'eval' => array(
'rgxp' => 'digit',
'tl_class' => 'clr',
'includeBlankOption' => true,
),
),
'image' => array(
'label' => array('Bild für Bildspalte', ''),
'inputType' => 'fileTree',
'eval' => array(
'multiple' => false,
'fieldType' => 'radio',
'filesOnly' => true,
'extensions' => 'jpg,jpeg,png,svg',
),
),
'image_column_width' => array(
'label' => array(
'de' => array('Spaltenbreite', ''),
),
'inputType' => 'select',
'options' => array(
'col-12 col-md-6 col-lg-3' => '25%',
'col-12 col-md-6 col-lg-4' => '33%',
'col-12 col-md-6' => '50%',
'col-12 col-lg-8' => '66.66%',
'col-12 col-lg-9' => '75%',
),
),
'settings_3' => array(
'label' => array('Inhalte', ''),
'inputType' => 'group',
),
'textalign' => array(
'label' => array(
'de' => array('Text-Ausrichtung', ''),
),
'inputType' => 'select',
'options' => array(
'text-start' => 'Linksbündig',
'text-center' => 'Zentriert',
'text-end' => 'Rechtsbündig',
),
),
'title' => array(
'label' => array('Überschrift', ''),
'inputType' => 'text',
'eval' => array('tl_class' => ''),
),
'topline' => array(
'label' => array('Topline', 'Text oberhalb der Überschrift'),
'inputType' => 'text',
'eval' => array('tl_class' => 'w50'),
),
'subline' => array(
'label' => array('Subline', 'Text unterhalb der Überschrift'),
'inputType' => 'text',
'eval' => array('tl_class' => 'w50'),
),
'text' => array(
'label' => array('Teaser-Text', ''),
'inputType' => 'textarea',
'eval' => array('rte' => 'tinyMCE', 'tl_class' => 'clr'),
),
'icon' => array(
'label' => array('Icon unten links', ''),
'inputType' => 'fileTree',
'eval' => array(
'multiple' => false,
'fieldType' => 'radio',
'filesOnly' => true,
'extensions' => 'jpg,jpeg,png,svg',
),
),
'settings_4' => array(
'label' => array('Verlinkung', ''),
'inputType' => 'group',
),
'new_tab' => array(
'label' => array('Link in neuen Tab öffnen', ''),
'inputType' => 'checkbox',
'eval' => array('tl_class' => 'clr'),
),
'hide_link' => array(
'label' => array('Link-Pfeil bzw. Button verstecken', 'Box ist klickbar'),
'inputType' => 'checkbox',
'eval' => array('tl_class' => 'clr'),
),
'is_button' => array(
'label' => array(
'de' => array('Link ist Button', 'rein optisch'),
),
'inputType' => 'checkbox',
'eval' => array('allowHtml' => true),
),
'link_text' => array(
'label' => array(
'de' => array('Beschriftung', 'Button befindet sich rechts unter dem Text'),
),
'inputType' => 'text',
'eval' => array('tl_class' => 'w50', 'allowHtml' => true),
'dependsOn' => array(
'field' => 'is_button',
),
),
'link_type' => array(
'label' => array(
'de' => array('Optik des Buttons', ''),
),
'inputType' => 'select',
'options' => array(
'btn-primary' => 'Hauptfarbe',
'btn-outline-primary' => 'Hauptfarbe (Outline)',
'btn-secondary' => 'Sekundär-Farbe',
'btn-outline-secondary' => 'Sekundär-Farbe (Outline)',
'btn-link with-arrow' => 'Link-Optik mit Pfeilen',
'btn-outline-black' => 'Transparenter Button mit schwarzer Schrift und Rahmen', 'btn-outline-white' => 'Transparenter Button mit weißer Schrift und Rahmen',
'btn-white' => 'Weißer Button mit schwarzer Schrift',
),
'eval' => array('tl_class' => 'w50'),
'dependsOn' => array(
'field' => 'is_button',
),
),
'link_size' => array(
'label' => array(
'de' => array('Größe des Buttons', ''),
),
'inputType' => 'select',
'options' => array(
'' => 'Standard',
'btn-sm' => 'Klein',
'btn-lg' => 'Groß',
),
'eval' => array('tl_class' => 'w50'),
'dependsOn' => array(
'field' => 'is_button',
),
),
'link_url' => array(
'label' => array('Verlinkung', ''),
'inputType' => 'url',
'eval' => array('tl_class' => 'w50'),
),
'link_betreff' => array(
'label' => array('Betreffzeile für "mailto:"-Buttons', '(optional, falls Link eine neue Email öffnen soll)'),
'inputType' => 'text',
'eval' => array('tl_class' => 'w50'),
),
),
),
),
);