We have implemented a scheduler in Angular (see versions below). The event has two properties that are used as resources (relationship manager ID and calendar entry type ID).
Everything works fine until you start “double” filtering. I am not able to pinpoint exactly when the problem occurs and replicate consistently.
Steps to reproduce:
1) Filter by employeeID
2) Filter by calendar entry type ID
3) Some back and fort with concurrent filtering.
4) At a certain point, you will notice that the current state of the filtered calendar is lost. For example, filtering by calendar type ID does not take in account the fact that the calendar is already being filtered by a certain relationship manager ID.
Is this a known issue?
Dependencies:
smart-webcomponents-angular: “^18.0.2″
angular/core”: “^16.2.12″,
—————————————————————————————-
<div>
<div>console.log(this.scheduler.resources);</div>
<div>console.log(this.scheduler.dataSource);
RESOURCES
[
{</div>
<div>”label”: “Relationship Manager”,
“value”: “relationshipManagerId“,
“dataSource”: [
{
“id”: “803a89ac”,
“label”: “Bob”,
“backgroundColor”: “black”
},
{
“id”: “3479d5743”,
“label”: “John”,
“backgroundColor”: “black”
},
{
“id”: “50f22103”,
“label”: “Yuri”,
“backgroundColor”: “black”
}
]
},
{
“label”: “Calendar Entry Type”,
“value”: “calendarEntryId“,
“dataSource”: [
{
“label”: “Custom Alert”,
“id”: “1”,
“backgroundColor”: “#3777bc”
},
{
“label”: “Notice 3”,
“id”: “3”,
“backgroundColor”: “#c59466”
},
{
“label”: “Notice 2”,
“id”: “2”,
“backgroundColor”: “#ff5966”
},
{
“label”: “Notice 4”,
“id”: “4”,
“backgroundColor”: “#a4be3a”
}]}]</div>
</div>
<div></div>
<div>Event Array (truncated)</div>
[{
“label”: “My label”,
“dateStart”: “2024-07-31T04:00:00.000Z”,
“dateEnd”: “2024-08-01T04:00:00.000Z”,
“allDay”: true,
“relationshipManagerId“: “803a89ac”,
“id”: 452,
“color”: “#012639”,
“backgroundColor”: “#ff5966”,
“calendarEntryId“: “2”,
“contractName”: “Sample”,
“relationshipManagerFullName”: “Bob Smith”,
“entryMessage”: “Contract End Date”
}
