From bbaa223947068833679c7ccab4bb74ee044deb8c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Urs=20Bra=CC=88m?= <ub@sturmundbraem.ch>
Date: Sat, 30 Jul 2022 16:15:15 +0200
Subject: [PATCH 1/2] Add possibility to set a range for the feed

---
 Configuration/FlexForms/FlexFormPi1.xml       | 19 +++++++++++++++++++
 .../PreviewRenderer/InstagramPi1.html         |  5 +++--
 Resources/Private/Templates/Profile/Show.html |  5 ++++-
 3 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/Configuration/FlexForms/FlexFormPi1.xml b/Configuration/FlexForms/FlexFormPi1.xml
index 8e07cb0..25ece78 100644
--- a/Configuration/FlexForms/FlexFormPi1.xml
+++ b/Configuration/FlexForms/FlexFormPi1.xml
@@ -54,6 +54,25 @@
 							</config>
 						</TCEforms>
 					</settings.appReturnUrl>
+					<settings.firstPost>
+						<TCEforms>
+							<exclude>1</exclude>
+							<label>Start at post</label>
+							<config>
+								<type>input</type>
+								<default>1</default>
+								<eval>trim,int</eval>
+								<range>
+									<lower>1</lower>
+									<upper>100</upper>
+								</range>
+								<slider>
+									<step>1</step>
+									<width>400</width>
+								</slider>
+							</config>
+						</TCEforms>
+					</settings.firstPost>
 					<settings.limit>
 						<TCEforms>
 							<exclude>1</exclude>
diff --git a/Resources/Private/Templates/PreviewRenderer/InstagramPi1.html b/Resources/Private/Templates/PreviewRenderer/InstagramPi1.html
index cae12b8..b9d6306 100644
--- a/Resources/Private/Templates/PreviewRenderer/InstagramPi1.html
+++ b/Resources/Private/Templates/PreviewRenderer/InstagramPi1.html
@@ -11,9 +11,10 @@
 				<f:alias map="{images:'{instagram:backend.getFeed(flexForm:flexForm)}'}">
 					<f:if condition="{images.data -> f:count()} > 0">
 						<f:then>
+							<f:variable name="lastPost">{flexForm.settings.firstPost + flexForm.settings.limit - 1}</f:variable>
 							<f:for each="{images.data}" as="image" iteration="iteration">
-								<f:if condition="{iteration.cycle} < 7">
-									<div class="col-md-2">
+								<f:if condition="{iteration.cycle} >= {flexForm.settings.firstPost} && {iteration.cycle} <= {lastPost} && {iteration.cycle} <= 8">
+									<div class="col-md-4">
 										<instagram:isLocalImageExisting id="{image.id}">
 											<f:then>
 												<f:image src="/typo3temp/assets/tx_instagram/{image.id}.jpg" alt="{image.caption}" width="500c" height="500c" />
diff --git a/Resources/Private/Templates/Profile/Show.html b/Resources/Private/Templates/Profile/Show.html
index faec906..812c021 100644
--- a/Resources/Private/Templates/Profile/Show.html
+++ b/Resources/Private/Templates/Profile/Show.html
@@ -2,10 +2,13 @@
 	  xmlns:instagram="http://typo3.org/ns/In2code/Instagram/ViewHelpers"
 	  data-namespace-typo3-fluid="true">
 
+
+<f:variable name="lastPost">{settings.firstPost + settings.limit - 1}</f:variable>
+
 <div class="c-socialwall">
 	<div class="c-socialwall">
 		<f:for each="{feed.data}" as="image" iteration="iteration">
-			<f:if condition="{iteration.cycle} <= {settings.limit}">
+			<f:if condition="{iteration.cycle} >= {settings.firstPost} && {iteration.cycle} <= {lastPost} ">
 				<div class="c-socialwall__item c-socialwall__item--instagram">
 					<f:link.external uri="{image.permalink}" title="Instagram profile {settings.username}" target="_blank" rel="noopener">
 

From b0ef33a56ae20127ea3647806b1d7f87657b2aa4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Urs=20Bra=CC=88m?= <ub@sturmundbraem.ch>
Date: Wed, 3 Aug 2022 14:42:26 +0200
Subject: [PATCH 2/2] Add condition to avoid error if settings.firstPost is
 empty

---
 .../Templates/PreviewRenderer/InstagramPi1.html        |  9 ++++++++-
 Resources/Private/Templates/Profile/Show.html          | 10 ++++++++--
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/Resources/Private/Templates/PreviewRenderer/InstagramPi1.html b/Resources/Private/Templates/PreviewRenderer/InstagramPi1.html
index b9d6306..870ded5 100644
--- a/Resources/Private/Templates/PreviewRenderer/InstagramPi1.html
+++ b/Resources/Private/Templates/PreviewRenderer/InstagramPi1.html
@@ -11,7 +11,14 @@
 				<f:alias map="{images:'{instagram:backend.getFeed(flexForm:flexForm)}'}">
 					<f:if condition="{images.data -> f:count()} > 0">
 						<f:then>
-							<f:variable name="lastPost">{flexForm.settings.firstPost + flexForm.settings.limit - 1}</f:variable>
+							<f:if condition="{settings.firstPost}">
+								<f:then>
+									<f:variable name="lastPost">{settings.firstPost + settings.limit - 1}</f:variable>
+								</f:then>
+								<f:else>
+									<f:variable name="lastPost">999999</f:variable>
+								</f:else>
+							</f:if>
 							<f:for each="{images.data}" as="image" iteration="iteration">
 								<f:if condition="{iteration.cycle} >= {flexForm.settings.firstPost} && {iteration.cycle} <= {lastPost} && {iteration.cycle} <= 8">
 									<div class="col-md-4">
diff --git a/Resources/Private/Templates/Profile/Show.html b/Resources/Private/Templates/Profile/Show.html
index 812c021..7f21b4a 100644
--- a/Resources/Private/Templates/Profile/Show.html
+++ b/Resources/Private/Templates/Profile/Show.html
@@ -2,8 +2,14 @@
 	  xmlns:instagram="http://typo3.org/ns/In2code/Instagram/ViewHelpers"
 	  data-namespace-typo3-fluid="true">
 
-
-<f:variable name="lastPost">{settings.firstPost + settings.limit - 1}</f:variable>
+<f:if condition="{settings.firstPost}">
+	<f:then>
+		<f:variable name="lastPost">{settings.firstPost + settings.limit - 1}</f:variable>
+	</f:then>
+	<f:else>
+		<f:variable name="lastPost">999999</f:variable>
+	</f:else>
+</f:if>
 
 <div class="c-socialwall">
 	<div class="c-socialwall">