workadventure/front/src/Components/Menu/CustomSubMenu.svelte
2021-12-06 16:36:05 +01:00

33 lines
697 B
Svelte

<script lang="ts">
import { onDestroy, onMount } from "svelte";
import { iframeListener } from "../../Api/IframeListener";
export let url: string;
export let allowApi: boolean;
let HTMLIframe: HTMLIFrameElement;
onMount(() => {
if (allowApi) {
iframeListener.registerIframe(HTMLIframe);
}
});
onDestroy(() => {
if (allowApi) {
iframeListener.unregisterIframe(HTMLIframe);
}
});
</script>
<iframe title="customSubMenu" src={url} bind:this={HTMLIframe} />
<style lang="scss">
iframe {
border: none;
height: calc(100% - 56px);
width: 100%;
margin: 0;
}
</style>