feat: small changes to user table

macite · Nov 7, 2023 · 18957ac · 18957ac
1 parent 8cecf1e
commit 18957ac
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 9 deletions.
diff --git a/src/app/admin/states/f-users/f-users.component.html b/src/app/admin/states/f-users/f-users.component.html
@@ -14,17 +14,12 @@ <h3>Users Administration View</h3>
   <!-- Table -->
   <table class="f-table selectable" mat-table [dataSource]="dataSource" matSort (matSortChange)="sortData($event)">
     <ng-container matColumnDef="avatar">
-      <th mat-header-cell *matHeaderCellDef>Avatar</th>
+      <th mat-header-cell *matHeaderCellDef></th>
       <td mat-cell *matCellDef="let user" (click)="showUserModal(user)">
         <user-icon fxFlexAlign="center" [user]="user" [size]="30"></user-icon>
       </td>
     </ng-container>
 
-    <ng-container matColumnDef="id">
-      <th mat-header-cell *matHeaderCellDef mat-sort-header>User ID</th>
-      <td mat-cell *matCellDef="let user" (click)="showUserModal(user)">{{ user.id }}</td>
-    </ng-container>
-
     <ng-container matColumnDef="firstName">
       <th mat-header-cell *matHeaderCellDef mat-sort-header>First Name</th>
       <td mat-cell *matCellDef="let user" (click)="showUserModal(user)">{{ user.firstName }}</td>
@@ -36,12 +31,12 @@ <h3>Users Administration View</h3>
     </ng-container>
 
     <ng-container matColumnDef="username">
-      <th mat-header-cell *matHeaderCellDef>Username</th>
+      <th mat-header-cell *matHeaderCellDef mat-sort-header>Username</th>
       <td mat-cell *matCellDef="let user" (click)="showUserModal(user)">{{ user.username }}</td>
     </ng-container>
 
     <ng-container matColumnDef="email">
-      <th mat-header-cell *matHeaderCellDef>Email</th>
+      <th mat-header-cell *matHeaderCellDef mat-sort-header>Email</th>
       <td mat-cell *matCellDef="let user" (click)="showUserModal(user)">
         <a href="mailto: {{ user.email }}">{{ user.email }}</a>
       </td>

diff --git a/src/app/admin/states/f-users/f-users.component.ts b/src/app/admin/states/f-users/f-users.component.ts
@@ -18,7 +18,7 @@ export class FUsersComponent implements AfterViewInit, OnDestroy {
   @ViewChild(MatSort, { static: false }) sort: MatSort;
   @ViewChild(MatPaginator, { static: false }) paginator: MatPaginator;
 
-  displayedColumns: string[] = ['avatar', 'id', 'firstName', 'lastName', 'username', 'email', 'systemRole'];
+  displayedColumns: string[] = ['avatar', 'firstName', 'lastName', 'username', 'email', 'systemRole'];
   public dataSource: MatTableDataSource<User>;
   public filter: string;
   dataload: boolean;