Stankiewicz-M.github.io/alert.js at main · Stankiewicz-M/Stankiewicz-M.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
document.addEventListener('DOMContentLoaded', function() {
    var alert = document.getElementById('alert');
    var alertTitle = document.getElementById('alert-title');
    var alertMessage = document.getElementById('alert-message');
    fetch('/alert.json')
        .then(response => response.json())
        .then(data => {
            var currentDate = new Date();
            var startDate = new Date(data.alert.visiblity.start);
            var endDate = new Date(data.alert.visiblity.end);
            if (currentDate >= startDate && currentDate <= endDate && data.alert.visiblity.always === false) {
                alert.style.display = 'block';
                alertTitle.innerHTML = data.alert[document.documentElement.lang].title;
                alertMessage.innerHTML = data.alert[document.documentElement.lang].message;
                if (window.innerWidth > 768) {
                    setNavbarTop()
                }
            }
            if (data.alert.visiblity.always === true) {
                alert.style.display = 'block';
                alertTitle.innerHTML = data.alert[document.documentElement.lang].title;
                alertMessage.innerHTML = data.alert[document.documentElement.lang].message;
                if (window.innerWidth > 768) {
                    setNavbarTop()
                }
            }
        });
});

window.addEventListener('resize', function() {
    var navbar = document.querySelector('.navbar');
    var alert = document.getElementById('alert');
    if (window.innerWidth > 768 && alert.style.display === 'block') {
        setNavbarTop();
    } else {
        navbar.style.top = 'unset';
    }
});

window.addEventListener('scroll', function() {
    var navbar = document.querySelector('.navbar');
    var alert = document.getElementById('alert');
    if (window.innerWidth > 768 && alert.style.display === 'block') {
        setNavbarTop();
    } else {
        navbar.style.top = 'unset';
    }
});

function setNavbarTop() {
    var navbar = document.querySelector('.navbar');
    var scrollY = window.scrollY;
    if (scrollY <= 64) {
        if (window.innerWidth > 768) {
            navbar.style.top = 64 - scrollY + 'px';
        }
    } else {
        navbar.style.top = 'unset';
    }
}