|
1
|
<div class="row header">
|
|
2
|
<img class="logo" src="../../assets/images/logo.png" alt="logo"/>
|
|
3
|
<div class="language-and-user">
|
|
4
|
<label [matMenuTriggerFor]="menu" class="language-menu">
|
|
5
|
<span class="flag-icon flags flag-icon-gb" *ngIf="language === 'EN'"></span>
|
|
6
|
<span class="flag-icon flags flag-icon-cz" *ngIf="language === 'CZ'"></span>
|
|
7
|
</label>
|
|
8
|
|
|
9
|
<mat-menu #menu="matMenu">
|
|
10
|
<button mat-menu-item (click)="switchLanguage('en')">
|
|
11
|
English <span class="flag-icon flag-icon-gb" ></span>
|
|
12
|
</button>
|
|
13
|
<button mat-menu-item (click)="switchLanguage('cs')">
|
|
14
|
Česky <span class="flag-icon flag-icon-cz"></span>
|
|
15
|
</button>
|
|
16
|
</mat-menu>
|
|
17
|
<button *ngIf="profile" class="user-info" (click)="onProfileClick()">
|
|
18
|
<img class="user-icon" src="{{profile.photo}}" alt="profile-photo"/>
|
|
19
|
<span class="user-name">{{profile.firstName}} {{profile.lastName}}</span>
|
|
20
|
</button>
|
|
21
|
</div>
|
|
22
|
</div>
|