Changeset b738035 for trip-planner-front/src/app/homepage/register/register.component.ts

Timestamp:

01/24/22 21:08:32 (2 years ago)

Author:

Ema <ema_spirova@…>

Branches:

master

Children:

76712b2

Parents:

bdd6491

Message:

signup/login server errors on front and remove location from planner

File:

• trip-planner-front/src/app/homepage/register/register.component.ts (modified) (2 diffs)

trip-planner-front/src/app/homepage/register/register.component.ts

@@ -1 +1 @@
 import { Component, OnInit } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';
 import { DynamicDialogRef } from 'primeng/dynamicdialog';
+import { CustomValidators } from 'src/app/providers/CustomValidators';
 import { UserDto } from 'src/app/_models/dto/userDto';
+import { UserService } from 'src/app/_services/user.service';
 
 @Component({
@@ -12 +14 @@
 
   user: UserDto;
-  myForm: FormGroup;
+  form: FormGroup;
+  usernames: string[];
 
-  constructor(private ref: DynamicDialogRef, private fb: FormBuilder) {
+
+  constructor(private ref: DynamicDialogRef, 
+    formBuilder: FormBuilder, private userService: UserService) {
     this.user = new UserDto();
-    this.myForm = fb.group({
-      title: fb.control('initial value', Validators.required)
+    this.usernames = [];
+
+    this.form = formBuilder.group({
+      fullName: new FormControl('', [Validators.required, Validators.minLength(3)]),
+      username: new FormControl('', [Validators.required, Validators.email]),
+      password: new FormControl('', [Validators.required, Validators.minLength(6)]),
+      confirmPassword: new FormControl('', [Validators.required, Validators.minLength(6)])
+    }, {
+      validators: [
+        CustomValidators.mustMatch('password', 'confirmPassword'),
+        this.validateUsername('username')
+      ]
     });
   }
 
   ngOnInit(): void {
-    this.myForm = this.fb.group({
-      fullName: this.fb.control('', Validators.required),
-      username: this.fb.control('', Validators.required),
-      password: this.fb.control('', Validators.required),
-      confirmPassword: this.fb.control('', Validators.required)
-    });
   }
 
   onFormSubmitSignUp(user) {
-    this.ref.close(user);
-    //window.location.reload();
+    const { valid } = this.form;
+    if (valid) {
+      this.ref.close(user);
+    }
+  }
+
+  validateUsername(username: string) {
+    return (formGroup: FormGroup) => {
+      const control = formGroup.controls[username];
+
+      if (control.errors && !control.errors.validateUsername) {
+        return;
+      }
+
+      this.userService.getAllUsernames().subscribe(
+        data => {
+          this.usernames = data;
+          for (let i = 0; i < this.usernames.length; i++) {
+            if (control.value === this.usernames[i]) {
+              control.setErrors({ validateUsername: true });
+              break;
+            } else {
+              control.setErrors(null);
+            }
+          }
+        }
+      );
+      return null;
+    };
 
   }