1 files changed, 138 insertions, 0 deletions
diff --git a/frontend/src/app/_pages/register-page/register-page.component.ts b/frontend/src/app/_pages/register-page/register-page.component.ts
new file mode 100644
index 00000000..e8d4c036
--- /dev/null
+++ b/frontend/src/app/_pages/register-page/register-page.component.ts
@@ -0,0 +1,138 @@
+import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+import { AuthService } from 'src/app/_services/auth.service';
+
+@Component({
+  selector: 'app-register-page',
+  templateUrl: './register-page.component.html',
+  styleUrls: ['./register-page.component.css']
+})
+export class RegisterPageComponent implements OnInit {
+  firstName: string = '';
+  lastName: string = '';
+  nickName: string = '';
+  email: string = '';
+  pass1: string = '';
+  pass2: string = '';
+
+  wrongFirstNameBool: boolean = false;
+  wrongLastNameBool: boolean = false;
+  wrongNickNameBool: boolean = false;
+  wrongEmailBool: boolean = false;
+  wrongPass1Bool: boolean = false;
+  wrongPass2Bool: boolean = false;
+
+  pattName: RegExp = /^[a-zA-ZšŠđĐčČćĆžŽ]+([ \-][a-zA-ZšŠđĐčČćĆžŽ]+)*$/;
+  pattTwoSpaces: RegExp = /  /;
+  pattEmail: RegExp = /^[a-zA-Z0-9]+([\.\-\+][a-zA-Z0-9]+)*\@([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}$/;
+  pattPassword: RegExp = /.{6,30}$/;
+
+  constructor(
+    private router: Router,
+    private authService: AuthService,
+  ) { }
+
+  ngOnInit(): void {
+  }
+
+  isCorrectName(element: string): boolean {
+    if (this.pattName.test(element) && !(this.pattTwoSpaces.test(element)) && (element.length >= 1 && element.length <= 30))
+      return true;
+    return false;
+  }
+  isCorrectEmail(element: string): boolean {
+    if (this.pattEmail.test(element.toLowerCase()) && element.length <= 320)
+      return true;
+    return false;
+  }
+  isCorrectPassword(element: string): boolean {
+    if (this.pattPassword.test(element))
+      return true;
+    return false;
+  }
+
+  firstNameValidation() {
+    if (this.isCorrectName(this.firstName) == true) {
+      this.wrongFirstNameBool = false;
+      return;
+    }
+    (<HTMLSelectElement>document.getElementById('firstName')).focus();
+    this.wrongFirstNameBool = true;
+  }
+  lastNameValidation() {
+    if (this.isCorrectName(this.lastName) == true) {
+      this.wrongLastNameBool = false;
+      return;
+    }
+    (<HTMLSelectElement>document.getElementById('lastName')).focus();
+    this.wrongLastNameBool = true;
+  }
+  nickNameValidation() {
+    if (this.isCorrectName(this.nickName) == true) {
+      this.wrongNickNameBool = false;
+      return;
+    }
+    (<HTMLSelectElement>document.getElementById('nickName')).focus();
+    this.wrongNickNameBool = true;
+  }
+  emailValidation() {
+    if (this.isCorrectEmail(this.email) == true) {
+      this.wrongEmailBool = false;
+      return;
+    }
+    (<HTMLSelectElement>document.getElementById('email')).focus();
+    this.wrongEmailBool = true;
+  }
+  passwordValidation() {
+    if (this.isCorrectPassword(this.pass1) && this.isCorrectPassword(this.pass2) && this.pass1 == this.pass2) {
+      this.wrongPass1Bool = false;
+      this.wrongPass2Bool = false;
+      return;
+    }
+    this.pass1 = ''; //brisi obe ukucane lozinke
+    this.pass2 = '';
+    (<HTMLSelectElement>document.getElementById('pass1')).focus();
+    this.wrongPass1Bool = true;
+    this.wrongPass2Bool = true;
+  }
+
+  validation() {
+    this.firstName = this.firstName.trim();
+    this.lastName = this.lastName.trim();
+    this.nickName = this.nickName.trim();
+    this.email = this.email.trim();
+
+    this.firstNameValidation();
+    this.lastNameValidation();
+    this.nickNameValidation();
+    this.emailValidation();
+    this.passwordValidation();
+
+    if (!(this.wrongFirstNameBool || this.wrongLastNameBool || this.wrongNickNameBool ||
+      this.wrongEmailBool || this.wrongPass1Bool || this.wrongPass2Bool)) { //sve ok, registruj ga
+
+      let user = {
+        firstName: this.firstName,
+        lastName: this.lastName,
+        nickName: this.nickName,
+        email: this.email,
+        password: this.pass1
+      }
+
+      this.authService.register(user)
+        .subscribe(
+          (response) => {
+            console.log(response);
+            /*if ()
+              this.router.navigate(['/login']); //registracija uspesna, idi na login
+            else if ()
+              alert('Nalog sa unetim email-om već postoji!');*/
+          }
+        );
+    }
+  }
+
+
+
+
+}