DnpTimegrid

This library will generate a github style calendar grid.

Component

selector: 'lib-dnp-timegrid',

@Input() data$: Observable<TimeGrid.Record[]>; @Input() config: TimeGrid.Config; @Input() scale ? = chroma.scale(['#ddd','#dbdff1', '#3f51b5']).domain([0,1, 15]); @ViewChild('timeGrid', { static: true }) timeGrid: ElementRef;

Configurations

export class Config {

domId?: string = '#gantt';
dateAttrs: {start:string, end: string} = {start:'Start', end:'End'};
showCount: boolean = false;
box?: {
  height?: number;
  width?: number;
} = { height: 20};

dimension?: { width?: number; height?: number } = {
  width: 800,
  height: 300
};
labels?: { width: number, height: number} = { width: 25, height: 25};
date?: {
  format?: {  momentIn: string };
} = {
  format: { momentIn: 'YYYY-MM-DD' }
};
tooltip ? : { show: boolean, attrs?: string[], func?: Function} = {show: true};
events?: { click?: Subject<any> };

}