Merge pull request #898 from cakephp/4.x-error-iframe

4.x: show debug_kit iframe error nicely

Author: markstory

webroot/css/style.css

@@ -574,6 +574,10 @@ strong {
     display: block;
 }
 
+.c-panel-content-container__content {
+    height: 100%;
+}
+
 .c-panel-content-container__content .o-loader {
     display: none;
 }

webroot/js/inject-iframe.js

@@ -27,6 +27,11 @@ if (elem) {
       iframe.height = '100%';
       doc.body.style.overflow = 'hidden';
     }
+    if (event.data === 'error') {
+      iframe.width = '40%';
+      iframe.height = '40%';
+      doc.body.style.overflow = bodyOverflow;
+    }
   };
 
   const onReady = () => {

webroot/js/modules/Toolbar.js

@@ -152,7 +152,14 @@ export default class Toolbar {
       // This initializes the panel specific JS logic (if there is any)
       document.dispatchEvent(new CustomEvent('initPanel', { detail: `panel${panelType}` }));
       that.bindDebugBlock();
-    });
+    })
+      .fail((response) => {
+        clearTimeout(timer);
+        contentArea.html(response.responseText);
+        $('.o-loader').removeClass('is-loading');
+        $('.c-panel-content-container').addClass('is-active');
+        window.parent.postMessage('error', window.location.origin);
+      });
   }
 
   // This re-inits the collapsible Debugger::exportVar() content of the Variables tab