Merge pull request #258 from epam/power_bi_dimensions-fix

PowerBI report size fix

Author: jane-taleika

modules/quanthub_core/js/qh_core-power-bi-customizer.js

@@ -1,6 +1,16 @@
 const INTERVAL_TIME = 30 * 1000;
 const TIME_TO_UPDATE = 2 * 60 * 1000;
 
+const debounceCallback = (callback, wait) => {
+  let timeoutId = null;
+  return (...args) => {
+    window.clearTimeout(timeoutId);
+    timeoutId = window.setTimeout(() => {
+      callback(...args);
+    }, wait);
+  };
+}
+
 function applyLocaleBookmark(context) {
   context.report.bookmarksManager.getBookmarks()
     .then(bookmarks => bookmarks.forEach(bm => {
@@ -55,10 +65,21 @@ function powerbi_embed_customizeReport($, context, width = 0, height = 0, title
     }
     iframes[i].title = title.length > 0 ? title : 'PowerBI Embed';
     iframes[i].name = name.length > 0 ? name : title.length > 0 ? title : 'PowerBI Embed';
+ 
+    const containerWidth = iframes[i].parentNode.offsetWidth;
+    const defaultAspectRatio = (19 / 32);
+
     const iw = width <= 0 ? '100%' : width + 'px';
-    const ih = height <= 0 ? iw * (19 / 32) : height;
+    const ih = (height <= 0 || width <= 0? containerWidth * defaultAspectRatio : height) + 'px';
+
     iframes[i].width = iw;
-    iframes[i].height = ih + 'px';
+    iframes[i].height = ih;
+
+    const onContainerResize = debounceCallback(() => {
+      iframes[i].height = iframes[i].parentNode.offsetWidth * defaultAspectRatio + 'px';
+    }, 500)
+
+    new ResizeObserver(onContainerResize).observe(iframes[i].parentNode);
   }
 
   checkTokenAndUpdate($, context);