First of all, I wanted to thank you all for being so helpful with my many questions. It's super helpful for this integration. I'm doing a rapid proof-of-concept to hand over to my developer, so really trying to work fast and get this out to him (and confirm we want to buy this!)
Right now, I'm getting a bunch of errors upon dragging event in the calendar scheduler view:
calendar.module.js:53 Uncaught TypeError: Cannot read properties of undefined (reading 'isAssignment')
When I remove @before-event-resize="handleBeforeEventResize" the error goes away on drag.
I am having a difficult time with events in general and could really use some clarity. Would it be possible for us to collaborate on a codesandbox or something like that so we can be working from the same place? I would set one up but not sure how we'd do that with your login required private NPM packages.
Would love to jump on a call or a screen share of that's possible to shortcut the back and forth.
I have tried with a variety of naming conventions and datasets and have not successfully emitted an event on drag or resize in the scheduler.
PS: What is the naming convention for listening to events in Vue? Is it different between Scheduler Pro and Calendar? I saw in your docs @eventclick="...." but that was not correct. When I changed it to @event-click="..." it worked.
Simply try to drag the event around and you'll see the bug in the console.
This example also shows that none of the events I am listening to are being emitted specifically (@before-event-event-resize and @before-event-drop-finalize).
If you drag or resize an event, neither trigger the handlers (where I have a console.log for each).
Would it be possible to get a full working example of how to fix the warnings and use the assignment store in tandem with the calendar? I'm blocked at the moment as I am not quite following how to fix this issue and use the two together.
This feels like a very important thing to show on your examples page as well .
// Change the id to a number
{
id: 2,
name: '3535 Quebec St, Denver 80207',
resourceId: 25,
startDate: '2023-03-23T08:00:00.000-06:00',
endDate: '2023-03-23T10:30:00.000-06:00'
}
And regarding the warning, instead of having
features: {
eventTooltip: {
// Tooltip configs can be used here
align: 'l-r', // Align left to right,
// Custom content
renderer: (data) => {
return 'I am a tooltip!'
},
},
},
We have the features directly configured into the component, as you'll see in the Vue Guide documentation that I shared earlier.
<bryntum-calendar
:eventTooltipFeature="eventFeatureConfig"
/>
// other configuration
const eventFeatureConfig = {
// Tooltip configs can be used here
align: 'l-r', // Align left to right,
// Custom content
renderer: () => {
return 'I am a tooltip!';
}
};
I made the changes you suggested, which appeared to fix the errors.
However, I am still experiencing these issues:
I am still not seeing any events emitted from event drag or resize changes in the Scheduler view of the Calendar. Would you be able to provide an example of how to do this correctly?
Multiple inspectors can be assigned to a given event, which is why I used the resourceId as an array. In our current calendar, they appear in both resource rows. How would I accomplish this same behavior here?
BTW, a small suggestion: This was not clear to me that this section translated to this on the wrapper: https://jmp.sh/EDBjeJoD
:event-tooltip-feature="{
align: 'l-r',
renderer: (data) => {
console.log(data, 'abc...')
return 'I am a tooltip!'
},
}"