All files / src/app/shell/header/login-status login-status.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
58
59
60
61
62
63
64
65
66
67
68
69
4x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
@if (logoutOnly) {
  @if (user$ | async; as user) {
    <a
      class="sticky-header-icon"
      data-testing-id="link-logout"
      routerLink="/logout"
      [attr.aria-label]="'account.logout.link' | translate"
    >
      <i class="bi bi-person-fill header-icon"></i>
      @if (view !== 'small') {
        <span>{{ 'account.logout.link' | translate }}</span>
      }
    </a>
  } @else {
    &nbsp;
  }
} @else {
  <!-- logged in -->
  @if (user$ | async; as user) {
    <a
      class="my-account-link sticky-header-icon"
      data-testing-id="link-myaccount"
      routerLink="/account"
      [attr.aria-label]="'account.go_to_account.aria_label' | translate"
    >
      <i class="bi bi-person-fill header-icon"></i>
      @if (user.lastName) {
        <span class="login-name" [ngClass]="getViewClasses()">{{ user.firstName + ' ' + user.lastName }}</span>
      } @else {
        <span class="login-name" [ngClass]="getViewClasses()">{{
          'account.login_status.myaccount.link' | translate
        }}</span>
      }
    </a>
    <span class="separator" [ngClass]="getViewClasses()">&#124;</span>
    <a
      class="my-account-link my-account-logout"
      data-testing-id="link-logout"
      routerLink="/logout"
      [attr.aria-label]="'account.logout.link' | translate"
      [ngClass]="getViewClasses()"
    >
      <span>{{ 'account.logout.link' | translate }}</span>
    </a>
  } @else {
    <!-- not logged in -->
    <a
      class="my-account-link my-account-login sticky-header-icon"
      rel="nofollow"
      routerLink="/login"
      [attr.aria-label]="'account.login.link' | translate"
      [queryParams]="{ returnUrl: '/account' }"
    >
      <i class="bi bi-person-fill header-icon"></i>
      <span [ngClass]="getViewClasses()">{{ 'account.login.link' | translate }}</span>
    </a>
    <span class="separator" [ngClass]="getViewClasses()">&#124;</span
    ><a
      class="my-account-link my-account-register"
      rel="nofollow"
      routerLink="/register"
      [attr.aria-label]="'account.register.link' | translate"
      [ngClass]="getViewClasses()"
      [queryParams]="{ returnUrl: '/account' }"
      ><span>{{ 'account.register.link' | translate }}</span>
    </a>
  }
}