Fix communication between legacy and memorekallMember

assets/app.js

@@ -10,6 +10,8 @@ const $ = require('jquery');
 // the bootstrap module doesn't export/return anything
 require('bootstrap');
 
+import PubSub from 'pubsub-js'
+
 // any CSS you import will output into a single css file (app.css in this case)
 // import './styles/app.css';
 import './styles/app.scss';

package-lock.json

@@ -7,7 +7,8 @@
             "license": "UNLICENSED",
             "dependencies": {
                 "autoprefixer": "^10.4.0",
-                "postcss-loader": "^6.2.0"
+                "postcss-loader": "^6.2.0",
+                "pubsub-js": "^1.9.4"
             },
             "devDependencies": {
                 "@babel/core": "^7.16.0",
@@ -7400,6 +7401,11 @@
             "integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM=",
             "dev": true
         },
+        "node_modules/pubsub-js": {
+            "version": "1.9.4",
+            "resolved": "https://registry.npmjs.org/pubsub-js/-/pubsub-js-1.9.4.tgz",
+            "integrity": "sha512-hJYpaDvPH4w8ZX/0Fdf9ma1AwRgU353GfbaVfPjfJQf1KxZ2iHaHl3fAUw1qlJIR5dr4F3RzjGaWohYUEyoh7A=="
+        },
         "node_modules/regenerator-runtime": {
             "version": "0.13.9",
             "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz",
@@ -18069,6 +18075,11 @@
             "integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM=",
             "dev": true
         },
+        "pubsub-js": {
+            "version": "1.9.4",
+            "resolved": "https://registry.npmjs.org/pubsub-js/-/pubsub-js-1.9.4.tgz",
+            "integrity": "sha512-hJYpaDvPH4w8ZX/0Fdf9ma1AwRgU353GfbaVfPjfJQf1KxZ2iHaHl3fAUw1qlJIR5dr4F3RzjGaWohYUEyoh7A=="
+        },
         "regenerator-runtime": {
             "version": "0.13.9",
             "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz",

package.json

@@ -30,6 +30,7 @@
     },
     "dependencies": {
         "autoprefixer": "^10.4.0",
-        "postcss-loader": "^6.2.0"
+        "postcss-loader": "^6.2.0",
+        "pubsub-js": "^1.9.4"
     }
 }

templates/layout.html.twig

@@ -38,5 +38,6 @@
 
 {%  block connexion %} {% endblock %}
 {% block body %}{% endblock %}
+{% block script %}{% endblock %}
 </body>
 </html>
\ No newline at end of file

templates/project/edit.html.twig

@@ -3,12 +3,20 @@
 {% block body %}
 
   <iframe src="{{ url }}"
+          id="legacyContent"
           class="w-100 h-100 top-0 start-0 position-absolute border-0"
-{#          style="width:100%;height:100%;top:0;left:0;position:absolute"#}
-{#          frameborder="0"#}
           webkitallowfullscreen
           mozallowfullscreen
           allowfullscreen>
   </iframe>
 
 {% endblock %}
+
+{% block script %}
+  <script>
+      window.onload = function (){
+          const iframe = document.getElementById('legacyContent').contentWindow;
+          iframe.init('init', PubSub);
+      }
+  </script>
+{% endblock %}
\ No newline at end of file