Invallers

src/app/components/team-display/team-display.component.ts

@@ -0,0 +1,32 @@
+import {Component, Input} from '@angular/core';
+import {Event} from '../../model/event';
+import {Tournament} from '../../model/tournament';
+import {PlayerDisplayComponent} from '../player-display/player-display.component';
+import {Team} from "../../model/team";
+
+@Component({
+  selector: 'app-team-display',
+  standalone: true,
+  imports: [PlayerDisplayComponent],
+  template: `
+    <app-player-display
+      [player]="team.player1"
+      [event]="event"
+      [tournament]="tournament">
+    </app-player-display>
+
+    @if (event.doublesEvent && team.player2) {
+      /
+      <app-player-display
+        [player]="team.player2"
+        [event]="event"
+        [tournament]="tournament">
+      </app-player-display>
+    }
+  `
+})
+export class TeamDisplayComponent {
+  @Input({ required: true }) team!: Team;
+  @Input({ required: true }) event!: Event;
+  @Input({ required: true }) tournament!: Tournament;
+}