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
|
|
|
|
2022-02-23 14:42:11 +01:00
|
|
|
<core-navbar-buttons slot="end" prepend *ngIf="initialized && showFullscreenOnToolbar">
|
2021-09-29 09:14:48 +02:00
|
|
|
<ion-button fill="clear" (click)="toggleFullscreen()"
|
2021-12-01 15:55:25 +01:00
|
|
|
[attr.aria-label]="(fullscreen ? 'core.disablefullscreen' : 'core.fullscreen') | translate">
|
2021-09-29 09:14:48 +02:00
|
|
|
<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>
|
2021-12-01 15:55:25 +01:00
|
|
|
|
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. -->
|
2021-12-01 15:55:25 +01:00
|
|
|
<iframe #iframe *ngIf="safeUrl" [hidden]="loading" class="core-iframe" [ngStyle]="{'width': iframeWidth, 'height': iframeHeight}"
|
|
|
|
[src]="safeUrl" [attr.allowfullscreen]="allowFullscreen ? 'allowfullscreen' : null">
|
2020-10-28 15:46:53 +01:00
|
|
|
</iframe>
|
|
|
|
|
2022-03-02 16:24:44 +01:00
|
|
|
<ion-button *ngIf="!loading && displayHelp" expand="block" fill="clear" (click)="openIframeHelpModal()" aria-haspopup="dialog"
|
|
|
|
class="core-button-as-link core-iframe-help">
|
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>
|