From b48623f77ec83a2f7aac422160541ef8524ca04f Mon Sep 17 00:00:00 2001
From: Michel ten Voorde <michel.tenvoorde@kadaster.nl>
Date: Fri, 8 Nov 2024 10:39:21 +0100
Subject: [PATCH] Sort players by id

---
 src/app/components/player-list/player-list.component.html | 6 +++---
 src/app/components/player-list/player-list.component.ts   | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/components/player-list/player-list.component.html b/src/app/components/player-list/player-list.component.html
index a616903..369d1e3 100644
--- a/src/app/components/player-list/player-list.component.html
+++ b/src/app/components/player-list/player-list.component.html
@@ -5,9 +5,9 @@
       <input matInput (keyup)="filterPlayersList($event)" #input>
     </mat-form-field>
     <div>
-      <table mat-table [dataSource]="dataSource" matSort matSortActive="name" matSortDirection="asc">
-        <ng-container matColumnDef="position">
-          <th mat-header-cell *matHeaderCellDef>#</th>
+      <table mat-table [dataSource]="dataSource" matSort matSortActive="id" matSortDirection="asc">
+        <ng-container matColumnDef="id">
+          <th mat-header-cell *matHeaderCellDef mat-sort-header>#</th>
           <td mat-cell *matCellDef="let player">{{ player.id }}</td>
         </ng-container>
         <ng-container matColumnDef="name">
diff --git a/src/app/components/player-list/player-list.component.ts b/src/app/components/player-list/player-list.component.ts
index 4debf0a..51855de 100644
--- a/src/app/components/player-list/player-list.component.ts
+++ b/src/app/components/player-list/player-list.component.ts
@@ -34,7 +34,7 @@ export class PlayerListComponent implements AfterViewInit {
 
   players: Player[];
 
-  displayedColumns: string[] = ['position', 'name', 'sex', 'club', 'action'];
+  displayedColumns: string[] = ['id', 'name', 'sex', 'club', 'action'];
   dataSource: MatTableDataSource<Player>
   @ViewChild(MatPaginator) paginator: MatPaginator;
   @ViewChild(MatSort) sort: MatSort;
@@ -53,9 +53,9 @@ export class PlayerListComponent implements AfterViewInit {
       this.dataSource.paginator = this.paginator;
       this.dataSource.sortingDataAccessor = (item, header) => {
         switch (header) {
+          case 'id': return item.id;
           case 'club': return item.club;
           default: return item.lastName + item.firstName;
-          // case 'name': return this.fullNamePipe.transform(item);
         }
       }
       this.dataSource.sort = this.sort;