opt-cc/static/src/app/users/user-list/user-item.component.ts

41 lines
894 B
TypeScript

import {ChangeDetectionStrategy, Component, EventEmitter} from "@angular/core";
import {User} from "../../models/model-interfaces";
import {Fraction} from "../../utils/fraction.enum";
@Component({
selector: 'pjm-user-item',
templateUrl: './user-item.component.html',
styleUrls: ['./user-item.component.css', '../../style/list-entry.css'],
changeDetection: ChangeDetectionStrategy.OnPush,
inputs: ['user', 'selected'],
outputs: ['userSelected', 'userAward', 'userDelete']
})
export class UserItemComponent {
selected: boolean;
user: User;
userSelected = new EventEmitter();
userAward = new EventEmitter();
userDelete = new EventEmitter();
readonly fraction = Fraction;
constructor() {
}
select() {
this.userSelected.emit(this.user._id)
}
award() {
this.userAward.emit(this.user._id)
}
delete() {
this.userDelete.emit(this.user);
}
}