From ce9dbd0bb3ec9e8f98dc2543fffb54eeffbfff81 Mon Sep 17 00:00:00 2001
From: buttle <chris@gatopelao.org>
Date: Sat, 28 Aug 2021 15:14:24 +0200
Subject: [PATCH] iframe width is modified to respect user defined width

fixes: #1
---
 src/Site/BlockLayout/Sketchfab.php       |  4 +++-
 view/common/block-layout/sketchfab.phtml | 17 ++++++++++++-----
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/Site/BlockLayout/Sketchfab.php b/src/Site/BlockLayout/Sketchfab.php
index 55ab815..5b5f853 100644
--- a/src/Site/BlockLayout/Sketchfab.php
+++ b/src/Site/BlockLayout/Sketchfab.php
@@ -72,6 +72,7 @@ class Sketchfab extends AbstractBlockLayout
 
     $thumbnails = [];
 		static $id = 0;
+    $id = $id +1;
 
     $media = $attachments[0]->item()->media()[0];
     $media = $attachments[0]->item()->media()[0];
@@ -81,7 +82,8 @@ class Sketchfab extends AbstractBlockLayout
 
     return $view->partial('common/block-layout/sketchfab', [
       'title' => $block->dataValue('title'),
-      'model_id' => $block->dataValue('identifier'),
+      //'model_id' => $block->dataValue('identifier'),
+      'model_id' => $id,
       'renderSourceLink' => $block->dataValue('renderSourceLink'),
       'item_url' => $attachments[0]->item()->url(),
       'width' => $block->dataValue('width'),
diff --git a/view/common/block-layout/sketchfab.phtml b/view/common/block-layout/sketchfab.phtml
index d5275f9..36f0f3d 100644
--- a/view/common/block-layout/sketchfab.phtml
+++ b/view/common/block-layout/sketchfab.phtml
@@ -21,12 +21,19 @@ $this->headScript()->appendFile($this->assetUrl('js/height_calculator.js',
 
 </div>
 
-
 <script>
+function adjust_height() {
+	$(".sketchfab-embed-wrapper").each(function() {
+		var sketchfab = $(this).find('iframe')
+		$(sketchfab).prop("width", "<?= $width ?>%")
+		var height = get_height(sketchfab, <?= $ratio ?>)
+		$(sketchfab).prop("height", height)
+	});
+}
 jQuery(document).ready(function() {
-	var sketchfab = $("#sketchfab_<?= $model_id ?>").find('iframe');
-	$(sketchfab).prop("width", "<?= $width ?>%")
-	var height = get_height(sketchfab, <?= $ratio ?>)
-	$(sketchfab).prop("height", height)
+	adjust_height();
+});
+$( window ).resize(function() {
+  adjust_height();
 });
 </script>