Feature latest news slider

A new design tab for the latest news plugin which will display the description instead of an image.

Resources/Private/Templates/Latest/Index.html

 <f:layout name="Default" />
 
 <f:section name="main">
-	<div id="carousel-latest-news" class="sg-slide-element sg-slide-not-initialized sg-slide-medium" data-interval="0">
+	<f:switch expression="{settings.layout}">
+		<f:case value="layout-2">
+			<f:render section="layout-content" arguments="{_all}" />
+		</f:case>
+		<f:defaultCase>
+			<f:render section="layout-default" arguments="{_all}" />
+		</f:defaultCase>
+	</f:switch>
+</f:section>
+
+<f:section name="layout-content">
+	<div id="carousel-latest-news" class="sg-slide-element sg-slide-not-initialized sg-slide-{settings.layout}"
+		 data-interval="0" data-current-columns="1"
+		 data-columns="{f:if(condition: '{newsMetaData -> f:count()} > {settings.columns}}', then: '{settings.columns}', else: '{newsMetaData -> f:count()}')}">
+		<div class="sg-slide-track">
+			<div class="sg-slide-container">
+				<f:for each="{newsMetaData}" as="newsMetaDataEntry" iteration="iterator">
+					<div class="sg-slide {f:if(condition: '{iterator.isFirst}', then: 'active')}">
+						<f:render partial="TeaserContentOverview" arguments="{
+						newsMetaData: newsMetaDataEntry,
+						headerTag: '<h3 class=\"text-left\">',
+						closingHeaderTag: '</h3>',
+						showCategory: 0
+						}" />
+					</div>
+				</f:for>
+			</div>
+		</div>
+
+		<f:if condition="{settings.navigation}">
+			<ul class="sg-slide-dots">
+				<f:for each="{newsMetaData}" as="data_item" iteration="iterator">
+					<li class="sg-slide-dots__indicator"><a class="sg-slide-dots__trigger"></a></li>
+				</f:for>
+			</ul>
+		</f:if>
+		<div class="sg-slide-prev">
+			<i class="fa fa-angle-left fa-5x" aria-hidden="true"><span class="sr-only">Previous</span></i>
+		</div>
+		<div class="sg-slide-next">
+			<i class="fa fa-angle-right fa-5x" aria-hidden="true"><span class="sr-only">Next</span></i>
+		</div>
+	</div>
+</f:section>
+
+<f:section name="layout-default">
+	<div id="carousel-latest-news" class="sg-slide-element sg-slide-not-initialized sg-slide-medium" data-interval="0" data-columns="1">
 		<div class="sg-slide-track">
 			<div class="sg-slide-container">
 				<f:for each="{newsMetaData}" as="newsMetaDataEntry" iteration="iterator">
@@ -11,12 +57,20 @@
 						headerTag: '<h3 class=\"text-center\">',
 						closingHeaderTag: '</h3>',
 						showCategory: 1
-					}" />
+						}" />
 					</div>
 				</f:for>
 			</div>
 		</div>
 
+		<f:if condition="{settings.navigation}">
+			<ul class="sg-slide-dots">
+				<f:for each="{newsMetaData}" as="data_item" iteration="iterator">
+					<li class="sg-slide-dots__indicator"><a class="sg-slide-dots__trigger"></a></li>
+				</f:for>
+			</ul>
+		</f:if>
+
 		<f:if condition="{newsMetaData -> f:count()} > 1">
 			<div class="sg-slide-prev">
 				<i class="fa fa-angle-left fa-5x" aria-hidden="true"><span class="sr-only">Previous</span></i>