Are you familiar with FullCalendar's add-on called Scheduler? I'm attempting to integrate it with the PrimeNG-Schedule component but running into issues. According to the PrimeNG documentation, there is an 'options' property that allows me to pass custom information to FullCalendar.
Even though I am adding resources, they are not showing up on the calendar. Only the events are visible without any associated resources.
Your assistance would be greatly appreciated.
<p-schedule
[events]="myevents"
[header]="header"
[options]="optionConfig"
>
</p-schedule>Component
ngOnInit() {
this.resources=[
{ id: 'a', title: 'Room A'},
{ id: 'b', title: 'Room B', eventColor: 'green',"start": "2018-05-01" },
{ id: 'c', title: 'Room C', eventColor: 'orange',"start": "2018-05-01" },
{ id: 'd', title: 'Room D', eventColor: 'red',"start": "2018-05-01" }
];
this.myevents = [
{ id: '1', resourceId: 'a', start: '2018-04-06', end: '2018-04-08', title: 'event 1' },
{ id: '2', resourceId: 'a', start: '2018-04-07T09:00:00', end: '2018-04-07T14:00:00', title: 'event 2' },
{ id: '3', resourceId: 'b', start: '2018-04-07T12:00:00', end: '2018-04-08T06:00:00', title: 'event 3' },
{ id: '4', resourceId: 'c', start: '2018-04-07T07:30:00', end: '2018-04-07T09:30:00', title: 'event 4' },
{ id: '5', resourceId: 'd', start: '2018-04-07T10:00:00', end: '2018-04-07T15:00:00', title: 'event 5' }
];
this.optionConfig = {
"resources": this.resources
}
}
Please lend a helping hand in resolving this issue. Thank you.