format file
This commit is contained in:
parent
1de9492ef8
commit
99728909a5
|
@ -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();
|
||||||
|
|
Loading…
Reference in New Issue