mirror of
https://github.com/scinote-eln/scinote-web.git
synced 2024-09-22 16:06:18 +08:00
28 lines
1 KiB
JavaScript
28 lines
1 KiB
JavaScript
/* global iFrameModal */
|
|
// General-purpose iframe modal. For closing the modal, you need will to take care of triggering
|
|
// the 'hide' event on the modal itself, example from inside the iframe:
|
|
// parent.document.getElementById('iFrameModal').dispatchEvent(new Event('hide'));
|
|
|
|
$(document).on('turbolinks:load', function() {
|
|
window.iFrameModal = document.getElementById('iFrameModal');
|
|
let iFrameModalFrame = document.getElementById('iFrameModalFrame');
|
|
|
|
window.showIFrameModal = (url) => {
|
|
iFrameModalFrame.setAttribute('src', url);
|
|
iFrameModal.classList.remove('hidden');
|
|
iFrameModal.dispatchEvent(new Event('shown'));
|
|
};
|
|
|
|
iFrameModalFrame.addEventListener('load', () => {
|
|
iFrameModalFrame.contentWindow.document.querySelector('.iframe-close').addEventListener('click', function() {
|
|
iFrameModal.dispatchEvent(new Event('hide'))
|
|
});
|
|
});
|
|
|
|
iFrameModal.addEventListener('hide', () => {
|
|
iFrameModal.classList.add('hidden');
|
|
iFrameModalFrame.removeAttribute('src');
|
|
iFrameModal.dispatchEvent(new Event('hidden'));
|
|
});
|
|
});
|