Add four-column grid container

2022-03-09 14:48:03 +01:00
parent 627ca684ef
commit 8f0376e133
3 changed files with 43 additions and 1 deletions
@@ -27,6 +27,19 @@ call_user_func(function () {
        )
    );

+    \TYPO3\CMS\Core\Utility\GeneralUtility::makeInstance(\B13\Container\Tca\Registry::class)->configureContainer(
+        new \B13\Container\Tca\ContainerConfiguration(
+            'ep_container_quarters',
+            'Vierspalter',
+            '25/25/25/25 Aufteilung',
+            [
+                [
+                    ['name' => 'Elemente', 'colPos' => 300],
+                ]
+            ]
+        )
+    );
+
    \TYPO3\CMS\Core\Utility\GeneralUtility::makeInstance(\B13\Container\Tca\Registry::class)->configureContainer(
        new \B13\Container\Tca\ContainerConfiguration(
            'ep_container_teasergroup',
@@ -56,7 +69,7 @@ call_user_func(function () {
        '
    ];

-    foreach (['ep_container_halves', 'ep_container_thirds', 'ep_container_teasergroup'] as $field) {
+    foreach (['ep_container_halves', 'ep_container_thirds', 'ep_container_quarters', 'ep_container_teasergroup'] as $field) {
        $GLOBALS['TCA']['tt_content']['types'][$field] = array_replace_recursive(
            $GLOBALS['TCA']['tt_content']['types'][$field],
            $headerConfig
@@ -20,6 +20,17 @@ tt_content.ep_container_thirds {
    }
 }

+tt_content.ep_container_quarters =< lib.contentElement
+tt_content.ep_container_quarters {
+    templateName = Quarters
+    templateRootPaths {
+        10 = EXT:ep_theme/Resources/Private/Templates/Container
+    }
+    dataProcessing {
+        100 = B13\Container\DataProcessing\ContainerProcessor
+    }
+}
+
 tt_content.ep_container_teasergroup =< lib.contentElement
 tt_content.ep_container_teasergroup {
    templateName = Teasergroup
@@ -0,0 +1,18 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+      xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
+      data-namespace-typo3-fluid="true">
+
+    <f:layout name="Default"/>
+
+    <f:section name="Main">
+        <ep:container data="{data}" cssClasses="py-8">
+            <f:render partial="Header/Header" arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link}" />
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
+                <f:for each="{children_300}" as="record">
+                    {record.renderedContent -> f:format.raw()}
+                </f:for>
+            </div>
+        </ep:container>
+    </f:section>
+
+</html>