2024-06-28 13:32:09 +02:00

32 lines
943 B
HTML

<div id="spinner" *ngIf="preparing" >
<mat-spinner [diameter]="50"></mat-spinner>
<span>{{ 'PREJOIN.PREPARING' | translate }}</span>
</div>
<div id="session-container" *ngIf="!preparing" @sessionAnimation>
<mat-sidenav-container #container #videoContainer class="sidenav-container">
<mat-sidenav
#sidenav
mode="{{ sidenavMode }}"
position="end"
class="sidenav-menu"
[ngClass]="{big: settingsPanelOpened}"
fixedInViewport="true"
fixedTopGap="0"
fixedBottomGap="0"
>
<ng-container *ngTemplateOutlet="panelTemplate"></ng-container>
</mat-sidenav>
<mat-sidenav-content class="sidenav-main">
<div id="layout-container" #layoutContainer>
<ng-container *ngTemplateOutlet="layoutTemplate"></ng-container>
</div>
</mat-sidenav-content>
</mat-sidenav-container>
<div id="footer-container" *ngIf="toolbarTemplate">
<ng-container *ngTemplateOutlet="toolbarTemplate"></ng-container>
</div>
</div>