27 lines
933 B
HTML
27 lines
933 B
HTML
<mat-sidenav-container class="sidenav-container">
|
|
<mat-sidenav #drawer class="sidenav" fixedInViewport
|
|
[attr.role]="(isHandset$ | async) ? 'dialog' : 'navigation'"
|
|
[mode]="(isHandset$ | async) ? 'over' : 'side'"
|
|
[opened]="(isHandset$ | async) === false">
|
|
<mat-toolbar>Menu</mat-toolbar>
|
|
<app-main-menu-tree></app-main-menu-tree>
|
|
</mat-sidenav>
|
|
<mat-sidenav-content>
|
|
<mat-toolbar color="primary">
|
|
<button
|
|
type="button"
|
|
aria-label="Toggle sidenav"
|
|
mat-icon-button
|
|
(click)="drawer.toggle()"
|
|
*ngIf="isHandset$ | async">
|
|
<mat-icon aria-label="Side nav toggle icon">menu</mat-icon>
|
|
</button>
|
|
<span>{{title}}</span>
|
|
</mat-toolbar>
|
|
|
|
<!-- The routed views render in the <router-outlet>-->
|
|
<router-outlet></router-outlet>
|
|
|
|
</mat-sidenav-content>
|
|
</mat-sidenav-container>
|
|
|