Fix the Divi tab support

mheob · Jul 26, 2019 · 4fb6bde · 4fb6bde
1 parent 97cff54
commit 4fb6bde
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 25 deletions.
diff --git a/app/src/class-ifdw-shortcode.php b/app/src/class-ifdw-shortcode.php
@@ -147,7 +147,7 @@ public function render_shortcode( $atts ) {
 
 		ob_start();
 
-		printf( '<div id="%s" class="include-fussball-de-widgets" data-version="' . esc_html( IFDW_VERSION ) . '\">\n', esc_html( $this->id ) );
+		printf( '<div id="%s" class="include-fussball-de-widgets" data-version="' . esc_html( IFDW_VERSION ) . "\">\n", esc_html( $this->id ) );
 		/* translators: %s: the description of the widget */
 		printf( esc_html__( "... the fussball.de widget with the description \"%s\" is currently loading ...\n", 'include-fussball-de-widgets' ), esc_html( $this->notice ) );
 		print ( "</div>\n" );

diff --git a/app/src/fubade-api.js b/app/src/fubade-api.js
@@ -52,15 +52,39 @@ window.FussballdeWidgetAPI = () => {
     }
   };
 
-  window.addEventListener('message', eventHandler, false);
+  window.addEventListener(
+    'message',
+    evt => {
+      const currentIframe = document.querySelector('#' + evt.data.container + ' > iframe');
+
+      if ('setHeight' === evt.data.type) {
+        currentIframe.setAttribute('height', evt.data.value + 'px');
+        currentIframe.style.height = '';
+      }
+
+      if ('setWidth' === evt.data.type) {
+        if ('100%' !== currentIframe.getAttribute('width')) {
+          currentIframe.setAttribute('width', evt.data.value + 'px');
+        }
+
+        currentIframe.style.width = '';
+      }
+    },
+    false
+  );
 
   // Divi tab support
-  if (document.body.classList.contains('et_divi_theme')) {
-    const diviTab = document.querySelector('.et_pb_tabs_controls');
-    if (diviTab) {
-      diviTab.addEventListener('click', eventHandler, false);
-      console.log("Clicked on Divi Tab");
-    }
+  const diviTab = document.querySelector('.et_pb_tabs_controls');
+  if (diviTab) {
+    diviTab.addEventListener(
+      'click',
+      () => {
+        document.querySelectorAll('.et_pb_tab_content [id^="fubade_"] > iframe').forEach(iframe => {
+          iframe.src += '';
+        });
+      },
+      false
+    );
   }
 
   return widgetObj;
@@ -80,20 +104,3 @@ const createIFrame = (parentId, src, isFullWidth) => {
   parent.innerHTML = '';
   parent.appendChild(iframe);
 };
-
-const eventHandler = evt => {
-  const currentIframe = document.querySelector('#' + evt.data.container + ' iframe');
-
-  if ('setHeight' === evt.data.type) {
-    currentIframe.setAttribute('height', evt.data.value + 'px');
-    currentIframe.style.height = '';
-  }
-
-  if ('setWidth' === evt.data.type) {
-    if ('100%' !== currentIframe.getAttribute('width')) {
-      currentIframe.setAttribute('width', evt.data.value + 'px');
-    }
-
-    currentIframe.style.width = '';
-  }
-};