import {ChangeDetectionStrategy, Component, EventEmitter} from "@angular/core";
import {Router} from "@angular/router";
import {Squad} from "../../models/model-interfaces";

@Component({
  selector: 'pjm-squad-item',
  templateUrl: './squad-item.component.html',
  styleUrls: ['./squad-item.component.css', '../../style/list-entry.css'],
  changeDetection: ChangeDetectionStrategy.OnPush,
  inputs: ['squad', 'selected'],
  outputs: ['squadSelected', 'squadDelete'],
})
export class SquadItemComponent {

  selected: boolean;
  squad: Squad;

  squadSelected = new EventEmitter();
  squadDelete = new EventEmitter();

  imageSrc;

  constructor(private router: Router) {
  }

  ngOnInit() {
    this.imageSrc = 'resource/squad/' + this.squad._id + '.png?' + Date.now();
  }

  select() {
    this.squadSelected.emit(this.squad._id)
  }

  delete() {
    this.squadDelete.emit(this.squad);
  }

}