35 lines
1.5 KiB
HTML
35 lines
1.5 KiB
HTML
<mat-toolbar>
|
|
<button mat-icon-button (click)="drawer.toggle()">
|
|
<mat-icon>menu</mat-icon>
|
|
</button>
|
|
<span routerLink="/" class="logo">Keyvault Pro</span>
|
|
<span class="spacer"></span>
|
|
<span>{{ userName }}</span>
|
|
<button mat-icon-button (click)="logout()">
|
|
<mat-icon>logout</mat-icon>
|
|
</button>
|
|
</mat-toolbar>
|
|
|
|
<mat-drawer-container class="example-container" autosize>
|
|
<mat-drawer #drawer class="main_sidenav" mode="side" opened="true" style="border-right: 1px solid #dfdfdf">
|
|
<div class="nav-button" routerLink="/" routerLinkActive="active-link" [routerLinkActiveOptions]="{exact: true}"><mat-icon>home</mat-icon>Home</div>
|
|
<div class="nav-button" routerLink="/keys" routerLinkActive="active-link"><mat-icon>key</mat-icon>Schlüssel</div>
|
|
<div class="nav-button" routerLink="/cylinders" routerLinkActive="active-link"><mat-icon>lock</mat-icon>Zylinder</div>
|
|
<div class="nav-button" routerLink="/systems" routerLinkActive="active-link"><mat-icon>admin_panel_settings</mat-icon>Schließanlagen</div>
|
|
@if (isAdmin) {
|
|
<div class="nav-button" routerLink="/users" routerLinkActive="active-link"><mat-icon>user_attributes</mat-icon>Alle User</div>
|
|
}
|
|
<div class="nav-button" (click)="openSidebar()"><mat-icon>settings</mat-icon>Einstellungen</div>
|
|
|
|
</mat-drawer>
|
|
|
|
|
|
<router-outlet></router-outlet>
|
|
|
|
<!-- <div class="example-sidenav-content">
|
|
<button type="button" matButton (click)="drawer.toggle()">
|
|
Toggle sidenav
|
|
</button>
|
|
</div> -->
|
|
|
|
</mat-drawer-container> |