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