[TASK] fix and update Typical Page Content in t3kit

Configuration/FluidStyledContent/Div.setupts

@@ -1,8 +1,5 @@
 tt_content {
-    div =< lib.fluidContent
     div {
-        templateName = Div
-
         dataProcessing {
             10 = T3kit\themeT3kit\DataProcessing\FlexFormProcessor
             10 {

Configuration/FluidStyledContent/FluidContent.pagets

@@ -3,7 +3,8 @@
 TCEFORM.tt_content.layout {
     removeItems = 1,2,3
     addItems {
-        # 100 = Example generic layout for all content
+        # TODO:
+        100 = Example generic layout for all content
     }
 }
 
@@ -20,6 +21,7 @@ TCEFORM.tt_content.layout {
 #     }
 # }
 
+
 # Appearance
 TCEFORM.tt_content.frame_class.label = LLL:EXT:theme_t3kit/Resources/Private/Language/ContentElements.xlf:tt_content.appearance
 TCEFORM.tt_content.frame_class {
@@ -91,3 +93,29 @@ TCEFORM.tt_content.aligning {
        102 = Block center
    }
 }
+
+
+# ====================================================
+# FluidStyledContent elements
+# ====================================================
+
+# Table element
+TCEFORM.tt_content.layout {
+    types {
+        table {
+            addItems {
+                --div-- = Table layout:
+                310 = Responsive Table
+            }
+        }
+    }
+}
+TCEFORM.tt_content.table_class {
+    removeItems = bordered,striped
+    addItems {
+        110 = Striped
+        111 = Striped Bordered
+        112 = Striped Bordered Condesed
+        113 = Bordered Condesed Hover
+    }
+}

Configuration/FluidStyledContent/FluidContent.setupts

@@ -0,0 +1,69 @@
+tt_content {
+    bullets {
+        dataProcessing {
+            800 < lib.contentElement.dataProcessing.800
+            830 < lib.contentElement.dataProcessing.830
+        }
+    }
+    div {
+        dataProcessing {
+            800 < lib.contentElement.dataProcessing.800
+            830 < lib.contentElement.dataProcessing.830
+        }
+    }
+    header {
+        dataProcessing {
+            800 < lib.contentElement.dataProcessing.800
+            830 < lib.contentElement.dataProcessing.830
+        }
+    }
+    text {
+        dataProcessing {
+            800 < lib.contentElement.dataProcessing.800
+            830 < lib.contentElement.dataProcessing.830
+        }
+    }
+    textpic {
+        dataProcessing {
+            800 < lib.contentElement.dataProcessing.800
+            830 < lib.contentElement.dataProcessing.830
+        }
+    }
+    textmedia {
+        dataProcessing {
+            800 < lib.contentElement.dataProcessing.800
+            830 < lib.contentElement.dataProcessing.830
+        }
+    }
+    image {
+        dataProcessing {
+            800 < lib.contentElement.dataProcessing.800
+            830 < lib.contentElement.dataProcessing.830
+        }
+    }
+    html {
+        dataProcessing {
+            800 < lib.contentElement.dataProcessing.800
+            830 < lib.contentElement.dataProcessing.830
+        }
+    }
+    list {
+        dataProcessing {
+            800 < lib.contentElement.dataProcessing.800
+            830 < lib.contentElement.dataProcessing.830
+        }
+    }
+    table {
+        dataProcessing {
+            800 < lib.contentElement.dataProcessing.800
+            830 < lib.contentElement.dataProcessing.830
+            840 < lib.contentElement.dataProcessing.840
+        }
+    }
+    uploads {
+        dataProcessing {
+            800 < lib.contentElement.dataProcessing.800
+            830 < lib.contentElement.dataProcessing.830
+        }
+    }
+}

Configuration/TypoScript/Library/lib.fluidContent.setupts

@@ -2,6 +2,7 @@
 lib.contentElement {
     templateRootPaths {
         2000 =  EXT:theme_t3kit/Resources/Private/Templates/ContentElements/
+        3000 =  EXT:theme_t3kit/Resources/Private/Templates/FluidStyledContent/
     }
     partialRootPaths {
         2000 =  EXT:theme_t3kit/Resources/Private/Partials/ContentElements/
@@ -11,30 +12,60 @@ lib.contentElement {
     }
 }
 
-lib.fluidContent {
+lib.contentElement {
     dataProcessing {
 
+        # Layout
+        # will add variable layoutClass to FLUIDTEMPLATE
+        800 = T3kit\themeT3kit\DataProcessing\LayoutClassProcessor
+        800 {
+            classMappings {
+                # example of layout class
+                # TODO:
+                100 = example-generic-layout
+            }
+        }
+
         # Aligning
         # will add variable alignClass to FLUIDTEMPLATE
-        395 = T3kit\themeT3kit\DataProcessing\LayoutClassProcessor
-        395 {
+        830 = T3kit\themeT3kit\DataProcessing\LayoutClassProcessor
+        830 {
             fieldName = aligning
             as = alignClass
             classMappings {
                 101 = text-center
                 102 = center-block
             }
         }
+    }
+}
 
-        # Layout
-        # will add variable layoutClass to FLUIDTEMPLATE
-        1910 = T3kit\themeT3kit\DataProcessing\LayoutClassProcessor
-        1910 {
+
+# ====================================================
+# FluidStyledContent elements
+# ====================================================
+
+# Table element
+lib.contentElement {
+    dataProcessing {
+        800 {
             classMappings {
-                # 102 = example-generic-layout
+                # Specific layout for Table element
+                310 = table-responsive
+            }
+        }
 
-                # Add an layout class for specific content elements
-                # 110 = class
+        # Table Class
+        # will add variable tableClass to table FLUIDTEMPLATE
+        840 = T3kit\themeT3kit\DataProcessing\LayoutClassProcessor
+        840 {
+            fieldName = table_class
+            as = tableClass
+            classMappings {
+                110 = table table-striped
+                111 = table table-striped table-bordered
+                112 = table table-striped table-bordered table-condensed
+                113 = table table-bordered table-condensed table-hover
             }
         }
     }

Resources/Private/Templates/FluidStyledContent/Div.html

@@ -1,7 +1,7 @@
 <html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
-<f:layout name="ContentFooter" />
 
-<f:section name="content">
+<f:layout name="Default" />
+<f:section name="Main">
 	<f:if condition="{settings.iconClass}">
 		<f:then>
 			<div class="divider">
@@ -15,4 +15,5 @@
 		</f:else>
 	</f:if>
 </f:section>
+
 </html>

Resources/Private/Templates/FluidStyledContent/Table.html

@@ -1,14 +1,13 @@
 <html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
-<f:layout name="CustomHeaderContentFooter" />
 
-<f:section name="content">
+<f:layout name="Default" />
+<f:section name="Main">
 	<f:if condition="{table}">
-		<table class="ce-table {layoutClass}">
+		<table class="ce-table{f:if(condition: tableClass, then: ' {tableClass}')}">
 			<f:if condition="{data.table_caption}">
 				<caption>{data.table_caption}</caption>
 			</f:if>
 			<f:for each="{table}" as="row" iteration="rowIterator">
-
 				<f:if condition="{rowIterator.isFirst}">
 					<f:then>
 						<f:if condition="{data.table_header_position} == 1">
@@ -29,13 +28,11 @@
 						</f:if>
 					</f:else>
 				</f:if>
-
 				<tr>
 					<f:for each="{row}" as="cell" iteration="columnIterator">
 						<f:render partial="Table/Columns" arguments="{_all}" />
 					</f:for>
 				</tr>
-
 				<f:if condition="{rowIterator.isFirst}">
 					<f:then>
 						<f:if condition="{data.table_header_position} == 1">
@@ -56,9 +53,9 @@
 						</f:if>
 					</f:else>
 				</f:if>
-
 			</f:for>
 		</table>
 	</f:if>
 </f:section>
+
 </html>