44 lines
2.3 KiB
HTML
44 lines
2.3 KiB
HTML
<div class="popup">
|
|
<form [formGroup]="form" (submit)="onSubmit()">
|
|
<div class="header">
|
|
<h2>Регистрация</h2>
|
|
<button type="button" class="close" (click)="close()"></button>
|
|
</div>
|
|
<div class="body">
|
|
<div class="field" [class.invalid]="email.invalid && email.touched">
|
|
<label for="email">Электронная почта*</label>
|
|
<input id="email" formControlName="email" type="email" />
|
|
<!--p *ngIf="email.errors?.required">Поле обязательно для заполнения</p-->
|
|
<p *ngIf="email.errors?.email">Адрес почты указан не корректно</p>
|
|
<p *ngFor="let err of asyncErrors.email">{{err}}</p>
|
|
</div>
|
|
<div class="field" [class.invalid]="name.invalid && name.touched">
|
|
<label for="name">Фамилия, имя, отчество*</label>
|
|
<input id="name" formControlName="name" type="text" />
|
|
<!--p *ngIf="name.errors?.required">Поле обязательно для заполнения</p-->
|
|
</div>
|
|
<div class="field">
|
|
<label for="phone">Телефон</label>
|
|
<input id="phone" formControlName="phone" type="text" />
|
|
</div>
|
|
<div class="field" [class.invalid]="password.invalid && password.touched">
|
|
<label for="password">Пароль</label>
|
|
<input id="password" formControlName="password" type="password" />
|
|
<!--p *ngIf="password.errors?.required">Поле обязательно для заполнения</p-->
|
|
<p *ngFor="let err of asyncErrors.password">{{err}}</p>
|
|
</div>
|
|
<div class="field" [class.invalid]="confirmation.invalid && confirmation.touched">
|
|
<label for="confirmation">Подтверждение пароля*</label>
|
|
<input id="confirmation" formControlName="passwordConfirmation" type="password" />
|
|
<!--p *ngIf="confirmation.errors?.required">Поле обязательно для заполнения</p-->
|
|
</div>
|
|
<div *ngIf="error" class="error">{{error}}</div>
|
|
</div>
|
|
<div class="footer">
|
|
<button type="button" class="btn secondary" (click)="login()">Авторизоваться</button>
|
|
<button type="submit" [disabled]="loading" class="btn">Зарегистрироваться</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|