heartbreaks.github.io/script.js at master · heartbreaks/heartbreaks.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
100
101
102
103
104
105
106
107
108
109

const buses = {
    gmv: [
            {weekends: false, time:'06:00'},{weekends: false,  time:'06:20'},
            {weekends: true, time:'06:40'},{weekends: true, time:'07:00'},
            {weekends: false, time:'07:30'},{weekends: true, time:'07:50'},
            {weekends: true, time:'08:30'},{weekends: false, time:'08:50'},
            {weekends: true,  time:'09:10'},{weekends: true, time:'09:30'},
            {weekends: false, time:'10:00'},{weekends: true, time:'10:30'},
            {weekends: true, time:'11:00'},{weekends: false,  time:'11:20'},
            {weekends: true, time:'11:40'},{weekends: true, time:'12:30'},
            {weekends: false, time:'13:00'},{weekends: true, time:'13:30'},
            {weekends: true, time:'14:00'},{weekends: false,  time:'14:30'},
            {weekends: true, time:'14:50'},{weekends: true, time:'15:35'},
            {weekends: false, time:'15:50'},{weekends: true, time:'16:30'},
            {weekends: true,  time:'17:00'},{weekends: true, time:'17:30'},
            {weekends: false, time:'18:00'},{weekends: true, time:'18:30'},
            {weekends: false, time:'18:50'},{weekends: true, time:'19:10'},
            {weekends: true, time:'19:40'},{weekends: true, time:'20:30'},
            {weekends: true, time:'21:00'},{weekends: false, time:'21:30'},
            {weekends: true, time:'22:00'},{weekends: true, time:'22:35'},
    ],
    perm: [ {weekends: true, time:'06:05'},{weekends: false, time:'06:30'},
            {weekends: true, time:'06:50'},{weekends: true, time:'07:25'},
            {weekends: false, time:'07:45'},{weekends: true, time:'08:05'},
            {weekends: true, time:'08:20'},{weekends: false, time:'08:50'},
            {weekends: true, time:'09:10'},{weekends: true, time:'09:40'},
            {weekends: false, time:'10:00'},{weekends: true, time:'10:20'},
            {weekends: true, time:'11:30'},{weekends: false,  time:'12:00'},
            {weekends: true, time:'12:30'},{weekends: true, time:'13:05'},
            {weekends: false, time:'13:30'},{weekends: true, time:'13:45'},
            {weekends: true, time:'14:20'},{weekends: false,  time:'14:50'},
            {weekends: true, time:'15:20'},{weekends: true, time:'15:55'},
            {weekends: true, time:'16:30'},{weekends: false, time:'16:50'},
            {weekends: true, time:'17:10'},{weekends: false, time:'17:30'},
            {weekends: true, time:'17:50'},{weekends: true, time:'18:20'},
            {weekends: true, time:'19:00'},{weekends: false, time:'19:25'},
            {weekends: true, time:'19:45'},{weekends: false, time:'20:00'},
            {weekends: true, time:'20:30'},{weekends: true, time:'21:20'},
                         {weekends: true, time:'21:50'},
    ]
}

    const weekends = new Date().getDay() === 6 || new Date().getDate() === 0 //make info a weekends now or not
    const time = new Date().toLocaleTimeString('ru-ru', {hour: '2-digit', minute:'2-digit'}) // make rn time
    document.querySelector('#weekends').checked = weekends
    let direction = document.querySelector('.nav')
    direction.addEventListener('change', function(){
            // clear the work appart after change direction
        let clear = document.querySelector('.times')
        clear.innerText = ''
            // place for info about direction
        let inputs = document.querySelectorAll('input[type="radio"]')
        let checked = ''
            // what's was taked from click at direction
        inputs.forEach(elem => {
            if(elem.checked){
                checked = elem.value
            }
        })

        let weekendsCheck = document.querySelector('input[type="checkbox"]')
            // creating times at page from arr
        buses[checked].forEach(elem => {
            let span = document.createElement('span')
            span.insertAdjacentHTML('beforeend', span)
            span.innerText = elem.time
                //disable time if he don't ridin' at weekends
            if(weekendsCheck.checked){
                if(elem.weekends === false){
                    span.classList.add('passive')
                    span.classList.toggle('active')
                }
            }
            span.classList.toggle('active')
            document.querySelector('.times').appendChild(span)
         })
            // change color if next bus is next, lmao
        let timesNodes = []
        document.querySelector('.times').querySelectorAll('span.active').forEach(elem => {
            timesNodes.push(elem)

        })
        timesNodes.find(elem => elem.innerText > time).classList.add('next')

    })

    let weekendsCheck = document.querySelector('input[type="checkbox"]')
            // creating times at page from arr
        buses.perm.forEach(elem => {
            let span = document.createElement('span')
            span.insertAdjacentHTML('beforeend', span)
            span.innerText = elem.time
                //disable time if he don't ridin' at weekends
            if(weekendsCheck.checked){
                if(elem.weekends === false){
                    span.classList.add('passive')
                    span.classList.toggle('active')
                }
            }
            span.classList.toggle('active')
            document.querySelector('.times').appendChild(span)
         })
         let timesNodes = []
        document.querySelector('.times').querySelectorAll('span.active').forEach(elem => {
            timesNodes.push(elem)

        })
        timesNodes.find(elem => elem.innerText > time).classList.add('next')