All files / app/layout/header/account-dropdown account-dropdown.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
4x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
@if (isLoading()) {
    <ui-icon-button
        icon="account_circle"
        label="Загрузка..."
        [disabled]="true"
    />
} @else {
    <ui-icon-button
        icon="account_circle"
        label="Аккаунт"
        data-testid="account-button"
        [uiDropdownMenuTriggerFor]="menuContent"
    />
 
    <ng-template #menuContent>
        <ui-dropdown-menu>
            @if (isAuthenticated()) {
                <div class="dropdown-header">
                    <span
                        class="dropdown-header-title"
                        data-testid="user-name"
                    >
                        {{ displayName() }}
                    </span>
                    <span
                        class="dropdown-header-subtitle"
                        data-testid="user-role"
                    >
                        {{ roleLabel() }}
                    </span>
                </div>
                <hr class="dropdown-divider" />
                <ui-dropdown-menu-item
                    icon="download"
                    data-testid="download-logs-button"
                    (clicked)="downloadLogs()"
                >
                    Скачать логи
                </ui-dropdown-menu-item>
                <ui-dropdown-menu-item
                    icon="logout"
                    data-testid="logout-button"
                    [disabled]="isLoggingOut()"
                    (clicked)="logout()"
                >
                    Выйти
                </ui-dropdown-menu-item>
            } @else {
                <ui-dropdown-menu-item
                    icon="login"
                    (clicked)="navigateToLogin()"
                >
                    Войти
                </ui-dropdown-menu-item>
            }
        </ui-dropdown-menu>
    </ng-template>
}