https://pmpractice.ru/local/templates/main_index/js/module.js

1export function zoomChange() {
2    const wrapper = document.querySelector('#zoom');
3    let zoom = document.body.clientWidth / 19.2 / 100;
4    if (document.body.clientWidth > 820 && document.body.clientWidth < 1441) {
5        zoom = document.body.clientWidth / 14.4 / 100;
6    }
7    if (document.body.clientWidth > 480 && document.body.clientWidth < 821) {
8        zoom = document.body.clientWidth / 7.68 / 100;
9    }
10    if (document.body.clientWidth < 481) {
11        zoom = document.body.clientWidth / 3.75 / 100;
12    }
13    wrapper.style.zoom = zoom;
14}
15
16
17export function teamSlides(getValue) {
18    const tramSlideBtns = document.querySelectorAll('.team .team__tabs_btns_btn')
19    for (let i = 0; i < tramSlideBtns.length; i++) {
20        tramSlideBtns[i].classList.remove('active');
21    }
22    getValue.classList.add('active');
23    const tab = document.querySelectorAll('.team__tabs_slider');
24    for (let i = 0; i < tab.length; i++) {
25        tab[i].classList.remove('active');
26    }
27    document.querySelector(`#${getValue.value}`).classList.add('active');
28}
29
30export function burger() {
31    document.querySelector('#menu').classList.toggle('active');
32}
33
34// êóðñû â ôóòåðå
35export function acc(val) {
36    let accor = val.nextElementSibling;
37    if (accor.style.maxHeight) {
38        accor.style.maxHeight = null;
39    } else {
40        accor.style.maxHeight = accor.style.maxHeight + accor.scrollHeight + 'px';
41    }
42}
43
44export function searchToggle(btn) {
45    btn.classList.toggle('active');
46    document.querySelector('#search').classList.toggle('active');
47}
48/*
49export function subPos() {
50    let subMenu = document.querySelectorAll('.navbar__menu_sub');
51    for (let i = 0; i < subMenu.length; i++) {
52        if (subMenu[i].getBoundingClientRect().right > window.innerWidth) {
53            subMenu[i].style.left = '-' + (subMenu[i].getBoundingClientRect().right - window.innerWidth) + 'px';
54        }
55    }
56}
57*/
58
59export function zoomToggle(toggle) {
60    document.querySelector(`#${toggle}`).classList.toggle('active');
61}
62
63export function filterToggle() {
64    const filter = document.querySelector('#filter');
65    filter.classList.toggle('active');
66}
67
68export function filterAcc(btn) {
69    let acc = btn.nextElementSibling;
70    if (acc.style.maxHeight) {
71        acc.style.maxHeight = null;
72        acc.parentNode.style.padding = '24px 0 24px';
73        btn.style.marginBottom = '0px';
74        btn.querySelector('.arrow').classList.remove('active');
75        return;
76    }
77    if (document.body.clientWidth < 480) {
78        acc.parentNode.style.padding = '24px 0 30px';
79    } else {
80        acc.parentNode.style.padding = '24px 0 34px';
81    }
82    btn.querySelector('.arrow').classList.add('active');
83    acc.style.maxHeight = acc.style.maxHeight + acc.scrollHeight + 'px';
84    btn.style.marginBottom = '8px';
85}
86
87// ïîäñêàçêà â ôèëüòðå
88export function toggleTooltip(toolBtn) {
89	event.preventDefault();
90    let tooltip = document.querySelectorAll('.aside__item_title_tooltip_content');
91    for (let iterator of Object.values(tooltip)) {
92        iterator.classList.remove('active');
93    }
94    toolBtn.nextElementSibling?.classList.add('active');
95}
96
97export function searchEff(inp) {
98    if (inp.value) {
99        inp.classList.add('active');
100        return;
101    }
102    inp.classList.remove('active');
103}
104
105//àêêîðäåîí íà âíóòðåííåé ïðîãðàìì ñ çàãîëîâêîì "ïðîãðàììà"
106export function programmAcc(btn) {
107    let acc = btn.nextElementSibling;
108    btn.classList.toggle('active');
109    acc.classList.toggle('active');
110    if (acc.style.maxHeight) {
111        acc.style.maxHeight = null;
112    } else {
113        acc.style.maxHeight = acc.style.maxHeight + acc.scrollHeight + 'px';
114    }
115}