Vmeda.Online/src/core/components/iframe/core-iframe.html

<div [class.core-loading-container]="loading || !safeUrl" [ngStyle]="{'width': iframeWidth, 'height': iframeHeight}">

    <core-navbar-buttons slot="end" append *ngIf="initialized && showFullscreenOnToolbar">
        <ion-button fill="clear" (click)="toggleFullscreen()"
            [attr.aria-label]="(fullscreen ? 'core.disablefullscreen' : 'core.fullscreen') | translate" >
            <ion-icon *ngIf="!fullscreen" name="fas-expand" slot="icon-only" aria-hidden="true"></ion-icon>
            <ion-icon *ngIf="fullscreen" name="fas-compress" slot="icon-only" aria-hidden="true"></ion-icon>
        </ion-button>
    </core-navbar-buttons>
    
    <!-- Don't add the iframe until safeUrl is set, adding an iframe with null as src causes the iframe to load the whole app. -->
    <iframe #iframe *ngIf="safeUrl" [hidden]="loading" class="core-iframe"
        [ngStyle]="{'width': iframeWidth, 'height': iframeHeight}" [src]="safeUrl"
        [attr.allowfullscreen]="allowFullscreen ? 'allowfullscreen' : null">
    </iframe>

    <ion-button
        *ngIf="!loading && displayHelp"
        color="dark" expand="block" fill="clear"
        (click)="openIframeHelpModal()"
        aria-haspopup="dialog"
        class="core-button-as-link core-iframe-help"
    >
        {{ 'core.iframehelp' | translate }}
    </ion-button>

    <span class="core-loading-spinner">
        <ion-spinner *ngIf="loading" [attr.aria-label]="'core.loading' | translate"></ion-spinner>
    </span>
</div>