From ece9c716ad55c0595c817604a6056c4dff464942 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tanel=20P=C3=B5ld?= <tanel@brightside.ee>
Date: Sat, 22 Apr 2023 10:49:29 +0300
Subject: [PATCH] [FEATURE] Force image file format TS constant

---
 Configuration/TypoScript/constants.typoscript | 2 ++
 Configuration/TypoScript/setup.typoscript     | 1 +
 Resources/Private/Partials/Item.html          | 3 ++-
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/Configuration/TypoScript/constants.typoscript b/Configuration/TypoScript/constants.typoscript
index 7f104a4..d2a1d62 100644
--- a/Configuration/TypoScript/constants.typoscript
+++ b/Configuration/TypoScript/constants.typoscript
@@ -24,3 +24,5 @@ youtubevideo.partialRootPaths = EXT:youtubevideo/Resources/Private/Partials/
 youtubevideo.cssFile = EXT:youtubevideo/Resources/Public/Css/youtubevideo.css
 # cat=Youtubevideo/1; type=boolean[1]; label= CSS file priority, 0 means CSS is loaded in page footer
 youtubevideo.cssPriority = 1
+# cat=Youtubevideo/1; type=sting; label= Force image file format (make sure it's enabled in [GFX][imagefile_ext])
+youtubevideo.forceImageFileFormat =
diff --git a/Configuration/TypoScript/setup.typoscript b/Configuration/TypoScript/setup.typoscript
index 0e1043c..4e4c383 100644
--- a/Configuration/TypoScript/setup.typoscript
+++ b/Configuration/TypoScript/setup.typoscript
@@ -49,6 +49,7 @@ tt_content {
       ccsPriority = {$youtubevideo.cssPriority}
       coverimagewidth = {$youtubevideo.coverimagewidth}
       colspacewidth = {$youtubevideo.colspacewidth}
+      forceImageFileFormat = {$youtubevideo.forceImageFileFormat}
     }
     variables {
       # language code use de, fr, et etc.
diff --git a/Resources/Private/Partials/Item.html b/Resources/Private/Partials/Item.html
index 37f7ff5..4214d79 100644
--- a/Resources/Private/Partials/Item.html
+++ b/Resources/Private/Partials/Item.html
@@ -35,10 +35,11 @@
         					treatIdAsReference="1"
         					width="{coverImageWidth_x2}"
         					cropVariant="{f:if(condition: item.settings.ratio, then: 'tv', else: 'widescreen')}"
+                            fileExtension="{settings.forceImageFileFormat}"
         				/>
         			</f:then>
         			<f:else>
-                        <f:uri.image src="{item.original.preview}" width="{coverImageWidth_x2}" />
+                        <f:uri.image src="{item.original.preview}" width="{coverImageWidth_x2}" fileExtension="{settings.forceImageFileFormat}" />
                     </f:else>
         		</f:if>
         	) center center no-repeat; background-size: cover;">