Invallers

src/app/components/substitute-selection/substitute-selection.component.html

@@ -9,9 +9,9 @@
         <mat-form-field appearance="fill">
           <mat-label>Invaller</mat-label>
           <mat-select [(ngModel)]="substitution.substitute">
-            <mat-option>Geen</mat-option>
-            @for (player of data.availablePlayers; track player.playerId) {
-              <mat-option [value]="player">
+            <mat-option [value]="-1">Geen</mat-option>
+            @for (player of data.availablePlayers; track player.id) {
+              <mat-option [value]="player.id">
                 {{ player.name }}
               </mat-option>
             }

src/app/components/substitute-selection/substitute-selection.component.ts

@@ -5,10 +5,10 @@ import {
   MatDialogActions,
   MatDialogClose,
   MatDialogContent,
-  MatDialogRef, MatDialogTitle
+  MatDialogRef,
+  MatDialogTitle
 } from "@angular/material/dialog";
-import {MatFormField} from "@angular/material/form-field";
-import {MatLabel} from "@angular/material/form-field";
+import {MatFormField, MatLabel} from "@angular/material/form-field";
 import {MatOption, MatSelect} from "@angular/material/select";
 import {TournamentPlayer} from "../../model/tournamentPlayer";
 import {FormsModule} from "@angular/forms";
@@ -29,7 +29,8 @@ import {Event} from "../../model/event";
     MatDialogClose,
   ],
   templateUrl: './substitute-selection.component.html',
-  styleUrl: './substitute-selection.component.scss'
+  styleUrl: './substitute-selection.component.scss',
+  standalone: true
 })
 export class SubstituteSelectionComponent {
 

src/app/components/tournament-players/tournament-players.component.ts

@@ -83,6 +83,7 @@ export class TournamentPlayersComponent implements OnInit {
         console.log(result.substitutions[1].event + ': ' + result.substitutions[1].substitute);
         this.tournamentService.playerSubstitute(this.tournament.id, player.playerId, result.substitutions).subscribe(data => {
           this.tournament = data;
+          console.log(this.tournament);
         });
       }
     });