42 lines
1.2 KiB
HTML
42 lines
1.2 KiB
HTML
<div>
|
|
<mat-sidenav-container>
|
|
<mat-sidenav-content>
|
|
<app-header (sidenavToggle)="sidenav.toggle()"
|
|
(userLogout)="logout()"
|
|
[currentUrl]="currentUrl">
|
|
</app-header>
|
|
</mat-sidenav-content>
|
|
<mat-sidenav #sidenav role="navigation">
|
|
<app-sidenav-list (sidenavClose)="sidenav.close()"
|
|
(userLogout)="logout()"
|
|
[currentUrl]="currentUrl">
|
|
</app-sidenav-list>
|
|
</mat-sidenav>
|
|
</mat-sidenav-container>
|
|
|
|
<div (click)="sidenav.close()">
|
|
<router-outlet></router-outlet>
|
|
<div id="left">
|
|
<router-outlet name="left"></router-outlet>
|
|
</div>
|
|
|
|
<div id="right">
|
|
<router-outlet name="right"></router-outlet>
|
|
</div>
|
|
</div>
|
|
|
|
<div *ngIf="loading" class="load-indicator">
|
|
<div class="opt-loader"></div>
|
|
<mat-icon svgIcon="opt-logo-core" class="opt-logo-core"></mat-icon>
|
|
</div>
|
|
|
|
<button mat-icon-button
|
|
mat-mini-fab
|
|
id="scrollTopBtn"
|
|
*ngIf="scrollTopVisible"
|
|
matTooltip="{{'navigation.button.scroll.top' | translate}}"
|
|
(click)="scrollToTop()">
|
|
<mat-icon svgIcon="arrow-up"></mat-icon>
|
|
</button>
|
|
</div>
|