· 4 years ago · Jul 14, 2021, 11:00 AM
1<html lang="en">
2
3 <head>
4 <meta charset="UTF-8">
5 <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 <title></title>
8 </head>
9
10 <body>
11 <iframe id="iframe" src="iframeContent.html"></iframe>
12 <p id='demo-text'>no event fired yet.</p>
13 </body>
14
15 <script>
16 // Receive message
17 window.addEventListener("message", message => {
18 if (!message.data.origin && message.data) return;
19
20 /**
21 * data recived from eyesite view
22 *
23 * @param {event} - used to see the kind of event trigged (switch?)
24 * @param {beablooId} - a foreign key stored in eyesite view realted to
25 * beabloo ID for this house.
26 *
27 * unsure how foregin key would get into eyesite view, webhook from our system maybe?
28 * - would require api to pick house from eyesite db
29 */
30
31 const { event } = message.data;
32 const { beablooId } = message.data.data;
33
34 console.log(event, beablooId, "received from eyesite view")
35
36 // ... some router code to direct application where to naviagte
37 const demoText = document.getElementById('demo-text');
38 demoText.innerHTML = `recived a ${event} event, navigate to ${beablooId}`; // just added to replace button
39
40 }, false);
41 </script>
42
43</html>