[FEATURE]: Add 2col left and right

Starraider · Jun 30, 2021 · a5b3201 · a5b3201
1 parent 8561347
commit a5b3201
Show file tree

Hide file tree

Showing 5 changed files with 78 additions and 0 deletions.
diff --git a/Configuration/TCA/Overrides/2col-left-container.php b/Configuration/TCA/Overrides/2col-left-container.php
@@ -0,0 +1,17 @@
+<?php
+\TYPO3\CMS\Core\Utility\GeneralUtility::makeInstance(\B13\Container\Tca\Registry::class)-> configureContainer(
+    (
+        new \B13\Container\Tca\ContainerConfiguration(
+            '2col-left-container',
+            '2 Column left Container',
+            'Insert an element dividing the content area into one small col left and one big col right',
+            [
+                [
+                    ['name' => 'Left Column', 'colPos' => 201],
+                    ['name' => 'Right Column', 'colPos' => 202]
+                ]
+            ]
+        )
+    )
+    ->setIcon('EXT:container/Resources/Public/Icons/container-2col-left.svg')
+);
diff --git a/Configuration/TCA/Overrides/2col-right-container.php b/Configuration/TCA/Overrides/2col-right-container.php
@@ -0,0 +1,17 @@
+<?php
+\TYPO3\CMS\Core\Utility\GeneralUtility::makeInstance(\B13\Container\Tca\Registry::class)-> configureContainer(
+    (
+        new \B13\Container\Tca\ContainerConfiguration(
+            '2col-right-container',
+            '2 Column right Container',
+            'Insert an element dividing the content area into one small col right and one big col left',
+            [
+                [
+                    ['name' => 'Left Column', 'colPos' => 201],
+                    ['name' => 'Right Column', 'colPos' => 202]
+                ]
+            ]
+        )
+    )
+    ->setIcon('EXT:container/Resources/Public/Icons/container-2col-right.svg')
+);
diff --git a/Configuration/TypoScript/Extension/Container/setup.typoscript b/Configuration/TypoScript/Extension/Container/setup.typoscript
@@ -7,6 +7,24 @@ tt_content.2col-container {
     dataProcessing.13 = B13\Container\DataProcessing\ContainerProcessor
 }
 
+tt_content.2col-left-container =< lib.contentElement
+tt_content.2col-left-container {
+    templateName = 2col-left-container
+    templateRootPaths {
+        10 = EXT:skom_sitepackage/Resources/Private/Templates/Container
+    }
+    dataProcessing.13 = B13\Container\DataProcessing\ContainerProcessor
+}
+
+tt_content.2col-right-container =< lib.contentElement
+tt_content.2col-right-container {
+    templateName = 2col-right-container
+    templateRootPaths {
+        10 = EXT:skom_sitepackage/Resources/Private/Templates/Container
+    }
+    dataProcessing.13 = B13\Container\DataProcessing\ContainerProcessor
+}
+
 tt_content.3col-container =< lib.contentElement
 tt_content.3col-container {
     templateName = 3col-container

diff --git a/Resources/Private/Templates/Container/2col-left-container.html b/Resources/Private/Templates/Container/2col-left-container.html
@@ -0,0 +1,14 @@
+<div class="container">
+    <div class="row {f:if(condition:'{data.layout}==1',then:'no-gutters')}">
+        <div class="col-md-3 col-sm-3 col-xs-12 col-lg-3">
+            <f:for each="{children_201}" as="element">
+                {element.renderedContent -> f:format.raw()}
+            </f:for>
+        </div>
+        <div class="col-md-9 col-sm-9 col-xs-12 col-lg-9">
+            <f:for each="{children_202}" as="element">
+                {element.renderedContent -> f:format.raw()}
+            </f:for>
+        </div>
+    </div>
+</div>
diff --git a/Resources/Private/Templates/Container/2col-right-container.html b/Resources/Private/Templates/Container/2col-right-container.html
@@ -0,0 +1,12 @@
+<div class="row {f:if(condition:'{data.layout}==1',then:'no-gutters')}">
+	<div class="col-md-9 col-sm-9 col-xs-12 col-lg-9">
+		<f:for each="{children_201}" as="element">
+			{element.renderedContent -> f:format.raw()}
+		</f:for>
+	</div>
+	<div class="col-md-3 col-sm-3 col-xs-12 col-lg-3">
+		<f:for each="{children_202}" as="element">
+			{element.renderedContent -> f:format.raw()}
+		</f:for>
+	</div>
+</div>