barker/bookie/src/app/nav-bar/nav-bar.component.html

28 lines
775 B
HTML

<mat-toolbar>
<a mat-button [routerLink]="['/']">
<mat-icon>home</mat-icon>
Point of Sale
</a>
<a mat-button *ngIf="auth.allowed('customers')" [routerLink]="['/', 'guest-book']">
<mat-icon>face</mat-icon>
Guest Book
</a>
<a mat-button *ngIf="auth.allowed('sales')" [routerLink]="['/', 'sales']">
<mat-icon>receipt</mat-icon>
Sales
</a>
<span class="fill-remaining-space"></span>
<button mat-button [routerLink]="['/', 'login']" *ngIf="(auth.currentUser | async) === null">
<mat-icon>account_box</mat-icon>
Login
</button>
<button
mat-button
[routerLink]="['/', 'logout']"
*ngIf="(auth.currentUser | async)?.name as name"
>
<mat-icon>account_box</mat-icon>
Logout {{ name }}
</button>
</mat-toolbar>