Notification when a diagram becomes dirty

[bfredo123]

Hi,

Is there a way to get notified as soon as a diagram becomes dirty (i.e. is modified, either by adding/removing/moving elements or changing properties)?

I would like for instance to activate a SAVE button when this happens (and keep this SAVE button disabled as long as no changes are made).

This post (How to get an alert when close the tab (without saving)? - #2 by philippfromme) is great, however it’s useful to check the dirtiness, but not to trigger a notification.

Listening to the click events is both not enough (due to keyboard shortcuts), and too wide (someone can click something and not change anything).

Many thanks!

[bfredo123]

Found the solution with the 'elements.changed'event thanks to this post:

When and where definitions updated in Viewer class

Hey! You could have a look at CommandStack.js under diagram-js project (lib/command/CommandStack.js). You should listen to elements.changed event. Here’s the explanation from the documentation: Change Tracking During the execution of the CommandStack it will keep track of all elements that have been touched during the command’s execution. At the end of the CommandStack execution it will notify interested components via an ‘elements.changed’ event with all the dirty elements. The event ca…

Thanks!