fixed typo and added documentation

This commit is contained in:
Felix Hamann 2018-03-31 02:11:29 +02:00
parent 9f82373754
commit e0f570083e

View File

@ -47,11 +47,17 @@
}; };
function setup() { function setup() {
// every modal can be openend via document-wide event, see openOnEvent
document.addEventListener('modal-open', openOnEvent, false); document.addEventListener('modal-open', openOnEvent, false);
// if modal has trigger assigned to it open modal on click
if (trigger) { if (trigger) {
trigger.classList.add('modal__trigger'); trigger.classList.add('modal__trigger');
trigger.addEventListener('click', open, false); trigger.addEventListener('click', open, false);
} }
// if there is no content specified for the modal we assume that
// the content is supposed to be the page the trigger links to.
// so we check if the trigger has a href-attribute, fetch that page
// and replace the modal content with the response
var replaceMe = modal.querySelector('.replace-me'); var replaceMe = modal.querySelector('.replace-me');
var replaceWith = trigger ? trigger.getAttribute('href') : ''; var replaceWith = trigger ? trigger.getAttribute('href') : '';
if (replaceMe) { if (replaceMe) {
@ -68,17 +74,18 @@
replaceMe.innerText = ''; replaceMe.innerText = '';
replaceMe.insertBefore(main, null); replaceMe.insertBefore(main, null);
} else { } else {
replaceMe.innerhTML = body; replaceMe.innerHTML = body;
} }
}); });
} }
} }
// tell further modals, that this one already got initialized
modal.classList.add('js-modal-initialized'); modal.classList.add('js-modal-initialized');
} }
setup(); setup();
}; };
// make sure document doesn't scroll when modal is active
function toggleScroll(scrollable) { function toggleScroll(scrollable) {
document.body.classList.toggle('no-scroll', !scrollable); document.body.classList.toggle('no-scroll', !scrollable);
} }