2020-10-28 15:46:53 +01:00
|
|
|
<div [class.core-loading-container]="loading || !safeUrl" [ngStyle]="{'width': iframeWidth, 'height': iframeHeight}">
|
2021-09-29 09:14:48 +02:00
|
|
|
|
|
|
|
<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>
|
|
|
|
|
2020-10-28 15:46:53 +01:00
|
|
|
<!-- 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>
|
|
|
|
|
2021-05-10 11:52:41 +02:00
|
|
|
<ion-button
|
2021-05-25 14:49:54 +02:00
|
|
|
*ngIf="!loading && displayHelp"
|
2021-05-10 11:52:41 +02:00
|
|
|
color="dark" expand="block" fill="clear"
|
|
|
|
(click)="openIframeHelpModal()"
|
|
|
|
aria-haspopup="dialog"
|
2021-06-08 15:59:20 +02:00
|
|
|
class="core-button-as-link core-iframe-help"
|
2021-05-10 11:52:41 +02:00
|
|
|
>
|
2021-06-08 15:59:20 +02:00
|
|
|
{{ 'core.iframehelp' | translate }}
|
2021-05-10 11:52:41 +02:00
|
|
|
</ion-button>
|
2021-05-04 12:11:22 +02:00
|
|
|
|
2020-10-28 15:46:53 +01:00
|
|
|
<span class="core-loading-spinner">
|
2021-06-11 13:13:15 +02:00
|
|
|
<ion-spinner *ngIf="loading" [attr.aria-label]="'core.loading' | translate"></ion-spinner>
|
2020-10-28 15:46:53 +01:00
|
|
|
</span>
|
2021-05-04 12:11:22 +02:00
|
|
|
</div>
|