Added tournament-players component

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

@@ -0,0 +1,55 @@
+import {Component, OnInit} from '@angular/core';
+import {MatCard, MatCardContent, MatCardHeader} from "@angular/material/card";
+import {CurrencyPipe} from "@angular/common";
+import {MatSlideToggle, MatSlideToggleChange} from "@angular/material/slide-toggle";
+import {TournamentService} from "../../service/tournament.service";
+import {ActivatedRoute, Router} from "@angular/router";
+import {Tournament} from "../../model/tournament";
+import {FormsModule} from "@angular/forms";
+import {MatSnackBar} from "@angular/material/snack-bar";
+
+@Component({
+  selector: 'app-tournament-players',
+  imports: [
+    MatCard,
+    MatCardContent,
+    MatCardHeader,
+    // MatIcon,
+    CurrencyPipe,
+    MatSlideToggle,
+    FormsModule
+  ],
+  templateUrl: './tournament-players.component.html',
+  styleUrl: './tournament-players.component.scss'
+})
+export class TournamentPlayersComponent implements OnInit {
+
+  tournament: Tournament;
+
+  constructor(
+    private tournamentService: TournamentService,
+    private _snackBar: MatSnackBar,
+    private route: ActivatedRoute,
+    private router: Router,
+  ) {}
+
+  ngOnInit() {
+    const id = this.route.snapshot.paramMap.get('id');
+    this.tournamentService.getById(Number(id)).subscribe(data => {
+      this.tournament = data;
+    });
+  }
+
+  playerPaid($event: MatSlideToggleChange, playerId: number) {
+    this.tournamentService.playerPaid(this.tournament.id, playerId, $event.checked).subscribe(() => {
+      this._snackBar.open('Opgeslagen.');
+    });
+  }
+
+  playerPresent($event: MatSlideToggleChange, playerId: number) {
+    this.tournamentService.playerPresent(this.tournament.id, playerId, $event.checked).subscribe(() => {
+      this._snackBar.open('Opgeslagen.');
+    });
+  }
+
+}