Our powerful JS Calendar component


Post by abhi »

Hi,

Wanted to integrated calendar scheduler timeline as per below example
https://bryntum.com/examples/calendar/calendar-scheduler/

I have used example data.json where staff is getting displayed but with zero events. Not sure what i m doing in config. Can please help me on this?

Mode timeline has same config as example. Also using example data.json

"@bryntum/calendar": "5.0.3",
"@bryntum/calendar-angular": "5.0.3"

Image


Post by alex.l »

Hi abhi,

Please share your application, we will debug it and help you with that problem.

All the best,
Alex


Post by abhi »

Hi Alex,

Sorry was delayed response. I wont be able to share application. But i know issue is with assignments. Currently i m using eventStore, i changed it to resourceStore but still in template i m not able to mention assignments attribute.

Example:

<bryntum-calendar
  [events]              = "events"
  [resources]           = "resources"
  ---- [assignments] = "assignments" --- unable to add this here
  [date]                = "calendarConfig.date"
  [modes]               = "calendarConfig.modes"
  (onCatchAll)          = "onCalendarEvents($event)"
  [sidebar]             = "calendarConfig.sidebar"
  [mode]                = "calendarConfig.mode"
  [features]            = "calendarConfig.features"
  [readOnly]            = "calendarConfig.readOnly"
  [autoCreate]          = "calendarConfig.autoCreate"
</bryntum-calendar>

Seems like i m missing something

Is there any example in angular for https://bryntum.com/examples/calendar/calendar-scheduler/ ?


Post by saki »

There are several possibilities if you're not seeing any events:

  1. There are no events in the store. Execute bryntum.query('calendar').eventStore.count in the browser console. If you get 0, there are no events in the store.

  2. The events might be in the store, the above count is > 0, but they are not around the configured date.

  3. There is an error in the console.

In any case, the best starting point is one of our Angular demos, that which is most close to your application. Do our demos work for you locally? If yes, build on one of them. In this case, I'd probably start with https://bryntum.com/examples/calendar/frameworks/angular/inline-data/dist/inline-data/ and then I'd add timeline config to it from the vanilla example.


Post by abhi »

Seems like assignment attribute is not publicly available for calendar. They have raised a ticket to make it public.
For know i have resolved it by doing below way.

<bryntum-project-model
  #project
  [assignments] = "assignments"
  [events] = "events"
  [resources] = "resources"
</bryntum-project-model>

<bryntum-calendar
  [project]             = "project"
  [date]                = "calendarConfig.date"
  ....
</bryntum-calendar>

Post by alex.l »

Thank you, here is a ticket for that: https://github.com/bryntum/support/issues/4632

All the best,
Alex


Post Reply