https://megawrzuta.pl/mw/assets/js/panel-offcanvas.js

1$(document).ready(function () {
2    var panelOpenBtn = $('.panel-open');
3    var panelCloseBtn = $('.panel-close');
4    var panelOpenLink = $('.panel-open-link');
5    var navToggler = $('.app-toggler');
6    var body = $('body');
7    var panel = $(panelOpenBtn.data('target'));
8    var menu = $('.app-menu-container');
9    var backdrop = $('.app-menu-backdrop');
10    var iframe = $('#iframe');
11    var iframeLoaded = false; // Flaga
12
13    function openNav() {
14
15        navToggler.toggleClass('active');
16        body.removeClass('overflow-hidden');
17        menu.removeClass('show');
18        setTimeout(function() {
19            panel.addClass('show');
20        }, 450);
21        
22        if (menu.hasClass('show')) {
23            backdrop.removeClass('d-none');
24            setTimeout(function() {
25                backdrop.addClass('show');
26            }, 50);
27        } else {
28            backdrop.removeClass('show');
29            setTimeout(function() {
30                backdrop.addClass('d-none');
31            }, 300);
32        }
33
34        // Ustawienie src iframe tylko przy pierwszym otwarciu z opóźnieniem
35            if (!iframeLoaded) {
36                setTimeout(function() {
37                    iframe.attr('src', 'https://chat.megawrzuta.pl');
38                    iframeLoaded = true;
39                }, 1000); // Opóźnienie 1 sekunda
40            }
41        }
42        
43        function openNavfromLink() {
44            panel.addClass('show');
45        
46            // Ustawienie src iframe tylko przy pierwszym otwarciu z opóźnieniem
47            if (!iframeLoaded) {
48                setTimeout(function() {
49                    iframe.attr('src', 'https://chat.megawrzuta.pl');
50                    iframeLoaded = true;
51                }, 1000); // Opóźnienie 1 sekunda
52            }
53        }
54
55    function closeNav() {
56
57        panel.removeClass('show');
58        menu.removeClass('show');
59        
60        backdrop.removeClass('show');
61        setTimeout(function() {
62            backdrop.addClass('d-none');
63        }, 300);
64    }
65    // Nasłuchuj na zdarzenie load iframe i ukryj placeholder
66    iframe.on('load', function() {
67        $('.iframe-placeholder').hide();
68    });
69    
70    panelOpenBtn.on('click', function() {
71        openNav();
72    });
73    
74    panelOpenLink.on('click', function() {
75        openNavfromLink();
76    });
77
78    panelCloseBtn.on('click', function() {
79        closeNav();
80    });
81});