https://khaihoanphuquoc.com.vn/template/js/modules/PopupMFP.js

1export default function popup() {
2  $(function () {
3    var popup = document.querySelectorAll('.popupBtn');
4    if (popup.length != 0) {
5      $('.popupBtn').magnificPopup({
6        type: 'inline',
7        preloader: false,
8        focus: '#username',
9        modal: true,
10        fixedContentPos: true,
11        removalDelay: 300,
12        mainClass: 'mfp-fade',
13        callbacks: {
14          close: function () {
15            $('video').each(function () {
16              $(this).get(0).pause();
17            });
18          },
19        },
20      });
21      $(document).on('click', '.closeBtn', function (e) {
22        e.preventDefault();
23        $.magnificPopup.close();
24      });
25    }
26    var form = document.querySelectorAll('.popupForm');
27    if (form.length != 0) {
28      $('.popupForm').magnificPopup({
29        type: 'inline',
30        preloader: false,
31        focus: '#username',
32        modal: true,
33        fixedContentPos: true,
34        removalDelay: 300,
35        closeOnBgClick: false,
36        mainClass: 'mfp-fade popupWrap',
37        callbacks: {
38          close: function () {
39            $('video').each(function () {
40              $(this).get(0).pause();
41            });
42          },
43        },
44      });
45      $(document).on('click', '.closeBtn', function (e) {
46        e.preventDefault();
47        $.magnificPopup.close();
48      });
49    }
50    var video = document.querySelectorAll('.popupVideo');
51    if (video.length != 0) {
52      $('.popupVideo').magnificPopup({
53        // disableOn: 700,
54        type: 'iframe',
55        mainClass: 'mfp-fade',
56        removalDelay: 160,
57        preloader: false,
58        fixedContentPos: true,
59        removalDelay: 300,
60        mainClass: 'mfp-fade',
61      });
62    }
63    $(window).on('click', function (e) {
64      if (
65        $(e.target).closest('.popup').length === 0 &&
66        $(e.target).closest('.popupWrap').length === 0 &&
67        $(e.target).closest('.popupBtn').length === 0 &&
68        $(e.target).closest('.popupForm').length === 0 &&
69        $(e.target).closest('.popupVideo').length === 0
70      ) {
71        $.magnificPopup.close();
72      }
73    });
74  });
75}