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

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

@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();

  constructor(private router: Router) {

  }

  select() {
    this.userSelected.emit(this.user._id)
  }

  award() {
    this.userAward.emit(this.user._id)
  }

  delete() {
    this.userDelete.emit(this.user);
  }

}