56 lines
1.4 KiB
HTML
56 lines
1.4 KiB
HTML
|
|
<mat-toolbar class="fixed-top">
|
|
<button mat-raised-button routerLink="/" href="#">
|
|
My App
|
|
</button>
|
|
<span class="example-spacer"></span>
|
|
<button mat-raised-button routerLink="tutorials">
|
|
Tutorials
|
|
</button>
|
|
<button mat-raised-button routerLink="add" *ngIf="isLoggedIn">
|
|
Add tutorial
|
|
</button>
|
|
<span class="example-spacer"></span>
|
|
@if (showAdminBoard) {
|
|
<button mat-raised-button routerLink="admin" >
|
|
<mat-icon>manage_accounts</mat-icon>
|
|
Admin Bord
|
|
</button>
|
|
}
|
|
|
|
@if (showAdminBoard) {
|
|
<button mat-raised-button routerLink="system" >
|
|
<mat-icon>settings_applications</mat-icon>
|
|
System
|
|
</button>
|
|
}
|
|
|
|
<span class="example-spacer"></span>
|
|
<button mat-raised-button routerLink="register" *ngIf="!isLoggedIn">
|
|
<mat-icon>app_registration</mat-icon>
|
|
Register
|
|
</button>
|
|
|
|
<button mat-raised-button (click)="openDialog('100ms', '5ms')" *ngIf="!isLoggedIn">
|
|
<mat-icon>login</mat-icon>
|
|
Login
|
|
</button>
|
|
|
|
<button mat-raised-button routerLink="profile" *ngIf="isLoggedIn">
|
|
<mat-icon>account_circle</mat-icon>
|
|
{{ username }}
|
|
</button>
|
|
|
|
<button mat-raised-button (click)="logout()"*ngIf="isLoggedIn">
|
|
<mat-icon>logout</mat-icon>
|
|
Logout
|
|
</button>
|
|
|
|
</mat-toolbar>
|
|
|
|
|
|
<div class="router_outlet_padding">
|
|
<router-outlet></router-outlet>
|
|
</div>
|
|
|