vivanewvegas.github.io/javascript.js at master · LDrawe/vivanewvegas.github.io · 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
90
91
92
93
94
95
96
97
98
99
window.addEventListener('resize', sizeChanged);

document.addEventListener('keydown', (e) => {
    if (e.code === "ArrowRight") {
        window.open(document.getElementById("next").href, "_self")
    }
    else if (e.code === "ArrowLeft") {
        window.open(document.getElementById("previous").href, "_self")
    }
});

function closeAllDonoMenus() {
    var items = document.getElementsByClassName("donoMenu");
    for (var i = 0; i < items.length; i++) {
        if (items[i].style.display == "block") {
            items[i].style.display = "none";
        }
    }
}

function sizeChanged() {
    if (document.documentElement.clientWidth > 760) {
        document.getElementById("sideButton").style.marginLeft = "";
        document.getElementById("sidenavLeft").style.width = "";
        closeAllDonoMenus();
    }
}

function toggleNav() {
    if (document.getElementById("sidenavLeft").style.width == 0) {
        document.getElementById('sideButton').classList.add('pressed');
        document.getElementById("sidenavLeft").style.width = "21.5em";
    }
    else {
        document.getElementById("sidenavLeft").style.width = "";
        document.getElementById('sideButton').classList.remove('pressed');
        closeAllDonoMenus();
    }
}

function titleGlow(enable) {
    if (enable) {
        document.getElementById("title").classList.add("glow");
        document.getElementById("backdrop").classList.add("blur");
    }
    else {
        document.getElementById("title").classList.remove("glow");
        document.getElementById("backdrop").classList.remove("blur");
    }
}

function handleButtonClick(event, element) {
    event.stopPropagation();

    toggleDonationMenu(element);
}

function toggleDonationMenu(element) {
    closeAllDonoMenus();
    if (element.style.display == "none") {
        element.style.display = "block";

        // Close the popup after 20 seconds
        setTimeout(function() {
            element.style.display = "none";
        }, 20000);
    }
    else {
        element.style.display = "none";
    }
}

document.addEventListener('click', function(event) {
    closeAllDonoMenus();
});

function fadeOut(element) {
    element.style.opacity = "0%";
}

function rotate(element, rotation = 180) {
    element.style.transform = 'rotatex(' + rotation + 'deg)';
}

function expandCard(thisObj, $open, $dontReset) {
    const chevron = thisObj.getElementsByClassName("expander-info")[0]
    if ($open.classList.contains('expander-opened') && !$dontReset) {
        chevron.textContent = "Show";
        $open.classList.remove('expander-opened');
        setTimeout(() => $open.style.display = "none", 400);
        thisObj.classList.remove('active');
    }
    else {
        $open.classList.add('expander-opened');
        chevron.textContent = "Hide";
        $open.style.display = "block";
        thisObj.classList.add('active');
    }
}