From 9a40901475d6c086ff3f716b23cf2f6bad39a304 Mon Sep 17 00:00:00 2001
From: Soyu Kim <mmx900@gmail.com>
Date: Sun, 7 Jul 2024 09:39:55 +0900
Subject: [PATCH] Add HiDPI thumbnails to default content widget skin

---
 widgets/content/skins/default/gallery.html             | 2 +-
 widgets/content/skins/default/image_title.html         | 4 ++--
 widgets/content/skins/default/image_title_content.html | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/widgets/content/skins/default/gallery.html b/widgets/content/skins/default/gallery.html
index e7a02ef12..67b3dc262 100644
--- a/widgets/content/skins/default/gallery.html
+++ b/widgets/content/skins/default/gallery.html
@@ -6,7 +6,7 @@
             <!--@if($v=='thumbnail')-->
                 <a href="{$item->getLink()}" class="thumb" style="width:{$widget_info->thumbnail_width}px;height:{$widget_info->thumbnail_height}px" target="_blank"|cond="$widget_info->new_window">
                     <!--@if($item->getThumbnail())-->
-                        <img src="{$item->getThumbnail()}" style="width:{$widget_info->thumbnail_width}px;height:{$widget_info->thumbnail_height}px"/>
+                        <img src="{$item->getThumbnail()}" srcset="{$item->getThumbnail(2)} 2x"|cond="$item->getThumbnail(2)" style="width:{$widget_info->thumbnail_width}px;height:{$widget_info->thumbnail_height}px"/>
                     <!--@else-->
                         <span class="imgNone">{$lang->none_image}</span>
                     <!--@end-->
diff --git a/widgets/content/skins/default/image_title.html b/widgets/content/skins/default/image_title.html
index 8a0b7fdfc..5c9c340f1 100644
--- a/widgets/content/skins/default/image_title.html
+++ b/widgets/content/skins/default/image_title.html
@@ -5,7 +5,7 @@
         {@$thumbnail_idx = $widget_info->content_items[0]->getFirstThumbnailIdx() }
         {@$have_first_thumbnail=true}
         <p class="widgetThumb floatLeft" style="margin-right:-{$widget_info->thumbnail_width}px">
-            <a href="{$widget_info->content_items[$thumbnail_idx]->getLink()}" class="thumb" target="_blank"|cond="$widget_info->new_window"><img src="{$widget_info->content_items[$thumbnail_idx]->getThumbnail()}" style="width:{$widget_info->thumbnail_width}px;height:{$widget_info->thumbnail_height}px"></a>
+            <a href="{$widget_info->content_items[$thumbnail_idx]->getLink()}" class="thumb" target="_blank"|cond="$widget_info->new_window"><img src="{$widget_info->content_items[$thumbnail_idx]->getThumbnail()}" srcset="{$widget_info->content_items[$thumbnail_idx]->getThumbnail(2)} 2x"|cond="$widget_info->content_items[$thumbnail_idx]->getThumbnail(2)" style="width:{$widget_info->thumbnail_width}px;height:{$widget_info->thumbnail_height}px"></a>
         </p>
     <!--@end-->
 
@@ -63,7 +63,7 @@
         {@$thumbnail_idx = $widget_info->content_items[0]->getFirstThumbnailIdx() }
         {@$have_first_thumbnail=true}
         <p class="widgetThumb floatLeft" style="margin-right:-{$widget_info->thumbnail_width}px">
-            <a href="{$widget_info->content_items[$thumbnail_idx]->getLink()}" class="thumb" target="_blank"|cond="$widget_info->new_window"><img src="{$widget_info->content_items[$thumbnail_idx]->getThumbnail()}" style="width:{$widget_info->thumbnail_width}px;height:{$widget_info->thumbnail_height}px"></a>
+            <a href="{$widget_info->content_items[$thumbnail_idx]->getLink()}" class="thumb" target="_blank"|cond="$widget_info->new_window"><img src="{$widget_info->content_items[$thumbnail_idx]->getThumbnail()}" srcset="{$widget_info->content_items[$thumbnail_idx]->getThumbnail(2)} 2x"|cond="$widget_info->content_items[$thumbnail_idx]->getThumbnail(2)" style="width:{$widget_info->thumbnail_width}px;height:{$widget_info->thumbnail_height}px"></a>
         </p>
     <!--@end-->
 
diff --git a/widgets/content/skins/default/image_title_content.html b/widgets/content/skins/default/image_title_content.html
index 6fc83a5f3..a3307dc6f 100644
--- a/widgets/content/skins/default/image_title_content.html
+++ b/widgets/content/skins/default/image_title_content.html
@@ -6,7 +6,7 @@
         <p class="thumbArea" style="width:{$widget_info->thumbnail_width}px;margin-right:-{$widget_info->thumbnail_width}px;">
             <a href="{$item->getLink()}" class="thumb" style="width:{$widget_info->thumbnail_width}px;height:{$widget_info->thumbnail_height}px" target="_blank"|cond="$widget_info->new_window">
                 <!--@if($item->getThumbnail())-->
-                    <img src="{$item->getThumbnail()}" style="width:{$widget_info->thumbnail_width}px;height:{$widget_info->thumbnail_height}px" />
+                    <img src="{$item->getThumbnail()}" srcset="{$item->getThumbnail(2)} 2x"|cond="$item->getThumbnail(2)" style="width:{$widget_info->thumbnail_width}px;height:{$widget_info->thumbnail_height}px" />
                 <!--@else-->
                     <span class="imgNone">{$lang->none_image}</span>
                 <!--@end-->