adds delete user button to user administration (#669)

Author: sei-aschlackman

src/app/components/admin-app/admin-user-search/admin-user-search.component.html

@@ -86,6 +86,23 @@
         </mat-cell>
       </ng-container>
 
+      <ng-container matColumnDef="actions">
+        <mat-header-cell *matHeaderCellDef> Actions </mat-header-cell>
+        <mat-cell *matCellDef="let element">
+          <button
+            mat-icon-button
+            color="primary"
+            (click)="deleteUser(element)"
+            title="Delete User"
+          >
+            <mat-icon
+              class="mdi-24px"
+              fontIcon="mdi-delete-forever-outline"
+            ></mat-icon>
+          </button>
+        </mat-cell>
+      </ng-container>
+
       <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
       <mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
     </mat-table>

src/app/components/admin-app/admin-user-search/admin-user-search.component.ts

@@ -10,6 +10,7 @@ import { MatSort, MatSortable } from '@angular/material/sort';
 import { MatTableDataSource } from '@angular/material/table';
 import { User, UserService, RoleService } from '../../../generated/player-api';
 import { RolesService } from '../../../services/roles/roles.service';
+import { DialogService } from '../../../services/dialog/dialog.service';
 
 export interface Action {
   Value: string;
@@ -23,7 +24,7 @@ export interface Action {
     standalone: false
 })
 export class AdminUserSearchComponent implements OnInit, AfterViewInit {
-  public displayedColumns: string[] = ['name', 'roleName'];
+  public displayedColumns: string[] = ['name', 'roleName', 'actions'];
   public filterString: string;
 
   public editUserText = 'Edit User';
@@ -42,7 +43,8 @@ export class AdminUserSearchComponent implements OnInit, AfterViewInit {
 
   constructor(
     private userService: UserService,
-    private rolesService: RolesService
+    private rolesService: RolesService,
+    private dialogService: DialogService
   ) {}
 
   /**
@@ -110,4 +112,28 @@ export class AdminUserSearchComponent implements OnInit, AfterViewInit {
       this.isLoading = false;
     });
   }
+
+  /**
+   * Deletes a user after confirmation
+   * @param user The user to delete
+   */
+  deleteUser(user: User) {
+    this.dialogService
+      .confirm(
+        'Delete User?',
+        `Are you sure you want to delete ${user.name || user.id}?`,
+        {
+          buttonTrueText: 'Delete',
+          buttonFalseText: 'Cancel',
+        }
+      )
+      .subscribe((result) => {
+        if (result.confirm) {
+          this.userService.deleteUser(user.id).subscribe(() => {
+            // Refresh the users list after successful deletion
+            this.refreshUsers();
+          });
+        }
+      });
+  }
 }