aboutsummaryrefslogtreecommitdiff
path: root/ufund-ui/src/app/app.component.html
blob: 8a0fd0417c4b40bc06d07ac2d5751d2a3ab6b9bf (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<div id="scroll">
    <div id="header">
        <div>
            <a routerLink="/">
                <h1>Jelly Solutions</h1>
            </a>
        </div>
        <div>
            <button *ngIf="(currentUser | async)?.type === userType.MANAGER" routerLink="/dashboard">Dashboard</button>
            <button routerLink="/cupboard">Cupboard</button>
            <button *ngIf="(currentUser | async)?.type === userType.HELPER" routerLink="/basket">Basket</button>
    <!--        <span>{{currentUser$ | async}}</span>-->
            <button *ngIf="currentUser | async" (click)="logout()">Log Out</button>
            <button *ngIf="!(currentUser | async)" (click)="login()">Log In</button>
            <button class="button" (click)="toggleColorScheme()"><span class="icon">brightness_7</span></button>
        </div>
    </div>

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