mirror of
https://github.com/AlbrechtL/openwrt-docker.git
synced 2026-10-17 00:01:27 +00:00
36 lines
1.2 KiB
HTML
36 lines
1.2 KiB
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>
|
|
<mat-nav-list>
|
|
<a mat-list-item [routerLink]="['dashboard']">Dashboard</a>
|
|
<a mat-list-item [routerLink]="['console']">Console</a>
|
|
<a mat-list-item [routerLink]="['system_information']">System information</a>
|
|
<a mat-list-item [routerLink]="['info']">Info</a>
|
|
</mat-nav-list>
|
|
</mat-sidenav>
|
|
<mat-sidenav-content>
|
|
<mat-toolbar color="primary">
|
|
@if (isHandset$ | async) {
|
|
<button
|
|
type="button"
|
|
aria-label="Toggle sidenav"
|
|
mat-icon-button
|
|
(click)="drawer.toggle()">
|
|
<mat-icon aria-label="Side nav toggle icon">menu</mat-icon>
|
|
</button>
|
|
}
|
|
<span>OpenWrt</span>
|
|
<span class="example-spacer"></span>
|
|
<!-- <mat-slide-toggle labelPosition="before">Expert mode</mat-slide-toggle> -->
|
|
</mat-toolbar>
|
|
<div class="content-container">
|
|
<router-outlet />
|
|
</div>
|
|
|
|
|
|
</mat-sidenav-content>
|
|
</mat-sidenav-container>
|