/
app-header.component.html
57 lines (54 loc) · 2.11 KB
/
app-header.component.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<header class="nav">
<div class="container">
<div class="nav-left">
<a class="nav-item nav-logo" routerLink="/">
<img src="images/abstruse-text-logo.svg">
</a>
<a class="nav-item nav-team is-hidden-mobile" routerLink="/dashboard" routerLinkActive="is-active">
Dashboard
</a>
<a class="nav-item nav-team is-hidden-mobile" routerLink="/team" routerLinkActive="is-active" *ngIf="user">
Team
</a>
<a class="nav-item is-hidden-mobile" routerLink="/repositories" routerLinkActive="is-active">
Repositories
</a>
<a class="nav-item is-hidden-mobile" routerLink="/images" routerLinkActive="is-active" *ngIf="user">
Images
</a>
</div>
<div class="nav-right">
<!-- <a class="nav-item notification-item is-hidden-mobile" *ngIf="user" (click)="toggleNotify()">
<img src="/images/icons/notification.svg">
<div class="notify-num-container" *ngIf="notifications?.length">
<span>{{ notifications?.length }}</span>
</div>
<div class="notification-dropdown" *ngIf="notifyDropped">
<div class="notification-item" *ngFor="let notify of notifications; let i = index;">
<span [ngClass]="{ error: notify.type === 'error' }">{{ notify.message }}</span>
</div>
</div>
</a> -->
<a class="nav-item user-item" (click)="toggleMenu()" [class.is-open]="menuDropped" *ngIf="user">
<img class="nav-avatar" [src]="user.avatar">
<span>{{ user.fullname }}</span>
<i class="ion ion-chevron-down"></i>
<div class="nav-dropdown" *ngIf="menuDropped">
<a class="nav-dropdown-item" routerLink="/settings">
Settings
</a>
<a class="nav-dropdown-item" routerLink="/logs">
System Logs
</a>
<a class="nav-dropdown-item" (click)="logout()">
Logout
</a>
</div>
</a>
<a class="nav-item" *ngIf="!user" routerLink="/login">
<img src="images/icons/login.svg" class="nav-item-icon">
Login
</a>
</div>
</div>
</header>