[BUGFIX] Use f:uri.resource over image ViewHelper for static assets

Fixes: #622 (cherry picked from commit b1e87c6)
Gernott · Feb 29, 2024 · e03a525 · e03a525
1 parent 041a496
commit e03a525
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/Resources/Private/Partials/List/Footer.html b/Resources/Private/Partials/List/Footer.html
@@ -2,7 +2,7 @@
     <div class="mask-footer__column mask-footer__column--left">
         <div class="mask-footer__item mask-footer__item--first">
             <div class="mask-footer__version">
-                <img src="{f:uri.image(src: 'EXT:mask/Resources/Public/Images/legacy-icon.gif')}" alt="Mask legacy icon" title="&#128489; Have fun with Mask!"/>v{{ version }}
+                <img src="{f:uri.resource(path: 'EXT:mask/Resources/Public/Images/legacy-icon.gif')}" alt="Mask legacy icon" title="&#128489; Have fun with Mask!"/>v{{ version }}
             </div>
         </div>
         <div class="mask-footer__separator"></div>
@@ -27,7 +27,7 @@
         <div class="mask-footer__item">
             <a href="https://tvconverter.webprofil.at/" target="_blank" class="templa" title="Go to https://tvconverter.webprofil.at/">
                 <div class="templa__wrap">
-                    <img src="{f:uri.image(src: 'EXT:mask/Resources/Public/Images/Logo_TVconverter.png')}" width="120" alt="TemplaVoila to Mask" class="templa__image img-fluid"/>
+                    <img src="{f:uri.resource(path: 'EXT:mask/Resources/Public/Images/Logo_TVconverter.png')}" width="120" alt="TemplaVoila to Mask" class="templa__image img-fluid"/>
                     <div>
                         <div class="templa__header">TemplaVoila to Mask</div>
                         <p class="templa__text">Convert the entire content of your old project to Mask.</p>

diff --git a/Resources/Private/Partials/List/Header.html b/Resources/Private/Partials/List/Header.html
@@ -1,6 +1,6 @@
 <div class="mask-list__header">
     <div class="mask-list__logo-wrap">
-        <f:image src="EXT:mask/Resources/Public/Icons/Extension.svg" class="mask-list__logo"/> <span class="mask-list__label">Mask</span>
+        <img src="{f:uri.resource(path: 'EXT:mask/Resources/Public/Icons/Extension.svg')}" width="156" height="156" class="mask-list__logo" alt="Mask Logo"> <span class="mask-list__label">Mask</span>
     </div>
     <div class="mask-list__docs">
         <a href="https://docs.typo3.org/p/mask/mask/main/en-us/" target="_blank">Documentation <i class="fa fa-book"></i></a>

diff --git a/Resources/Private/Templates/Wizard/Main.html b/Resources/Private/Templates/Wizard/Main.html
@@ -6,6 +6,6 @@
             <f:render partial="Edit" arguments="{_all}"/>
         </div>
         <f:render partial="List" arguments="{_all}"/>
-        <splashscreen :loaded="loaded" logo-path="{f:uri.image(src: 'EXT:mask/Resources/Public/Icons/MaskUkraine.svg')}"></splashscreen>
+        <splashscreen :loaded="loaded" logo-path="{f:uri.resource(path: 'EXT:mask/Resources/Public/Icons/MaskUkraine.svg')}"></splashscreen>
     </div>
 </f:section>
diff --git a/Resources/Private/Templates/Wizard/MainLegacy.html b/Resources/Private/Templates/Wizard/MainLegacy.html
@@ -3,5 +3,5 @@
         <f:render partial="Edit" arguments="{_all}"/>
     </div>
     <f:render partial="List" arguments="{_all}"/>
-    <splashscreen :loaded="loaded" logo-path="{f:uri.image(src: 'EXT:mask/Resources/Public/Icons/MaskUkraine.svg')}"></splashscreen>
+    <splashscreen :loaded="loaded" logo-path="{f:uri.resource(path: 'EXT:mask/Resources/Public/Icons/MaskUkraine.svg')}"></splashscreen>
 </div>