ALL Resources View (iFrame)

by timum

HTML

<!DOCTYPE html>
<html>

  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>timum single instance example</title>
  </head>

  <body>
    <div id="bookingjs" style="margin: 8px"></div>
    <script type="module">
			window.addEventListener("message", (event) =>{
				if(event?.data?.origin !== "bookingjs") {
				  console.log("Ignored Event:" +  event.origin);
					return;
				}
				
				console.log(event.data.type + "\n" + JSON.stringify(event.data));
			})
    </script>

			<iframe id="timum" src="https://www.timum.de/booking-widget-demo?channelKey=CALENDAR_PUBLIC&calendarFrontend=detailsListView&ref=25e17490-512e-11eb-825e-027be5b34618&ref=31545960-574a-11eb-a108-0255636a7558&embed=true&enableShowAllResourcesOption=true&postMessageTarget=*" style="border:none;width:100%;height:520px; padding:20px 10px 10px 10px; border-radius: 8px; background-color:white"></iframe>
  </body>

</html>