ufund-ui/src/app/app.component.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<div id="scroll">
    <div id="header">
        <div>
            <a routerLink="/">
                <h1>Jelly Solutions</h1>
            </a>
        </div>
        <div>
            <a [class]="location.path() == '/dashboard' ? 'current' : ''" *ngIf="(currentUser | async)?.type === userType.MANAGER" routerLink="/dashboard">Dashboard</a>
            <a [class]="location.path() == '/cupboard' ? 'current' : ''" routerLink="/cupboard">Cupboard</a>
            <a [class]="location.path() == '/basket' ? 'current' : ''" *ngIf="(currentUser | async)?.type === userType.HELPER" routerLink="/basket">Basket</a>
            <button *ngIf="currentUser | async" (click)="logout()">Log Out</button>
            <button *ngIf="!(currentUser | async)" (click)="login()">Log In</button>
            <a class="icon" id="darkMode" href="#" (click)="$event.preventDefault(); toggleColorScheme()">brightness_7</a>
        </div>
    </div>

    <router-outlet />
</div>
<div *ngIf="modalService.getModalBehaviorSubject() | async" class="modal">
    <ng-container [ngTemplateOutlet]="modalService.getModalBehaviorSubject() | async" />
</div>