From 12c986362e22521ba62181794a8194ab12c2820c Mon Sep 17 00:00:00 2001
From: Marcel Werk <burntime@woltlab.com>
Date: Thu, 14 Dec 2017 11:12:20 +0100
Subject: [PATCH] Added missing width/height attributes in amp version

---
 com.woltlab.wcf/templates/mediaBBCodeTag.tpl               | 6 +++---
 .../system/html/output/AmpHtmlOutputProcessor.class.php    | 7 ++++++-
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/com.woltlab.wcf/templates/mediaBBCodeTag.tpl b/com.woltlab.wcf/templates/mediaBBCodeTag.tpl
index a988ab095c..e80ee2c1ed 100644
--- a/com.woltlab.wcf/templates/mediaBBCodeTag.tpl
+++ b/com.woltlab.wcf/templates/mediaBBCodeTag.tpl
@@ -1,10 +1,10 @@
 <span class="mediaBBCode{if $float != 'none'} messageFloatObject{$float|ucfirst}{/if}">
 	{if $thumbnailSize != 'original'}
-		<a href="{$media->getLink()}" class="embeddedAttachmentLink jsImageViewer"><img src="{$media->getThumbnailLink($thumbnailSize)}" alt="{$media->altText}" title="{$media->title}"></a>
+		<a href="{$media->getLink()}" class="embeddedAttachmentLink jsImageViewer"><img src="{$media->getThumbnailLink($thumbnailSize)}" alt="{$media->altText}" title="{$media->title}" data-width="{@$media->getThumbnailWidth($thumbnailSize)}" data-height="{@$media->getThumbnailHeight($thumbnailSize)}"></a>
 	{else}
-		<img src="{$media->getLink()}" alt="{$media->altText}" title="{$media->title}">
+		<img src="{$media->getLink()}" alt="{$media->altText}" title="{$media->title}" data-width="{@$media->width}" data-height="{@$media->height}">
 	{/if}
-		
+	
 	{if $media->caption}
 		<span class="mediaBBCodeCaption">{$media->caption}</span>
 	{/if}
diff --git a/wcfsetup/install/files/lib/system/html/output/AmpHtmlOutputProcessor.class.php b/wcfsetup/install/files/lib/system/html/output/AmpHtmlOutputProcessor.class.php
index 7115f35ca1..b0a3205a89 100644
--- a/wcfsetup/install/files/lib/system/html/output/AmpHtmlOutputProcessor.class.php
+++ b/wcfsetup/install/files/lib/system/html/output/AmpHtmlOutputProcessor.class.php
@@ -103,7 +103,12 @@ class AmpHtmlOutputProcessor extends HtmlOutputProcessor {
 	public function getHtml() {
 		$html = $this->getHtmlOutputNodeProcessor()->getHtml();
 		
-		$html = str_ireplace('<img', '<amp-img layout="flex-item"', $html);
+		$html = preg_replace_callback('/<img([^>]+)>/i', function($match) {
+			$attributes = str_replace('data-width="', 'width="', $match[1]);
+			$attributes = str_replace('data-height="', 'height="', $attributes);
+			return '<amp-img layout="flex-item"'.$attributes.'>';
+		}, $html);
+		
 		$html = str_ireplace('<iframe', '<amp-iframe layout="responsive" width="480" height="300" sizes="(min-width: 480px) 480px, 100vw" ', $html);
 		$html = str_ireplace('</iframe>', '<div class="wscIframePlaceholder" placeholder=""></div></amp-iframe>', $html);
 		
-- 
2.20.1