You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
2.5 KiB
66 lines
2.5 KiB
function observeVueApp(vm_instance) {
|
|
// Options for the observer (which mutations to observe)
|
|
const config = { attributes: false, childList: true, subtree: true };
|
|
|
|
// Select the node that will be observed for mutations
|
|
const targetNode = $(vm_instance.$root.$el).closest('.modal')[0];
|
|
|
|
if (!targetNode) return;
|
|
|
|
// Create an observer instance linked to the callback function
|
|
const observer = new MutationObserver(callback);
|
|
|
|
// Start observing the target node for configured mutations
|
|
observer.observe(targetNode, config);
|
|
|
|
// Callback function to execute when mutations are observed
|
|
function callback(mutationsList, observer) {
|
|
// Use traditional 'for loops' for IE 11
|
|
for(const mutation of mutationsList) {
|
|
if (mutation.type === 'childList' && mutation.removedNodes.length > 0) {
|
|
mutation.removedNodes.forEach(node => {
|
|
if (node.className === 'modal-body') {
|
|
vm_instance.$destroy();
|
|
// Later, you can stop observing
|
|
observer.disconnect();
|
|
}
|
|
});
|
|
}
|
|
}
|
|
};
|
|
}
|
|
|
|
function onDOMElementRemoved(id, rootCallback) {
|
|
// Options for the observer (which mutations to observe)
|
|
const config = { attributes: false, childList: true, subtree: true };
|
|
|
|
// Select the node that will be observed for mutations
|
|
const targetNode = $('body')[0];
|
|
|
|
if (!targetNode) return;
|
|
|
|
// Create an observer instance linked to the callback function
|
|
const observer = new MutationObserver(callback);
|
|
|
|
// Start observing the target node for configured mutations
|
|
observer.observe(targetNode, config);
|
|
|
|
// Callback function to execute when mutations are observed
|
|
function callback(mutationsList, observer) {
|
|
// Use traditional 'for loops' for IE 11
|
|
for(const mutation of mutationsList) {
|
|
if (mutation.type === 'childList' && mutation.removedNodes.length > 0) {
|
|
mutation.removedNodes.forEach(node => {
|
|
// If node is element (1)
|
|
if (node.nodeType === 1) {
|
|
if (node.id === id || node.querySelector(`#${$.escapeSelector(id)}`)) {
|
|
rootCallback();
|
|
// Later, you can stop observing
|
|
observer.disconnect();
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
};
|
|
}
|