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

import {ChangeDetectionStrategy, Component, EventEmitter, Input, Output} from '@angular/core';
import {User} from '../../../models/model-interfaces';
import {Fraction} from '../../../utils/fraction.enum';
import {LoginService} from '../../../services/app-user-service/login-service';

@Component({
  selector: 'cc-user-item',
  templateUrl: './user-item.component.html',
  styleUrls: ['./user-item.component.scss'],
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class UserItemComponent {

  @Input() user: User;

  @Input() selected: boolean;

  @Output() userSelected = new EventEmitter();
  @Output() userAward = new EventEmitter();
  @Output() userDelete = new EventEmitter();

  readonly fraction = Fraction;

  constructor(public loginService: LoginService) {
  }

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

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

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