From c7ebad74c276288bddb811f9979113093e2e8cd5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Roman=20B=C3=BCchler?= <rb@buechler.pro>
Date: Thu, 28 Mar 2024 16:54:49 +0200
Subject: [PATCH] [FEATURE] Add slider container element

---
 .../Resources/Private/Templates/CeSlider.html | 65 +++++++++++++++++++
 1 file changed, 65 insertions(+)
 create mode 100644 Extensions/container_elements/Resources/Private/Templates/CeSlider.html
diff --git a/Extensions/container_elements/Resources/Private/Templates/CeSlider.html b/Extensions/container_elements/Resources/Private/Templates/CeSlider.html
new file mode 100644
index 00000000..7809acaa
--- /dev/null
+++ b/Extensions/container_elements/Resources/Private/Templates/CeSlider.html
@@ -0,0 +1,65 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+    {f:variable(name: '_config', value: data.pi_flexform)}
+    <f:if condition="{children_101}">
+        <div id="ce-slider-{data.uid}" class="ce-slider swiper"
+             data-ce-uid="{data.uid}"
+             data-ce-show-pagination="{_config.showPagination}"
+             data-ce-show-navigation="{_config.showNavigation}"
+             data-ce-config="{_config.config}"
+        >
+            <f:render section="SliderSlides" arguments="{_config: _config, _children: children_101}" />
+            <f:if condition="{_config.decoupleControls as integer} != 1">
+                <f:render section="SliderControls" arguments="{_config: _config, _uid: data.uid}" />
+            </f:if>
+        </div>
+        <f:if condition="{_config.decoupleControls as integer} == 1">
+            <f:render section="SliderControls" arguments="{_config: _config, _uid: data.uid}" />
+        </f:if>
+        <f:asset.script identifier="tx-container-elements-slider-lib" src="EXT:container_elements/Resources/Public/JavaScript/Dist/nolimits4web.swiper.min.js" />
+        <f:asset.script identifier="tx-container-elements-slider" src="EXT:container_elements/Resources/Public/JavaScript/Src/slider.js" />
+        <f:asset.css identifier="tx-container-elements-slider" href="EXT:container_elements/Resources/Public/Css/nolimits4web.swiper.min.css" />
+    </f:if>
+</f:section>
+
+<f:section name="SliderSlides">
+    <f:if condition="{_config.slidesWrapperClasses} == '!external'">
+        <f:then>
+            <f:for each="{_children}" as="_record">
+                <f:render section="SliderSlide" arguments="{_record: _record}" />
+            </f:for>
+        </f:then>
+        <f:else>
+            <pp:render.bootstrap.element rowClass="{_config.slidesWrapperClasses}">
+                <f:for each="{_children}" as="_record">
+                    <f:render section="SliderSlide" arguments="{_record: _record}" />
+                </f:for>
+            </pp:render.bootstrap.element>
+        </f:else>
+    </f:if>
+</f:section>
+
+<f:section name="SliderSlide">
+    <f:if condition="{_record.ce_slide_classes} == '!external'">
+        <f:then>
+            {f:cObject(typoscriptObjectPath: 'lib.containerElements.renderContent', data: _record)}
+        </f:then>
+        <f:else>
+            <pp:render.bootstrap.element class="{_record.ce_slide_classes}">
+                {f:cObject(typoscriptObjectPath: 'lib.containerElements.renderContent', data: _record)}
+            </pp:render.bootstrap.element>
+        </f:else>
+    </f:if>
+</f:section>
+
+<f:section name="SliderControls">
+    <f:if condition="{_config.showPagination}">
+        <div id="ce-slider-pagination-{_uid}" class="swiper-pagination"></div>
+    </f:if>
+    <f:if condition="{_config.showNavigation}">
+        <div id="ce-slider-prev-{_uid}" class="swiper-button-prev"></div>
+        <div id="ce-slider-next-{_uid}" class="swiper-button-next"></div>
+    </f:if>
+</f:section>
+</html>
