frontend refactor done

frontend/src/app/Types/types.ts

@@ -2,7 +2,7 @@ export type User = {
     id: number;
     username: string;
     password: string;
-    type: string;
+    admin: boolean;
 };
 
 export type QandA = {

frontend/src/app/admin/admin.component.html

@@ -3,12 +3,12 @@
 <table>
     <thead>
         <th>Username</th>
-        <th>Type</th>
+        <th>Admin</th>
     </thead>
     <tbody>
         <tr *ngFor="let user of users">
             <td>{{user.username}}</td>
-            <td>{{user.type}}</td>
+            <td>{{user.admin}}</td>
             <td><button (click)="showUpdateModal(user)">UPDATE</button></td>
             <td><button (click)="deleteUser(user)">DELETE</button></td>
         </tr>

frontend/src/app/admin/admin.component.ts

@@ -53,6 +53,7 @@ export class AdminComponent implements OnInit {
     }
 
     showUpdateModal(user: User){
+      this.modalUpdate = false;
       this.userToEdit = user;
       this.modalUpdate = true;
     }

frontend/src/app/create-user/create-user.component.html

@@ -4,7 +4,7 @@
     <br>
     <input type="password" placeholder="Password" formControlName="password">
     <br>
-    <input type="type" placeholder="player" formControlName="type">
+    <label>Admin</label><input type="checkbox" formControlName="admin">
     <br>
     <button type="submit">Create</button><button (click)="closeModal.emit()">Close</button>
 </form>
\ No newline at end of file

frontend/src/app/create-user/create-user.component.ts

@@ -19,20 +19,20 @@ export class CreateUserComponent {
     this.createUser = new FormGroup({
       username: new FormControl('', Validators.required),
       password: new FormControl('', Validators.required),
-      type: new FormControl('player', Validators.required)
+      admin: new FormControl(false, Validators.required)
     });
   }
 
   onSubmit() {
     const username = this.createUser.get("username")!.value;
     const password = this.createUser.get("password")!.value;
-    const type = this.createUser.get("type")!.value;
+    const type = this.createUser.get("admin")!.value;
 
     const user: User = {
       id: undefined,
       username : username,
       password: password,
-      type: type
+      admin: type
     }
 
     this.userController.addUserAdmin(user);

frontend/src/app/services/authentication.service.ts

@@ -59,7 +59,7 @@ export class AuthenticationService {
     
     if (user === null)
       return false;
-    return user.type === 'admin';
+    return user.admin;
   }
 
   getUsername(): string {

frontend/src/app/signup/signup.component.ts

@@ -30,7 +30,7 @@ export class SignupComponent {
   onSubmit(): void {
     const user: User = {
       id: undefined,
-      type: undefined,
+      admin: undefined,
       username: this.signupForm.get('username')!.value,
       password: this.signupForm.get('password')!.value
     }

frontend/src/app/update-user/update-user.component.html

@@ -2,7 +2,7 @@
 <form [formGroup]="updateUser" (ngSubmit)="onSubmit()">
     <input type="text" formControlName="username">
     <br>
-    <input type="text" formControlName="type">
+    <label>Admin</label><input type="checkbox" formControlName="admin">
     <br>
     <button type="submit">Update</button><button (click)="closeModal.emit();">Close</button>
 </form>
\ No newline at end of file

frontend/src/app/update-user/update-user.component.ts

@@ -20,19 +20,20 @@ export class UpdateUserComponent implements OnInit {
   ngOnInit(): void {
     this.updateUser = new FormGroup({
       username: new FormControl(this.user.username, Validators.required),
-      type: new FormControl(this.user.type, Validators.required)
+      admin: new FormControl(this.user.admin, Validators.required)
     });
   }
 
   onSubmit() {
     const username = this.updateUser.get("username")!.value;
-    const type = this.updateUser.get("type")!.value;
+    
+    const type = this.updateUser.get("admin")!.value;
 
     const userToEdit: User = {
       id: this.user.id,
       username : username,
       password: undefined,
-      type: type
+      admin: type
     }
 
     this.userController.updateUser(userToEdit);