team-management-dashboard.component.ts

import { Component, Input, OnInit } from '@angular/core';
import { MatDialog, MatDialogConfig } from '@angular/material/dialog';
import { Player } from 'src/app/models/player';
import { Team } from 'src/app/models/team';
import { PlayerService } from 'src/app/services/player.service';
import { HireNewPlayerDialogComponent } from '../hire-new-player-dialog/hire-new-player-dialog.component';
import { HireVeteranPlayerDialogComponent } from '../hire-veteran-player-dialog/hire-veteran-player-dialog.component';

@Component({
  selector: 'app-team-management-dashboard',
  templateUrl: './team-management-dashboard.component.html',
  styleUrls: ['./team-management-dashboard.component.css']
})
export class TeamManagementDashboardComponent implements OnInit {

  // TODO remove default
  @Input() team: Team = {id: 1, name: 'Toronto Maple Leafs'};

  players!: Player[]; 

  refreshed: boolean = false;

  selectedPlayerID: number = -1;

  constructor(
    private playerService: PlayerService, 
    private dialog: MatDialog
  ) { }

  ngOnInit(): void {
    this.getPlayers();
  }

  getPlayers() {
    this.playerService.getPlayersForTeam(this.team.id)
      .subscribe(players => this.players = players);
  }

  onSelectPlayerRow(id: number) : void {
    this.selectedPlayerID = id;
  }

  handleHireNewPlayerClick() {
    const dialogConfig = new MatDialogConfig();
    dialogConfig.data = {
      team: this.team
    };
    const dialogRef = this.dialog.open(HireNewPlayerDialogComponent, dialogConfig);
    dialogRef.afterClosed().subscribe(data => this.onHireNewPlayerClose(data));
  }

  handleHireVeteranPlayerClick() {
    const dialogConfig = new MatDialogConfig();
    dialogConfig.data = {
      team: this.team
    };
    const dialogRef = this.dialog.open(HireVeteranPlayerDialogComponent, dialogConfig);
    dialogRef.afterClosed().subscribe(data => this.onHireNewPlayerClose(data));
  }

  handleFirePlayerClick() {
    if (this.selectedPlayerID != -1) {
      this.playerService.firePlayer(this.selectedPlayerID);
      this.getPlayers();
    }
  }

  onHireNewPlayerClose(data: boolean | null): void {
    if (data != null || data) {
      this.getPlayers();
      this.refreshed = !this.refreshed;
    }
  }
}