web-patch-notes/main.js at master · DragonflyClient/web-patch-notes · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
const accordionList = document.querySelectorAll('.accordion-item-header');
const width = window.innerWidth;
const ham = document.querySelector('.ham-wrapper')
const nav = document.getElementById('nav')
const socials = document.querySelector('.socials');
const news = document.getElementById("news")
const newsCloseBtn = document.getElementById("news-close")
// Hamburger Menu
nav.classList.remove('nav-active');
ham.classList.remove('ham-active');
console.log('nav test active')
let navOpen = false
ham.addEventListener('click', e => {

    if (!navOpen) {
        nav.classList.add('nav-active')
        ham.classList.add('ham-active')
        socials.classList.add('socials-active')
        if (news && news.getAttribute('closed') !== "true") {
            console.log('first if')
            setTimeout(() => {
                hideNews()
            }, 250);
        } else {
            console.log('first else')
            hideNews()
        }
        navOpen = true
    } else {
        if (news && news.getAttribute('closed') !== "true") {
            showNews()
            setTimeout(() => {
                nav.classList.remove('nav-active')
                ham.classList.remove('ham-active')
                socials.classList.remove('socials-active')
            }, 250);
        } else {
            nav.classList.remove('nav-active')
            ham.classList.remove('ham-active')
            socials.classList.remove('socials-active')
        }

        navOpen = false
    }
})

function hideNews() {
    let op = "-"
    if (news && news.getAttribute('closed') !== "true") {
        news.style.transform = `translateY(${op}${news.offsetHeight}px)`
        document.getElementById("navbar").style.transform = `translateY(${op}${news.offsetHeight}px)`
        document.getElementById("navbar").style.top = `${news.offsetHeight}px`
    }

    if (news && news.getAttribute('closed') == "true" && width < 1000) {
        document.getElementById("features").style.paddingTop = "0px"
        document.getElementById("features").style.marginTop = "-50px"
    }
    if (news && news.getAttribute('closed') == "true") {
        landing.style.transform = `translateY(-${news.offsetHeight}px)`
    }
}
function showNews() {
    if (news && news.getAttribute('closed') !== "true") {
        news.style.transform = `translateY(0px)`
        document.getElementById("navbar").style.transform = `translateY(0px)`
        document.getElementById("navbar").style.top = `0px`
    }
}

if (news) {
    newsCloseBtn.addEventListener("click", manageNews)
}

function manageNews() {
    console.log('closing')
    news.style.transform = `translateY(-${news.offsetHeight}px)`
    document.getElementById("navbar").style.transform = `translateY(-${news.offsetHeight}px)`
    document.getElementById("navbar").style.top = `${news.offsetHeight}px`
    localStorage.setItem('newsClosed', 'true')
    news.setAttribute('closed', 'true')
    hideNews()
}

// Close the nav menu
function closeMenu() {
    nav.classList.remove('nav-active');
    ham.classList.remove('ham-active');
}