Spelerslijst op elke pagina

src/app/components/tournament-manage/tournament-manage.component.html

@@ -20,6 +20,21 @@
             </ng-template>
             <app-tournament-validate></app-tournament-validate>
           </mat-tab>
+          <mat-tab>
+            <ng-template mat-tab-label>
+              <mat-icon>settings</mat-icon>
+              &nbsp;Beheer
+            </ng-template>
+            <mat-tab-group animationDuration="0ms" disableRipple="true">
+              <mat-tab>
+                <ng-template mat-tab-label>
+                  <mat-icon>group</mat-icon>
+                  &nbsp;Spelerslijst
+                </ng-template>
+                <app-tournament-players [tournament]="tournament"></app-tournament-players>
+              </mat-tab>
+            </mat-tab-group>
+          </mat-tab>
         }
 
         @if (tournament.status == 'DIVIDED') {
@@ -97,6 +112,21 @@
               }
             }
           </mat-tab>
+          <mat-tab>
+            <ng-template mat-tab-label>
+              <mat-icon>settings</mat-icon>
+              &nbsp;Beheer
+            </ng-template>
+            <mat-tab-group animationDuration="0ms" disableRipple="true">
+              <mat-tab>
+                <ng-template mat-tab-label>
+                  <mat-icon>group</mat-icon>
+                  &nbsp;Spelerslijst
+                </ng-template>
+                <app-tournament-players [tournament]="tournament"></app-tournament-players>
+              </mat-tab>
+            </mat-tab-group>
+          </mat-tab>
         }
 
         @if (tournament.status == 'ONGOING') {

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

@@ -3,18 +3,24 @@
     <thead>
     <tr>
       <th>Naam</th>
-      <th>Wedstrijden geteld</th>
+      @if (tournament.status == 'ONGOING') {
+        <th>Wedstrijden geteld</th>
+      }
       <th>Onderdelen</th>
       <th>Kosten</th>
       <th>Betaald</th>
-      <th>Aanwezig</th>
+      @if (tournament.status == 'ONGOING') {
+        <th>Aanwezig</th>
+      }
     </tr>
     </thead>
     <tbody>
       @for (tournamentPlayer of tournament.tournamentPlayers; track tournamentPlayer.playerId) {
         <tr>
           <td>{{ tournamentPlayer.name }}</td>
-          <td>{{ tournamentPlayer.counts }}</td>
+          @if (tournament.status == 'ONGOING') {
+            <td>{{ tournamentPlayer.counts }}</td>
+          }
           <td>
             @for (event of tournamentPlayer.events; track event) {
               {{ event }}&nbsp;
@@ -32,15 +38,17 @@
               }
             </mat-slide-toggle>
           </td>
-          <td>
+          @if (tournament.status == 'ONGOING') {
-            <mat-slide-toggle [(ngModel)]="tournamentPlayer.present" (change)="playerPresent($event, tournamentPlayer.playerId)">
+            <td>
-              @if (tournamentPlayer.present) {
+              <mat-slide-toggle [(ngModel)]="tournamentPlayer.present" (change)="playerPresent($event, tournamentPlayer.playerId)">
-                Aanwezig
+                @if (tournamentPlayer.present) {
-              } @else {
+                  Aanwezig
-                Nog niet aanwezig
+                } @else {
-              }
+                  Nog niet aanwezig
-            </mat-slide-toggle>
+                }
-          </td>
+              </mat-slide-toggle>
+            </td>
+          }
         </tr>
       }
     </tbody>