import { Component, OnInit, Directive, TemplateRef, ContentChild, Input } from '@angular/core';

@Directive({
  selector: '[timelineList]'
})
export class TimeLineListTemplateDirective {
  constructor(public template: TemplateRef<any>) {}
}

@Component({
  selector: 'farris-timeline',
  templateUrl:'./timeline.component.html',
  styleUrls:[
    './timeline.component.scss'
  ]
})
export class TimelineComponent implements OnInit {

  @ContentChild(TimeLineListTemplateDirective, {read: TemplateRef}) timelineListTemplate: TemplateRef<any>;

  timelineData = [
    {
      "id":'1',
      "time":"2019-03-02"
    },
    {
      "id":'2',
      "time":"2019-07-02"
    }
  ]

  @Input() timelineListData;

  constructor() { }

  ngOnInit() {
    //console.log(this.timelineData);
  }

}