Move to new server

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

@@ -0,0 +1,45 @@
+<mat-card appearance="outlined" *ngIf="tournament">
+  <mat-card-header>
+    <h5>Indeling voor {{ tournament.name }}</h5>
+  </mat-card-header>
+  <mat-card-content>
+    <mat-card *ngFor="let event of tournament.events" appearance="outlined" class="m-3">
+      <mat-card-header>
+        <h6>Indeling {{ TournamentEvent.getType(event.type) }}</h6>
+      </mat-card-header>
+      <mat-card-content>
+        <mat-accordion multi="true">
+          <mat-expansion-panel *ngFor="let group of event.groups">
+            <mat-expansion-panel-header>
+              <mat-panel-title>
+                {{ group.name }}&nbsp;<span class="badge text-bg-success">{{ group.teams.length }}</span>
+              </mat-panel-title>
+            </mat-expansion-panel-header>
+            <table class="table {{ event.doublesEvent ? 'w-100' : 'w-50' }}">
+              <thead class="thead-dark">
+              <tr>
+                <th scope="col" class="w-20">Naam</th>
+                <th scope="col" class="w-20">Club</th>
+                <th scope="col" class="w-10">Speelsterkte</th>
+                <th *ngIf="event.doublesEvent" scope="col" class="w-20">Partner</th>
+                <th *ngIf="event.doublesEvent" scope="col" class="w-20">Club</th>
+                <th *ngIf="event.doublesEvent" scope="col" class="w-10">Speelsterkte</th>
+              </tr>
+              </thead>
+              <tbody>
+              <tr *ngFor="let team of group.teams">
+                <td class="align-middle">{{ team.player1 | fullName }}</td>
+                <td class="align-middle">{{ team.player1.club }}</td>
+                <td class="align-middle">{{ getStrength(team.player1.strength.valueOf()) }}</td>
+                <td *ngIf="event.doublesEvent" class="align-middle">{{ team.player2 | fullName }}</td>
+                <td *ngIf="event.doublesEvent" class="align-middle">{{ team.player2.club }}</td>
+                <td *ngIf="event.doublesEvent" class="align-middle">{{ getStrength(team.player2.strength.valueOf()) }}</td>
+              </tr>
+              </tbody>
+            </table>
+          </mat-expansion-panel>
+        </mat-accordion>
+      </mat-card-content>
+    </mat-card>
+  </mat-card-content>
+</mat-card>

src/app/components/tournament-divide/tournament-divide.component.scss

@@ -0,0 +1,3 @@
+td, th {
+  background-color: transparent !important;
+}

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

@@ -0,0 +1,65 @@
+import {Component, OnInit} from '@angular/core';
+import {Tournament} from "../../model/tournament";
+import {TournamentService} from "../../service/tournament.service";
+import {ActivatedRoute, Router} from "@angular/router";
+import {TournamentDivision} from "../../model/tournamentDivision";
+import {MatCard, MatCardContent, MatCardHeader} from "@angular/material/card";
+import {KeyValuePipe, NgForOf, NgIf} from "@angular/common";
+import {
+  MatAccordion,
+  MatExpansionPanel,
+  MatExpansionPanelHeader,
+  MatExpansionPanelTitle
+} from "@angular/material/expansion";
+import {Event} from "../../model/event";
+import {Player, Strength} from "../../model/player";
+import {EventDivision} from "../../model/eventDivision";
+import {FullNamePipe} from "../../pipes/fullname-pipe";
+
+@Component({
+  selector: 'app-tournament-divide',
+  standalone: true,
+  imports: [
+    MatCard,
+    MatCardHeader,
+    NgIf,
+    MatCardContent,
+    MatExpansionPanel,
+    MatExpansionPanelTitle,
+    MatExpansionPanelHeader,
+    NgForOf,
+    KeyValuePipe,
+    FullNamePipe,
+    MatAccordion
+  ],
+  templateUrl: './tournament-divide.component.html',
+  styleUrl: './tournament-divide.component.scss'
+})
+export class TournamentDivideComponent implements OnInit {
+  tournament?: Tournament;
+
+  constructor(
+    private tournamentService: TournamentService,
+    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;
+    });
+    // this.tournamentService.getDivision(Number(id)).subscribe(data => {
+    //   this.tournamentDivision = data;
+    // });
+  }
+
+  protected readonly TournamentEvent = Event;
+
+  getStrength(strength: string) {
+    for (let [key, value] of Object.entries(Strength)) {
+      if (key == strength) return value;
+    }
+    return "";
+  }
+}