make compatible with native imports: need to use postMessage instead of iframe on-load for inter-window comm.

sorvell · sorvell · commit ee61dc00072e · 2014-04-04T16:39:02.000-07:00
diff --git a/elements/designer-element/designer-element.html b/elements/designer-element/designer-element.html
@@ -6,7 +6,7 @@
 
 <link rel="import" href="../x-dom-serializer/x-dom-serializer.html">
 
-<link rel="import" href="../x-inspector/x-inspector.html">
+<link rel="import" href="../x-inspector/x-inspector.html">
 <link rel="import" href="../x-file-document/x-file-document.html">
 
 <polymer-element name="designer-element">
@@ -67,7 +67,7 @@
     <section name="design">
       <polymer-flex-layout></polymer-flex-layout>
       <div id="frameContainer" flex>
-        <iframe id="frame" src="designer.html" on-load="{{designWindowLoaded}}"></iframe>
+        <iframe id="frame" src="designer.html"></iframe>
       </div>
       <x-inspector id="inspector" on-delete-element="{{deleteElement}}" on-parent-element="{{selectParentElement}}" on-bind-property="{{applyPropertyBinding}}"></x-inspector>
     </section>
@@ -93,6 +93,7 @@
     ready: function() {
       document.addEventListener('keydown', 
           this.KeydownAndPromptForUnload.bind(this, window));
+      window.addEventListener('message', this.designWindowLoaded.bind(this));
       this.firstLoad = true;
     },
     designWindowLoaded: function() {
@@ -179,7 +180,6 @@
       this.reloadDesigner();
     },
     reloadDesigner: function() {
-      //this.$.frame.onload = this.designWindowLoaded.bind(this);
       designWindow.location.reload();
     },
     fullscreenAction: function() {
diff --git a/elements/designer-element/designer.html b/elements/designer-element/designer.html
@@ -1,10 +1,13 @@
 <!doctype html>
 <html>
 <head>
-
   <title>Polymer Designer</title>
 
   <script src="../../components/platform-dev/platform.js"></script>
+  <script>
+    window.parent.postMessage('designer-loading', location.href);
+  </script>
+  
   <link rel="import" href="../x-designer/x-designer.html">
 
   <style>
