Programmatically calling mockup modal

I am trying to use the modal pattern in 5.0.5 as documented here Instead of opening the modal by clicking on a link I want it to be dependent on some javascript code so that if a bunch of conditionals are met it opens it. Is the best way to do this to just put in a hidden link and call $('#my-link').click()?

The problem I am running into is a race condition. I have some buttons on the modal where only one of them should be a redirect. Another just closes the thing, and a third makes an ajax call and then closes if that call returns true. I am able to do this by changing the .click of those buttons to prevent the default/etc. But this needs to run after the modal has actually fired, or the selectors will not find the button.

Is there a way to verify that the modal has been fully loaded before some code runs? Or is there a better way to get this desired functionality?

I'm going to answer you indirectly by showing you an example of how I used pat-modal programmatically. In the example I use Rapido.plone but that was just for convenience.

1 Like

That's basically what I had as a starting point but I don't think using setTimeout is a good solution. What I ended up doing is moving all of the javascript that relies on the modal being loaded into that modal template (it's an AJAX call). It would still be nice if there were a reliable event to listen to properly though.

MutationObserver might not be "proper" but could be reliable without asking anything of how the pattern is built?

You can listen to 'show.plone-modal.patterns', see:

1 Like

This is exactly what I was looking for and works perfectly, thank you.

1 Like