From cd2188997ff4cbcce83e3cada3fc220375ebc78e Mon Sep 17 00:00:00 2001
From: Sonja Galovic <galovicsonja@gmail.com>
Date: Sat, 5 Mar 2022 22:03:03 +0100
Subject: Login and Register page - v. 0.1.0

---
 .../register-page/register-page.component.ts       | 151 +++++++++++++++++++++
 1 file changed, 151 insertions(+)
 create mode 100644 frontend/src/app/_pages/register-page/register-page.component.ts

(limited to 'frontend/src/app/_pages/register-page/register-page.component.ts')

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..d51358de
--- /dev/null
+++ b/frontend/src/app/_pages/register-page/register-page.component.ts
@@ -0,0 +1,151 @@
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { Router } from '@angular/router';
+import { AuthService } from 'src/app/_services/auth.service';
+import { RegisterService } from 'src/app/_services/register.service';
+
+@Component({
+  selector: 'app-register-page',
+  templateUrl: './register-page.component.html',
+  styleUrls: ['./register-page.component.css']
+})
+export class RegisterPageComponent implements OnInit {
+
+  public pageLoaded: boolean = false;
+
+  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 activatedRoute: ActivatedRoute,
+    private router: Router,
+    private authService: AuthService,
+    private registerService: RegisterService
+  ) { }
+
+  ngOnInit(): void {
+    /*this.authService.checkAccess(this.activatedRoute, this,
+      (self: any) => 
+      {
+        self.pageLoaded = true;
+      }
+    );*/
+  }
+
+  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.registerService.createUser(user, this)
+          .subscribe(
+            (response) => {
+              if ()
+                this.router.navigate(['/login']); //registracija uspesna, idi na login
+              else if ()
+                alert('Nalog sa unetim email-om već postoji!');
+            }
+          );
+          */
+      }
+  }
+
+
+
+
+}
-- 
cgit v1.2.3