opt-cc/static/src/app/squads/squad-list/squad-item.component.ts

42 lines
920 B
TypeScript

import {ChangeDetectionStrategy, Component, EventEmitter} from "@angular/core";
import {Squad} from "../../models/model-interfaces";
import {Fraction} from "../../utils/fraction.enum";
@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;
readonly fraction = Fraction;
constructor() {
}
ngOnInit() {
this.imageSrc = 'resource/squad/' + this.squad._id + '.png?' + Date.now();
}
select() {
this.squadSelected.emit(this.squad._id)
}
delete() {
this.squadDelete.emit(this.squad);
}
}