56 lines
1.5 KiB
HTML
56 lines
1.5 KiB
HTML
<mat-toolbar class="fixed-top">
|
|
<button mat-raised-button routerLink="generate-image">
|
|
Generate Image
|
|
</button>
|
|
<button mat-raised-button routerLink="tutorials">
|
|
Tutorials
|
|
</button>
|
|
@if (isLoggedIn) {
|
|
<button mat-raised-button routerLink="add-tutorial" >
|
|
Add tutorial
|
|
</button>
|
|
}
|
|
|
|
<span class="menu-spacer"></span>
|
|
|
|
@if (!isLoggedIn) {
|
|
<button matMiniFab matTooltip="Sign Up" aria-label="Sign Up" (click)="openSignupDialog('100ms', '5ms')">
|
|
<mat-icon>person_add</mat-icon>
|
|
</button>
|
|
<button matMiniFab matTooltip="Login" aria-label="Login" (click)="openLoginDialog('100ms', '5ms')" >
|
|
<mat-icon>login</mat-icon>
|
|
</button>
|
|
}@else {
|
|
<button matButton="elevated" aria-label="Account" [matMenuTriggerFor]="menu">
|
|
<mat-icon>account_circle</mat-icon>
|
|
<mat-label>{{username}}</mat-label>
|
|
</button>
|
|
<mat-menu #menu="matMenu">
|
|
@if (showAdminBoard) {
|
|
<button mat-menu-item routerLink="admin/welcome">
|
|
<mat-icon>admin_panel_settings</mat-icon>
|
|
Admin Panel
|
|
</button>
|
|
}
|
|
|
|
<button mat-menu-item routerLink="user/user-welcome">
|
|
<mat-icon>space_dashboard</mat-icon>
|
|
User tools
|
|
</button>
|
|
<button mat-menu-item routerLink="profile">
|
|
<mat-icon>person</mat-icon>
|
|
Profile
|
|
</button>
|
|
|
|
<button mat-menu-item (click)="logout()">
|
|
<mat-icon>logout</mat-icon>
|
|
Logout
|
|
</button>
|
|
</mat-menu>
|
|
}
|
|
</mat-toolbar>
|
|
<div class="router_outlet">
|
|
<router-outlet/>
|
|
</div>
|
|
|