!((document, Drupal, $) => {
|
|
'use strict';
|
|
|
|
Drupal.behaviors.drupalVueModal = {
|
|
attach: function(context) {
|
|
|
|
const modal = context.querySelector('#non-vue-modal');
|
|
const modalButton = context.querySelector('#non-vue-modal-button');
|
|
const modalCloseButton = context.querySelector('#non-vue-modal .modal__close');
|
|
|
|
if (modalButton !== null) {
|
|
modalButton.addEventListener('click', (e)=> {
|
|
e.preventDefault();
|
|
modal.querySelector('.modal__mask').classList.remove('hidden');
|
|
});
|
|
|
|
modalCloseButton.addEventListener('click', (e)=> {
|
|
e.preventDefault();
|
|
modal.querySelector('.modal__mask').classList.add('hidden');
|
|
});
|
|
}
|
|
|
|
}
|
|
};
|
|
|
|
})(document, Drupal, jQuery);
|