https://www.kimep.kz/wp-content/themes/minamaze/contact.js

1// jQuery(document).ready(function($) {
2// 	$("#contact").submit(function() {
3// 		var str = $(this).serialize();
4// 		$.ajax({
5// 			type: "POST",
6// 			url: "/wp-content/themes/mail.php",
7// 			data: str,
8// 			success: function(msg) {
9// 				if(msg == 'OK') {
10// 					result = '<div class="ok">Message is send</div>';
11// 					$("#fields").hide();
12// 				}
13// 				else {result = msg;}
14// 				$('#note').html(result);
15// 			}
16// 		});
17// 		return false;
18// 	});
19// });
20
21
22const APP = {
23
24    initClick() {
25
26        if(document.querySelector('.dprkstrategy-main')) {
27            document.querySelector('.btn-search').addEventListener("click", () => {
28                document.querySelector('.search-container').classList.add('show');
29            })
30
31            document.querySelector('.close-search').addEventListener("click", () => {
32                document.querySelector('.search-container').classList.remove('show');
33                document.getElementById('input_search').value = '';
34            })
35
36            window.onload = () => {
37                if(window.innerWidth <= 1023) {
38                    // console.log(innerWidth, "IT'S MOBILE")
39                    const $navLinks = document.querySelectorAll('.nav-menu-li');
40                    
41                    document.querySelector('.btn-burger').addEventListener("click", () => {
42                        document.querySelector('.nav-menu').classList.add('show')
43                    });
44                    
45                    document.querySelector('.close-menu').addEventListener("click", () => {
46                        document.querySelector('.nav-menu').classList.remove('show')
47                    })
48        
49                    // console.log($navLinks)
50                    
51                    $navLinks.forEach($el => {
52                        $el.addEventListener('click', () => {
53                            console.log("CLICKED")
54                            const $navSubmenu = $el.querySelector('.nav-submenu');
55                            $navSubmenu.classList.toggle('show')
56                        })
57                    })
58                }
59            }
60        }
61
62    },
63
64    initAddNavSubmenuClass() {
65
66        if(document.querySelector('.dprkstrategy-main')) {
67            const $navSubmenu = document.querySelectorAll('.sub-menu');
68            const $navList = document.querySelectorAll('.nav-menu .menu-item');
69
70
71            if($navSubmenu) {
72                $navSubmenu.forEach($el => {
73                    $el.classList.add('nav-submenu');
74                })
75            }
76
77            if($navList) {
78                $navList.forEach($el => {
79                    $el.classList.add('nav-menu-li');
80                })
81            }
82        }
83
84    },
85
86    initTabs() {
87
88        if(document.querySelector('.dprkstrategy-main')) {
89            [...document.querySelectorAll(".tabs")].forEach(($item) => {
90                [...$item.querySelectorAll("[data-tab]")].forEach(($toggle) => {
91                    $toggle.addEventListener("click", (event) => {
92                        event.preventDefault();
93                
94                        const tabId = $toggle.dataset.tab;
95                        const $tab = $item.querySelector(tabId);
96                
97                        $item.querySelector(".tab.show").classList.remove("show");
98                        $item.querySelector(".tab.fade-tabs").classList.remove("fade-tabs");
99                        $item.querySelector("[data-tab].active").classList.remove("active");
100                
101                        $tab.classList.add("show");
102                        $tab.classList.add("fade-tabs");
103                        $toggle.classList.add("active");
104                    });
105                });
106            });
107        }
108
109    },
110
111}
112
113document.addEventListener("DOMContentLoaded", () => {
114
115    APP.initClick();
116    APP.initAddNavSubmenuClass();
117    APP.initTabs();
118
119})