<core-loading [hideUntil]="!loading && safeUrl">
    <core-navbar-buttons slot="end" prepend *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" expand="block" fill="clear" (click)="openIframeHelpModal()" aria-haspopup="dialog"
        class="core-button-as-link core-iframe-help">
        {{ 'core.iframehelp' | translate }}
    </ion-button>
</core-loading>
