new file mode 100644

@@ -0,0 +1,9 @@

+services:

+    _defaults:

+        autowire: true

+        autoconfigure: true

+        public: false

+

+    EsalesMedia\ContentHelperBundle\:

+        resource: ../src

+        exclude: ../src/{EsalesMediaContentHelperBundle.php,ContaoManager,Entity,Migrations,Model,Resources,Tests,Widget}

new file mode 100644

@@ -0,0 +1,28 @@

+<?php

+

+/*

+ * This file is part of eSales Media ContentHelperBundle

+ *

+ * (c) Benjamin Roth

+ *

+ * @license proprietary

+ */

+

+/**

+ * Content elements

+ */

+$GLOBALS['TL_CTE']['rs_columns']['rs_columns_start'] = 'EsalesMedia\\ContentHelperBundle\\FrontendController\\ColumnsStart';

+$GLOBALS['TL_CTE']['rs_columns']['rs_column_start'] = 'EsalesMedia\\ContentHelperBundle\\FrontendController\\ColumnStart';

+

+/**

+ * Frontend module

+ */

+$GLOBALS['FE_MOD']['miscellaneous']['articlelist'] = 'EsalesMedia\\ContentHelperBundle\\FrontendModule\\ArticleListModule';

+

+

+/**

+ * Hooks

+ */

+$GLOBALS['TL_HOOKS']['parseTemplate'][] = array('esalesmedia_content_helper.listener.template','onParseTemplate');

+$GLOBALS['TL_HOOKS']['generatePage'][] = array('esalesmedia_content_helper.listener.page','onGeneratePage');

+$GLOBALS['TL_HOOKS']['replaceInsertTags'][] = array('esalesmedia_content_helper.listener.insert_tags','onReplaceInsertTags');

new file mode 100644

@@ -0,0 +1,36 @@

+<?php

+

+/*

+ * This file is part of eSales Media ContentHelperBundle

+ *

+ * (c) Benjamin Roth

+ *

+ * @license proprietary

+ */

+

+/*

+ * Modify palettes

+ */

+

+use Contao\CoreBundle\DataContainer\PaletteManipulator;

+

+foreach ($GLOBALS['TL_DCA']['tl_article']['palettes'] as $key => $palette)

+{

+    if ($key != '__selector__')

+    {

+        PaletteManipulator::create()->addField('hideInArticleList','teaser', PaletteManipulator::POSITION_AFTER)->applyToPalette($key,'tl_article');

+    }

+}

+

+/*

+ * Add fields

+ */

+

+$GLOBALS['TL_DCA']['tl_article']['fields']['hideInArticleList'] = array

+(

+    'label'                   => &$GLOBALS['TL_LANG']['tl_article']['hideInArticleList'],

+    'exclude'                 => true,

+    'inputType'               => 'checkbox',

+    'eval'                    => array('tl_class'=>'w50'),

+    'sql'                     => "char(1) NOT NULL default ''"

+);

new file mode 100644

@@ -0,0 +1,154 @@

+<?php

+

+/*

+ * This file is part of eSales Media ContentHelperBundle

+ *

+ * (c) Benjamin Roth

+ *

+ * @license proprietary

+ */

+

+/*

+ * Modify palettes

+ */

+

+use Contao\CoreBundle\DataContainer\PaletteManipulator;

+

+foreach ($GLOBALS['TL_DCA']['tl_content']['palettes'] as $key => $palette)

+{

+    if ($key != '__selector__')

+    {

+        PaletteManipulator::create()->addField('es_textAlign', 'cssID')->addField('es_spacing', 'es_textAlign')->addField('es_padding', 'es_spacing')->applyToPalette($key, 'tl_content');

+        PaletteManipulator::create()->addLegend('es_animate_legend','protected_legend', PaletteManipulator::POSITION_AFTER,true)->addField('es_animate','es_animate_legend', PaletteManipulator::POSITION_APPEND)->applyToPalette($key,'tl_content');

+    }

+}

+PaletteManipulator::create()->addField('es_col_text','headline', PaletteManipulator::POSITION_AFTER)->applyToPalette('text','tl_content');

+

+PaletteManipulator::create()->addLegend('col_layout_legend','rs_columns_legend')->addField('es_rs_columns_valign','col_layout_legend', PaletteManipulator::POSITION_APPEND)->applyToPalette('rs_columns_start','tl_content');

+PaletteManipulator::create()->addLegend('col_layout_legend','protected_legend')->addField('es_rs_column_sort_large','col_layout_legend', PaletteManipulator::POSITION_APPEND)->addField('es_rs_column_sort_medium','es_rs_column_sort_large')->addField('es_rs_column_sort_small','es_rs_column_sort_medium')->addField('es_rs_columns_valign','es_rs_column_sort_small')->applyToPalette('rs_column_start','tl_content');

+

+$GLOBALS['TL_DCA']['tl_content']['palettes']['__selector__'][] = 'es_animate';

+$GLOBALS['TL_DCA']['tl_content']['subpalettes']['es_animate'] = 'es_animate_children,es_animate_type,es_animate_fade';

+

+/*

+ * Add fields

+ */

+

+$GLOBALS['TL_DCA']['tl_content']['fields']['es_col_text'] = array

+(

+    'label'                   => &$GLOBALS['TL_LANG']['tl_content']['es_col_text'],

+    'exclude'                 => true,

+    'inputType'               => 'select',

+    'options'                 => array('2col'),

+    'reference'               => &$GLOBALS['TL_LANG']['tl_content']['REF']['es_col_text'],

+    'eval'                    => array('tl_class'=>'clr w50','mandatory'=>false,'includeBlankOption'=>true),

+    'sql'                     => "varchar(32) NOT NULL default ''"

+);

+

+$GLOBALS['TL_DCA']['tl_content']['fields']['es_spacing'] = array

+(

+  'label'                   => &$GLOBALS['TL_LANG']['tl_content']['es_spacing'],

+  'exclude'                 => true,

+  'inputType'               => 'select',

+  'options'                 => array('default','paragraph'),

+  'reference'               => &$GLOBALS['TL_LANG']['tl_content']['REF']['es_spacing'],

+  'eval'                    => array('tl_class'=>'clr w50','mandatory'=>false,'includeBlankOption'=>true),

+  'sql'                     => "varchar(32) NOT NULL default ''"

+);

+

+$GLOBALS['TL_DCA']['tl_content']['fields']['es_padding'] = array

+(

+    'label'                   => &$GLOBALS['TL_LANG']['tl_content']['es_padding'],

+    'exclude'                 => true,

+    'inputType'               => 'checkbox',

+    'reference'               => &$GLOBALS['TL_LANG']['tl_content']['REF']['es_padding'],

+    'eval'                    => array('tl_class'=>'w50 m12'),

+    'sql'                     => "char(1) NOT NULL default ''"

+);

+

+$GLOBALS['TL_DCA']['tl_content']['fields']['es_textAlign'] = array

+(

+  'label'                   => &$GLOBALS['TL_LANG']['tl_content']['es_textAlign'],

+  'exclude'                 => true,

+  'inputType'               => 'select',

+  'options'                 => array('left','center','right'),

+  'reference'               => &$GLOBALS['TL_LANG']['tl_content']['REF']['es_textAlign'],

+  'eval'                    => array('tl_class'=>'w50','mandatory'=>false,'includeBlankOption'=>true),

+  'sql'                     => "varchar(32) NOT NULL default ''"

+);

+

+$GLOBALS['TL_DCA']['tl_content']['fields']['es_rs_columns_valign'] = array

+(

+    'label'                   => &$GLOBALS['TL_LANG']['tl_content']['es_rs_columns_valign'],

+    'exclude'                 => true,

+    'inputType'               => 'select',

+    'options'                 => array('top','center','bottom','stretch'),

+    'reference'               => &$GLOBALS['TL_LANG']['tl_content']['REF']['es_rs_columns_valign'],

+    'eval'                    => array('tl_class'=>'w50','mandatory'=>false,'includeBlankOption'=>true),

+    'sql'                     => "varchar(16) NOT NULL default ''"

+);

+

+$GLOBALS['TL_DCA']['tl_content']['fields']['es_rs_column_sort_small'] = array

+(

+    'label'                   => &$GLOBALS['TL_LANG']['tl_content']['es_rs_column_sort_small'],

+    'exclude'                 => true,

+    'inputType'               => 'text',

+    'eval'                    => array('tl_class'=>'rs_columns_w33', 'rgxp'=>'natural','maxval'=>6),

+    'sql'                     => "varchar(255) NOT NULL default ''"

+);

+

+$GLOBALS['TL_DCA']['tl_content']['fields']['es_rs_column_sort_medium'] = array

+(

+    'label'                   => &$GLOBALS['TL_LANG']['tl_content']['es_rs_column_sort_medium'],

+    'exclude'                 => true,

+    'inputType'               => 'text',

+    'eval'                    => array('tl_class'=>'rs_columns_w33', 'rgxp'=>'natural','maxval'=>6),

+    'sql'                     => "varchar(255) NOT NULL default ''"

+);

+

+$GLOBALS['TL_DCA']['tl_content']['fields']['es_rs_column_sort_large'] = array

+(

+    'label'                   => &$GLOBALS['TL_LANG']['tl_content']['es_rs_column_sort_large'],

+    'exclude'                 => true,

+    'inputType'               => 'text',

+    'eval'                    => array('tl_class'=>'rs_columns_w33', 'rgxp'=>'natural','maxval'=>6),

+    'sql'                     => "varchar(255) NOT NULL default ''"

+);

+

+$GLOBALS['TL_DCA']['tl_content']['fields']['es_animate'] = array

+(

+    'label'                   => &$GLOBALS['TL_LANG']['tl_content']['es_animate'],

+    'exclude'                 => true,

+    'inputType'               => 'checkbox',

+    'eval'                    => array('tl_class'=>'w50', 'submitOnChange'=>true),

+    'sql'                     => "char(1) NOT NULL default ''"

+);

+

+$GLOBALS['TL_DCA']['tl_content']['fields']['es_animate_children'] = array

+(

+    'label'                   => &$GLOBALS['TL_LANG']['tl_content']['es_animate_children'],

+    'exclude'                 => true,

+    'inputType'               => 'checkbox',

+    'eval'                    => array('tl_class'=>'w50'),

+    'sql'                     => "char(1) NOT NULL default ''"

+);

+

+$GLOBALS['TL_DCA']['tl_content']['fields']['es_animate_type'] = array

+(

+    'label'                   => &$GLOBALS['TL_LANG']['tl_content']['es_animate_type'],

+    'exclude'                 => true,

+    'inputType'               => 'select',

+    'options'                 => array('-move','-move -move-right','-move -move-top','-move -move-bottom'),

+    'reference'               => &$GLOBALS['TL_LANG']['tl_content']['REF']['es_animate_type'],

+    'eval'                    => array('tl_class'=>'clr w50','mandatory'=>true,'includeBlankOption'=>true),

+    'sql'                     => "varchar(32) NOT NULL default ''"

+);

+

+$GLOBALS['TL_DCA']['tl_content']['fields']['es_animate_fade'] = array

+(

+    'label'                   => &$GLOBALS['TL_LANG']['tl_content']['es_animate_fade'],

+    'exclude'                 => true,

+    'inputType'               => 'checkbox',

+    'eval'                    => array('tl_class'=>'w50 m12'),

+    'sql'                     => "char(1) NOT NULL default ''"

+);

new file mode 100644

@@ -0,0 +1,30 @@

+<?php

+

+/*

+ * This file is part of eSales Media ContentHelperBundle

+ *

+ * (c) Benjamin Roth

+ *

+ * @license proprietary

+ */

+

+/*

+ * Modify palettes

+ */

+

+use Contao\CoreBundle\DataContainer\PaletteManipulator;

+

+PaletteManipulator::create()->addField('rs_columns_load_css_flex','rs_columns_load_css')->applyToPalette('default','tl_layout');

+

+/*

+ * Add fields

+ */

+

+$GLOBALS['TL_DCA']['tl_layout']['fields']['rs_columns_load_css_flex'] = array

+(

+  'label'                   => &$GLOBALS['TL_LANG']['tl_layout']['rs_columns_load_css_flex'],

+  'exclude'                 => true,

+  'inputType'               => 'checkbox',

+  'eval'                    => array('tl_class'=>'w50'),

+  'sql'                     => "char(1) NOT NULL default ''",

+);

new file mode 100644

@@ -0,0 +1,15 @@

+<?php

+

+/*

+ * This file is part of eSales Media ContentHelperBundle

+ *

+ * (c) Benjamin Roth

+ *

+ * @license proprietary

+ */

+

+/**

+ * Fields

+ */

+$GLOBALS['TL_LANG']['tl_article']['hideInArticleList'][0] = 'In Artikelliste verstecken';

+$GLOBALS['TL_LANG']['tl_article']['hideInArticleList'][1] = 'Der Artikel wird in der Artikelliste nicht angezeigt';

new file mode 100644

@@ -0,0 +1,61 @@

+<?php

+

+/*

+ * This file is part of eSales Media ContentHelperBundle

+ *

+ * (c) Benjamin Roth

+ *

+ * @license proprietary

+ */

+

+/**

+ * Fields

+ */

+$GLOBALS['TL_LANG']['tl_content']['es_col_text'][0] = 'Mehrspaltiger Text';

+$GLOBALS['TL_LANG']['tl_content']['es_col_text'][1] = 'Der Text wird in Spalten ausgegeben.';

+$GLOBALS['TL_LANG']['tl_content']['es_spacing'][0] = 'Abstand nach dem Element';

+$GLOBALS['TL_LANG']['tl_content']['es_spacing'][1] = 'Fügt einen Abstand nach dem Element ein.';

+$GLOBALS['TL_LANG']['tl_content']['es_padding'][0] = 'Innenabstand';

+$GLOBALS['TL_LANG']['tl_content']['es_padding'][1] = 'Es wird Oben und Unten ein Innenabstand angewendet.';

+$GLOBALS['TL_LANG']['tl_content']['es_textAlign'][0] = 'Text-Ausrichtung';

+$GLOBALS['TL_LANG']['tl_content']['es_textAlign'][1] = 'Die Textausrichtung innerhalb des Elements. (Evtl. wird diese Einstellung durch spezifisches CSS überschrieben.)';

+$GLOBALS['TL_LANG']['tl_content']['es_rs_columns_valign'][0] = 'Vertikale Ausrichtung';

+$GLOBALS['TL_LANG']['tl_content']['es_rs_columns_valign'][1] = 'Vertikale Ausrichtung des Spalteninhalts.';

+$GLOBALS['TL_LANG']['tl_content']['es_rs_column_sort_large'][0] = 'Desktop-Sortierung';

+$GLOBALS['TL_LANG']['tl_content']['es_rs_column_sort_large'][1] = 'Anordnung der Spalte am Desktop.';

+$GLOBALS['TL_LANG']['tl_content']['es_rs_column_sort_medium'][0] = 'Tablet-Sortierung';

+$GLOBALS['TL_LANG']['tl_content']['es_rs_column_sort_medium'][1] = 'Anordnung der Spalte am Tablet.';

+$GLOBALS['TL_LANG']['tl_content']['es_rs_column_sort_small'][0] = 'Mobile-Sortierung';

+$GLOBALS['TL_LANG']['tl_content']['es_rs_column_sort_small'][1] = 'Anordnung der Spalte am Mobilgerät.';

+$GLOBALS['TL_LANG']['tl_content']['es_animate'][0] = 'Element animieren';

+$GLOBALS['TL_LANG']['tl_content']['es_animate'][1] = 'Animiert das Element, sobald es im sichtbaren Bereich ist.';

+$GLOBALS['TL_LANG']['tl_content']['es_animate_children'][0] = 'Kindelemente einzeln animieren';

+$GLOBALS['TL_LANG']['tl_content']['es_animate_children'][1] = 'Es werden die Kindelemente (z.B. mehrere Boxen/Spalten) einzeln animiert, anstatt das Hauptelement.';

+$GLOBALS['TL_LANG']['tl_content']['es_animate_type'][0] = 'Animationstyp';

+$GLOBALS['TL_LANG']['tl_content']['es_animate_type'][1] = 'Legt fest, wie das Element animiert werden soll.';

+$GLOBALS['TL_LANG']['tl_content']['es_animate_fade'][0] = 'Beim Animieren einblenden';

+$GLOBALS['TL_LANG']['tl_content']['es_animate_fade'][1] = 'Das Element wird während der Animation erst sichtbar.';

+

+/**

+ * Legends

+ */

+$GLOBALS['TL_LANG']['tl_content']['col_layout_legend'] = 'Spaltenlayout';

+$GLOBALS['TL_LANG']['tl_content']['es_animate_legend'] = 'Animations-Einstellungen';

+

+/**

+ * References

+ */

+$GLOBALS['TL_LANG']['tl_content']['REF']['es_col_text']['2col'] = '2-Spalten';

+$GLOBALS['TL_LANG']['tl_content']['REF']['es_spacing']['default'] = 'Standard';

+$GLOBALS['TL_LANG']['tl_content']['REF']['es_spacing']['paragraph'] = 'Absatz';

+$GLOBALS['TL_LANG']['tl_content']['REF']['es_rs_columns_valign']['top'] = 'Oben';

+$GLOBALS['TL_LANG']['tl_content']['REF']['es_rs_columns_valign']['center'] = 'Mitte';

+$GLOBALS['TL_LANG']['tl_content']['REF']['es_rs_columns_valign']['bottom'] = 'Unten';

+$GLOBALS['TL_LANG']['tl_content']['REF']['es_rs_columns_valign']['stretch'] = 'Gleiche Höhe';

+$GLOBALS['TL_LANG']['tl_content']['REF']['es_textAlign']['left'] = 'Linksbündig';

+$GLOBALS['TL_LANG']['tl_content']['REF']['es_textAlign']['center'] = 'Zentriert';

+$GLOBALS['TL_LANG']['tl_content']['REF']['es_textAlign']['right'] = 'Rechtsbündig';

+$GLOBALS['TL_LANG']['tl_content']['REF']['es_animate_type']['-move'] = 'Einfliegen von rechts';

+$GLOBALS['TL_LANG']['tl_content']['REF']['es_animate_type']['-move -move-right'] = 'Einfliegen von links';

+$GLOBALS['TL_LANG']['tl_content']['REF']['es_animate_type']['-move -move-top'] = 'Einfliegen von unten';

+$GLOBALS['TL_LANG']['tl_content']['REF']['es_animate_type']['-move -move-bottom'] = 'Einfliegen von oben';

new file mode 100644

@@ -0,0 +1,15 @@

+<?php

+

+/*

+ * This file is part of eSales Media ContentHelperBundle

+ *

+ * (c) Benjamin Roth

+ *

+ * @license proprietary

+ */

+

+/**

+ * Fields

+ */

+$GLOBALS['TL_LANG']['tl_layout']['rs_columns_load_css_flex'][0] = 'Flexbox Spalten-Stylesheet laden';

+$GLOBALS['TL_LANG']['tl_layout']['rs_columns_load_css_flex'][1] = 'Ermöglicht die Verwendung der Spaltenumschlagelemente. Alternativ können Sie Ihr eigenes Stylesheet einbinden.';

new file mode 100644

@@ -0,0 +1,15 @@

+@mixin transform($transform...) {

+  -webkit-transform: $transform;

+  -moz-transform: $transform;

+  -ms-transform: $transform;

+  -o-transform: $transform;

+  transform: $transform;

+}

+

+@mixin transition($transition...) {

+  -webkit-transition: $transition;

+  -moz-transition: $transition;

+  -ms-transition: $transition;

+  -o-transition: $transition;

+  transition: $transition;

+}

new file mode 100644

@@ -0,0 +1,70 @@

+@import "helper";

+

+@mixin animation-start {

+  @include transition(opacity 0.6s linear, transform 0.6s ease-out);

+

+  .-fade& {

+    opacity: 1;

+  }

+  .-move& {

+    @include transform(translate(0, 0));

+  }

+}

+

+@mixin animation-presets {

+  .-fade& {

+    opacity: 0;

+  }

+  .-move& {

+    @include transform(translate(50px, 0));

+  }

+  .-move-right& {

+    @include transform(translate(-50px, 0));

+  }

+  .-move-top& {

+    @include transform(translate(0, 50px));

+  }

+  .-move-bottom& {

+    @include transform(translate(0, -50px));

+  }

+}

+

+.is-animated {

+  &:not(.rs-columns):not(.animate-children) {

+    > *:not(.rs-columns) {

+      .-in-view& {

+        @include animation-start;

+      }

+      :not(.-in-view)& {

+        @include animation-presets;

+      }

+    }

+  }

+

+  &:not(.rs-columns):not(.animate-children) {

+    > *.rs-columns {

+      > * {

+        &.-in-view {

+          @include animation-start;

+        }

+

+        &:not(.-in-view) {

+          @include animation-presets;

+        }

+      }

+    }

+  }

+

+  &.rs-columns,

+  &.animate-children {

+    > * {

+      &.-in-view {

+        @include animation-start;

+      }

+

+      &:not(.-in-view) {

+        @include animation-presets;

+      }

+    }

+  }

+}

new file mode 100644

@@ -0,0 +1,33 @@

+$gutter-default: (floor((1 / 960) * 1000000) / 1000000 * 30) * 100%;

+.ce_text {

+

+  &.layout_2col {

+

+    .text {

+      -webkit-column-count: 2;

+      -moz-column-count: 2;

+      column-count: 2;

+      -webkit-column-gap: $gutter-default;

+      -moz-column-gap: $gutter-default;

+      column-gap: $gutter-default;

+

+      p, div, ul, ol, dl {

+        break-inside: avoid-column;

+        break-before: auto;

+      }

+

+      h1, h2, h3, h4, h5, h6 {

+        break-inside: avoid-column;

+        break-after: avoid-column;

+      }

+    }

+

+    @media screen and (max-width: 599px) {

+      .text {

+        -webkit-column-count: 1;

+        -moz-column-count: 1;

+        column-count: 1;

+      }

+    }

+  }

+}

new file mode 100644

@@ -0,0 +1,97 @@

+@mixin column-classes($gutter-width, $max-columns, $class-name) {

+  @for $cols from 1 through $max-columns {

+    @for $span from 1 through $cols {

+      &.-#{unquote($class-name)}-col-#{$cols}-#{$span} {

+        flex-basis: 100% / $cols * $span - ($gutter-width * 100%);

+        order: 6;

+      }

+    }

+  }

+

+  @for $cols from 1 through $max-columns {

+    &.-#{unquote($class-name)}-order-#{$cols} {

+      order: $cols;

+    }

+  }

+}

+

+$gutter-width: floor((1 / 960) * 1000000) / 1000000 * 30;

+

+.rs-columns {

+  display: flex;

+  align-items: flex-start;

+  flex-wrap: wrap;

+  margin-left: -#{$gutter-width * 100%};

+  margin-top: -#{$gutter-width * 100%};

+

+  &.-valign-center {

+    align-items: center;

+  }

+  &.-valign-bottom {

+    align-items: flex-end;

+  }

+  &.-valign-stretch {

+    align-items: stretch;

+  }

+}

+

+.rs-column {

+  flex: 0;

+  max-width: 100%;

+  min-width: 0;

+  margin-top: $gutter-width * 100%;

+  margin-left: $gutter-width * 100%;

+  order: 6;

+

+  /*> * + * {

+    margin-top: 30px;

+  }*/

+

+  @include column-classes($gutter-width, 6, large);

+

+  &.-valign-center {

+    align-self: center;

+  }

+  &.-valign-bottom {

+    align-self: flex-end;

+  }

+  &.-valign-stretch {

+    align-self: stretch;

+  }

+}

+

+// Tablet portrait format (viewport width 900px and below)

+@media screen and (max-width: 900px) {

+  $gutter-width: floor((1 / 900) * 1000000) / 1000000 * 30;

+

+  .rs-columns {

+    margin-left: -#{$gutter-width * 100%};

+    margin-top: -#{$gutter-width * 100%};

+  }

+

+  .rs-column {

+    margin-top: $gutter-width * 100%;

+    margin-left: $gutter-width * 100%;

+    order: 6;

+

+    @include column-classes($gutter-width, 6, medium);

+  }

+}

+

+// Mobile (viewport width 599px and below)

+@media screen and (max-width: 599px) {

+  $gutter-width: floor((1 / 599) * 1000000) / 1000000 * 30;

+

+  .rs-columns {

+    margin-left: -#{$gutter-width * 100%};

+    margin-top: -#{$gutter-width * 100%};

+  }

+

+  .rs-column {

+    margin-top: $gutter-width * 100%;

+    margin-left: $gutter-width * 100%;

+    order: 6;

+

+    @include column-classes($gutter-width, 6, small);

+  }

+}

new file mode 100644

@@ -0,0 +1,91 @@

+(function(){

+

+  function isElementInViewport(element) {

+    var rect = element.getBoundingClientRect();

+    if (

+      rect.bottom < 0)

+    {

+      return 2;

+    }

+    else if (

+      rect.top >= 0 &&

+      rect.left+rect.width/2 >= 0 &&

+      rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) + (element.offsetHeight * 0.75) &&

+      rect.right-rect.width/2 <= (window.innerWidth || document.documentElement.clientWidth))

+    {

+      return 1;

+    } /*else if (

+      rect.left+rect.width/2 >= 0 &&

+      rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&

+      rect.right-rect.width/2 <= (window.innerWidth || document.documentElement.clientWidth))

+    {

+      return 2;

+    }*/

+    return false;

+  }

+

+  function getAnimatedElements() {

+    var animatedWrapper = document.querySelectorAll(".is-animated"),

+      elements = [];

+

+    for (var i = 0; i < animatedWrapper.length; i++)

+    {

+      var hasChildren = false;

+      if (animatedWrapper[i].classList.contains("rs-columns") || animatedWrapper[i].classList.contains("animate-children"))

+      {

+        for (var j = 0; j < animatedWrapper[i].children.length; j++)

+        {

+          elements.push(animatedWrapper[i].children[j]);

+        }

+      } else if (!animatedWrapper[i].classList.contains("rs-columns"))

+      {

+        for (var j = 0; j < animatedWrapper[i].children.length; j++)

+        {

+          if (animatedWrapper[i].children[j].classList.contains("rs-columns"))

+          {

+            for (var k = 0; k < animatedWrapper[i].children[j].children.length; k++)

+            {

+              elements.push(animatedWrapper[i].children[j].children[k]);

+              hasChildren = true;

+            }

+          }

+        }

+        if (!hasChildren)

+        {

+          elements.push(animatedWrapper[i]);

+        }

+      }

+    }

+    return elements;

+  }

+

+  var elements = getAnimatedElements();

+

+  function callbackFunc() {

+    var delay = 0;

+    for (var i = 0; i < elements.length; i++)

+    {

+      if (elements[i].classList.contains('-in-view') === false && (hasDelay = isElementInViewport(elements[i])))

+      {

+        if (hasDelay === 1)

+        {

+          elements[i].style.transitionDelay = delay + 'ms';

+          delay = delay + 125;

+        }

+        if (!Element.prototype.closest || isElementInViewport(elements[i]) !== 2 || (isElementInViewport(elements[i]) === 2 && !elements[i].classList.contains('-reverse') && !elements[i].closest('.is-animated').classList.contains('-reverse')))

+        {

+          elements[i].classList.add("-in-view");

+        }

+      }

+

+      /* Else-Bedinung entfernen, um .visible nicht wieder zu löschen, wenn das Element den Viewport verlässt. */

+      else if (Element.prototype.closest && elements[i].classList.contains('-in-view') === true && isElementInViewport(elements[i]) === 2 && (elements[i].classList.contains('-reverse') || elements[i].closest('.is-animated').classList.contains('-reverse')))

+      {

+        elements[i].classList.remove("-in-view");

+      }

+    }

+  }

+

+  window.addEventListener("load", callbackFunc);

+  window.addEventListener("scroll", callbackFunc);

+})();

@@ -22,7 +22,7 @@ class Plugin implements BundlePluginInterface

     /**

      * {@inheritdoc}

      */

-    public function getBundles(ParserInterface $parser)

+    public function getBundles(ParserInterface $parser): array

     {

         $arrLoadAfter = [ContaoCoreBundle::class];

@@ -20,14 +20,13 @@ class EsalesMediaContentHelperExtension extends Extension

     /**

      * {@inheritdoc}

      */

-    public function load(array $mergedConfig, ContainerBuilder $container)

+    public function load(array $configs, ContainerBuilder $container): void

     {

         $loader = new YamlFileLoader(

             $container,

-            new FileLocator(__DIR__.'/../Resources/config')

+            new FileLocator(__DIR__.'/../../config')

         );

-        $loader->load('listener.yml');

         $loader->load('services.yml');

     }

 }

@@ -14,4 +14,8 @@ use Symfony\Component\HttpKernel\Bundle\Bundle;

 class EsalesMediaContentHelperBundle extends Bundle

 {

+    public function getPath(): string

+    {

+        return \dirname(__DIR__);

+    }

 }

@@ -10,14 +10,16 @@

 namespace EsalesMedia\ContentHelperBundle\EventListener;

+use Contao\CoreBundle\DependencyInjection\Attribute\AsHook;

 use Contao\FilesModel;

 use Contao\Validator;

+#[AsHook("replaceInsertTags")]

 class InsertTagsListener

 {

-    public function onReplaceInsertTags($tag)

+    public function __invoke(string $insertTag, bool $useCache, string $cachedValue, array $flags, array $tags, array $cache, int $_rit, int $_cnt)

     {

-        $elements = explode('::', $tag,2);

+        $elements = explode('::', $insertTag,2);

         $insertTag = array_shift($elements);

         if (strtolower($insertTag) === 'svg_inline') {

@@ -10,20 +10,18 @@

 namespace EsalesMedia\ContentHelperBundle\EventListener;

-use Contao\CoreBundle\Framework\FrameworkAwareInterface;

-use Contao\CoreBundle\Framework\FrameworkAwareTrait;

+use Contao\CoreBundle\DependencyInjection\Attribute\AsHook;

 use Contao\LayoutModel;

 use Contao\PageModel;

 use Contao\PageRegular;

-class PageListener implements FrameworkAwareInterface

+#[AsHook("generatePage")]

+class PageListener

 {

-    use FrameworkAwareTrait;

-

-    public function onGeneratePage(PageModel $page, LayoutModel $layout, PageRegular $pageRegular)

+    public function __invoke(PageModel $pageModel, LayoutModel $layout, PageRegular $pageRegular): void

     {

         if ($layout->rs_columns_load_css_flex) {

-            $assetsDir = 'web/bundles/esalesmediacontenthelper';

+            $assetsDir = 'bundles/esalesmediacontenthelper';

             $GLOBALS['TL_CSS'][] = $assetsDir . '/css/columns-flex.scss||static';

         }

     }

@@ -10,15 +10,13 @@

 namespace EsalesMedia\ContentHelperBundle\EventListener;

-use Contao\CoreBundle\Framework\FrameworkAwareInterface;

-use Contao\CoreBundle\Framework\FrameworkAwareTrait;

+use Contao\CoreBundle\DependencyInjection\Attribute\AsHook;

 use Contao\Template;

-class TemplateListener implements FrameworkAwareInterface

+#[AsHook('parseTemplate')]

+class TemplateListener

 {

-  use FrameworkAwareTrait;

-

-  public function onParseTemplate(Template $template)

+  public function __invoke(Template $template): void

   {

     $assetsDir = 'bundles/esalesmediacontenthelper';

deleted file mode 100644

@@ -1,20 +0,0 @@

-services:

-    _defaults:

-        public: true

-

-    _instanceof:

-        Contao\CoreBundle\Framework\FrameworkAwareInterface:

-            calls:

-                - ["setFramework", ["@contao.framework"]]

-

-    esalesmedia_content_helper.listener.template:

-        class: \EsalesMedia\ContentHelperBundle\EventListener\TemplateListener

-        public: true

-

-    esalesmedia_content_helper.listener.page:

-        class: \EsalesMedia\ContentHelperBundle\EventListener\PageListener

-        public: true

-

-    esalesmedia_content_helper.listener.insert_tags:

-        class: \EsalesMedia\ContentHelperBundle\EventListener\InsertTagsListener

-        public: true

deleted file mode 100644

@@ -1,9 +0,0 @@

-services:

-    _instanceof:

-        Contao\CoreBundle\Framework\FrameworkAwareInterface:

-            calls:

-                - ["setFramework", ["@contao.framework"]]

-

-        Symfony\Component\DependencyInjection\ContainerAwareInterface:

-            calls:

-                - ["setContainer", ["@service_container"]]

deleted file mode 100644

@@ -1,28 +0,0 @@

-<?php

-

-/*

- * This file is part of eSales Media ContentHelperBundle

- *

- * (c) Benjamin Roth

- *

- * @license proprietary

- */

-

-/**

- * Content elements

- */

-$GLOBALS['TL_CTE']['rs_columns']['rs_columns_start'] = 'EsalesMedia\\ContentHelperBundle\\FrontendController\\ColumnsStart';

-$GLOBALS['TL_CTE']['rs_columns']['rs_column_start'] = 'EsalesMedia\\ContentHelperBundle\\FrontendController\\ColumnStart';

-

-/**

- * Frontend module

- */

-$GLOBALS['FE_MOD']['miscellaneous']['articlelist'] = 'EsalesMedia\\ContentHelperBundle\\FrontendModule\\ArticleListModule';

-

-

-/**

- * Hooks

- */

-$GLOBALS['TL_HOOKS']['parseTemplate'][] = array('esalesmedia_content_helper.listener.template','onParseTemplate');

-$GLOBALS['TL_HOOKS']['generatePage'][] = array('esalesmedia_content_helper.listener.page','onGeneratePage');

-$GLOBALS['TL_HOOKS']['replaceInsertTags'][] = array('esalesmedia_content_helper.listener.insert_tags','onReplaceInsertTags');