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.

23 lines
783 B

  1. !function (document, Drupal, $) {
  2. 'use strict';
  3. Drupal.behaviors.drupalVueModal = {
  4. attach: function attach(context) {
  5. var modal = context.querySelector('#non-vue-modal');
  6. var modalButton = context.querySelector('#non-vue-modal-button');
  7. var modalCloseButton = context.querySelector('#non-vue-modal .modal__close');
  8. if (modalButton !== null) {
  9. modalButton.addEventListener('click', function (e) {
  10. e.preventDefault();
  11. modal.querySelector('.modal__mask').classList.remove('hidden');
  12. });
  13. modalCloseButton.addEventListener('click', function (e) {
  14. e.preventDefault();
  15. modal.querySelector('.modal__mask').classList.add('hidden');
  16. });
  17. }
  18. }
  19. };
  20. }(document, Drupal, jQuery);