All files / app/features/auth login.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
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<div class="login-container">
    <div class="login-card">
        <h1>Вход</h1>
 
        <form
            data-testid="login-form"
            [formGroup]="loginForm"
            (ngSubmit)="onSubmit()"
        >
            <ui-text-input
                data-testid="username-input"
                label="Логин"
                autocomplete="username"
                formControlName="username"
            />
 
            <ui-text-input
                data-testid="password-input"
                label="Пароль"
                type="password"
                autocomplete="current-password"
                formControlName="password"
            />
 
            <ui-checkbox
                data-testid="remember-me-checkbox"
                label="Запомнить меня"
                formControlName="rememberMe"
            />
 
            @if (errorMessage()) {
                <div
                    data-testid="error-message"
                    class="error-message"
                    role="alert"
                >
                    {{ errorMessage() }}
                </div>
            }
 
            <ui-button
                data-testid="submit-button"
                type="submit"
                accent="primary"
                [loading]="isSubmitting()"
                [disabled]="loginForm.invalid"
                [fullWidth]="true"
            >
                Войти
            </ui-button>
        </form>
    </div>
</div>