KST-13: Accept user

src/app/core/users/users.component.html

@@ -9,8 +9,21 @@
     <div class='border-top mt-3 pt-3' *ngIf='!users'>
       Nincs
     </div>
-    <div class='border-top mt-3 pt-3' *ngFor='let user of users; TrackBy: trackById'>
-      {{user.fullName}} - {{user.email}}
+    <div class='border-top mt-3 pt-3 d-flex justify-content-between' *ngFor='let user of users; TrackBy: trackById'>
+      <div>
+        <div>
+          {{user.fullName}} - {{user.schacc}}
+        </div>
+        <div>
+          {{user.email}}
+        </div>
+      </div>
+      <div>
+        {{user.isApproved ? "Elfogadott": "Jelentkezett"}}
+        <button class='btn btn-link' *ngIf='!user.isApproved'
+                (click)='approve(user.id)'>Elfogadás
+        </button>
+      </div>
     </div>
   </div>
   <div class='mt-3'>

src/app/core/users/users.component.ts

@@ -17,15 +17,24 @@ export class UsersComponent implements OnInit {
   constructor(private usersService: UsersService) {}
 
   ngOnInit(): void {
-    this.usersService.listUsers().subscribe((u) => {
+    this.usersService.listUsers().subscribe(
+      (u) => {
         this.users = u;
         this.isLoading = false;
-    }, error => {
+      },
+      (error) => {
         this.isLoading = false;
-    });
+      }
+    );
   }
 
   public trackById(index: number, item: User): number {
     return item.id;
   }
+
+  approve(userId: number): void {
+    this.usersService.approveUser(userId).subscribe((u) => {
+      window.location.reload();
+    });
+  }
 }