igorpropisnov
/
mvp-ticket
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

format file

This commit is contained in:
Igor Hrenowitsch Propisnov 2024-05-17 21:09:50 +02:00
parent 1de9492ef8
commit 99728909a5
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/app/pages/register-root/register-root.component.ts
View File

@ -47,11 +47,9 @@ type AuthAction = 'register' | 'signup';
})
export class RegisterRootComponent implements OnInit {
public form: FormGroup | undefined;
public isRegisterSignal: WritableSignal<boolean> = signal(false);
public isSignupSignal: WritableSignal<boolean> = signal(false);
public isDisplayButtons: WritableSignal<boolean> = signal(true);
public emailInvalid: WritableSignal<string | null> = signal(null);
public passwordInvalid: WritableSignal<string | null> = signal(null);
public termsInvalid: WritableSignal<string | null> = signal(null);
@ -84,11 +82,13 @@ export class RegisterRootComponent implements OnInit {
this.isRegisterSignal.set(false);
this.isSignupSignal.set(true);
}
this.isDisplayButtons.set(false);
}
public onSubmit(): void {
this.markControlsAsTouchedAndDirty(['email', 'password', 'terms']);
if (this.form?.valid) {
if (this.isRegisterSignal()) {
this.register(this.form.value);
@ -132,6 +132,7 @@ export class RegisterRootComponent implements OnInit {
private setupEmailValueChanges(): void {
const emailControl = this.form?.get('email') as AbstractControl;
emailControl.valueChanges.subscribe((value: string) => {
if (value.length >= 4) {
emailControl.setValidators([
@ -147,8 +148,10 @@ export class RegisterRootComponent implements OnInit {
emailControl.updateValueAndValidity({ emitEvent: false });
});
}
private setupPasswordValueChanges(): void {
const passwordControl = this.form?.get('password') as AbstractControl;
passwordControl.valueChanges.subscribe((value: string) => {
if (value.length >= 8) {
passwordControl.setValidators([
@ -168,6 +171,7 @@ export class RegisterRootComponent implements OnInit {
private markControlsAsTouchedAndDirty(controlNames: string[]): void {
controlNames.forEach((controlName: string) => {
const control = this.form?.get(controlName);
if (control) {
control.markAsTouched();
control.markAsDirty();