import { Component, Input, Output, EventEmitter, OnInit } from '@angular/core';

@Component({
  selector: 'rating-cmp',
  templateUrl: './rating.component.html',
  styleUrls: ['./rating.component.css']
})
export class RatingComponent implements OnInit {
  @Input() rating: number;
  @Output() ratingClick: EventEmitter<any> = new EventEmitter<any>();
  constructor() { }

  inputName: string;
  itemId: number = 1;
  ngOnInit() {
      this.inputName = this.itemId + '_rating';
      
  }

  onClick(rating: number): void {
    this.rating = rating;
      this.ratingClick.emit({rating});
  }

}