progress for login feature

src/app/component/login/login.component.html

@@ -1,7 +1,7 @@
 <div class="h-screen w-screen flex items-center justify-center">
   <div class="max-w-md py-12">
 
-    <div class="bg-white px-6 py-8 rounded-lg shadow-md w-[400px]">
+    <div class="bg-white px-6 py-8 rounded-lg shadow-md w-[400px]" *ngIf="login">
 
       <h2 class="text-center text-2xl font-bold mb-8">Accedi</h2>
 
@@ -27,5 +27,31 @@
 
     </div>
 
+    <div class="bg-white px-6 py-8 rounded-lg shadow-md w-[400px]" *ngIf="!login">
+
+      <h2 class="text-center text-2xl font-bold mb-8">Registrati</h2>
+
+      <form>
+
+        <div class="mb-4">
+          <label for="emails" class="block text-gray-700 font-bold mb-2">Email:</label>
+          <input type="emails" id="emails" name="email" placeholder="Inserisci username"
+                 class="w-full px-4 py-2 rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-600 focus:border-transparent">
+        </div>
+
+        <div class="mb-4">
+          <label for="passwords" class="block text-gray-700 font-bold mb-2">Password:</label>
+          <input type="passwords" id="passwords" name="password" placeholder="Inserisci la tua password"
+                 class="w-full px-4 py-2 rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-600 focus:border-transparent">
+        </div>
+
+        <div class="mb-4">
+          <button type="submit" class="btn gap-2 border-primary bg-primary text-secondary hover:bg-secondary hover:text-primary hover:border-primary py-2 w-full">Accedi</button>
+        </div>
+
+      </form>
+
+    </div>
+
   </div>
 </div>

src/app/component/login/login.component.ts

@@ -3,6 +3,8 @@ import {Router} from "@angular/router";
 import {TranslateService} from "../../service/language/translate.service";
 import {ReadTranslateJsonService} from "../../service/language/readTranslateJson.service";
 import {cookieService} from "../../service/cookie.service";
+import {UserService} from "../../service/http/user.service";
+import {UserEntity} from "../../interface/UserEntity";
 
 @Component({
   selector: 'app-login',
@@ -11,21 +13,61 @@ import {cookieService} from "../../service/cookie.service";
 })
 export class LoginComponent implements OnInit {
 
+  newUser: { username: string; password: string; } = {username: '', password: ''};
+  username: string = '';
+  users: UserEntity[] | undefined;
+  login: boolean = true;
+  errorCreateUser: boolean = false;
+  errorLogin: boolean = false;
+
   constructor(
     private router: Router,
     private translateService: TranslateService,
     private readTranslationJsonService: ReadTranslateJsonService,
+    private userService: UserService,
     private cookieService: cookieService,
   ) {
   }
 
   ngOnInit(): void {
-
+    if (this.cookieService.getUsername() != null) {
-
+      this.router.navigate(['/home']);
+    }
   }
 
-  submit(username: string, password: string) {
+  createNewUser(username: string, password: string) {
-
+    this.userService.getUsers().subscribe(users => {
+      this.users = users;
+      for (let i = 0; i < this.users.length; i++) {
+        if (this.users[i].username == username) {
+          this.errorCreateUser = true;
+        }
+      }
+      this.newUser.username = username;
+      this.newUser.password = password;
+      this.userService.createUser(this.newUser).subscribe(user => {
+        this.cookieService.setUsername(username);
+        this.router.navigate(['/management']);
+      });
+    });
   }
 
+  loginFunction(username: string, password: string) {
+    this.userService.getUser(username).subscribe(user => {
+      if (user.password == password) {
+        this.cookieService.setUsername(username);
+        this.router.navigate(['/management']);
+      } else {
+        this.errorLogin = true;
+      }
+    });
+  }
+
+  switch() {
+    if (this.login) {
+      this.login = false;
+    } else {
+      this.login = true;
+    }
+  }
 }

src/app/interface/UserEntity.ts

@@ -1,8 +1,6 @@
 export interface UserEntity {
     id?: number;
-    name: string;
     username: string;
     password: string;
-
+    admin?: boolean;
-
 }