Drupal 8 Site using Vue
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.
 
 

26 lines
767 B

!((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);