71 lines
2.1 KiB
JavaScript
71 lines
2.1 KiB
JavaScript
document.addEventListener('DOMContentLoaded', async function () {
|
|
const DateTime = luxon.DateTime;
|
|
const filename = 'data/data.json'
|
|
let curdate = ''
|
|
|
|
const dt = DateTime.now()
|
|
const dt1 = dt.plus({month:1})
|
|
curdate = `${dt.toFormat('LLLL')}/${dt1.toFormat('LLLL y')}`
|
|
document.querySelector('#curmon').innerHTML = curdate
|
|
|
|
let ret = await getData(filename)
|
|
fillSchema(ret.data)
|
|
|
|
document.querySelector('#sptab').addEventListener('click', markField);
|
|
|
|
function markField (e) {
|
|
let field = e.target;
|
|
field.setAttribute('aria-label','x');
|
|
field.setAttribute('disabled','disabled');
|
|
let lastDate = parseInt(field.innerHTML)
|
|
let month = curdate.split('/')[0]
|
|
let data = {curdate: curdate.slice(0, -5), last: lastDate}
|
|
let setArray = []
|
|
let fields = document.querySelectorAll('#sptab button')
|
|
for (i = 0; i < fields.length; i++) {
|
|
let status = { day: fields[i].innerHTML, status: false }
|
|
if (fields[i].hasAttribute('disabled')) {
|
|
status.status = true
|
|
}
|
|
setArray.push(status)
|
|
}
|
|
data.data = setArray
|
|
storeData(data)
|
|
}
|
|
|
|
function fillSchema(data) {
|
|
const setArray = data.data
|
|
for(let i = 1, k = 1; i < 36; i++, k++) {
|
|
if (i === 18) {
|
|
i++
|
|
}
|
|
let sel = '#bt'+i
|
|
if(setArray[0].day === 'undefined') {
|
|
document.querySelector(sel).innerHTML = k
|
|
} else {
|
|
document.querySelector(sel).innerHTML = setArray[i-1].day
|
|
}
|
|
if(setArray[i-1].status) {
|
|
document.querySelector(sel).setAttribute('aria-label', 'x')
|
|
}
|
|
}
|
|
}
|
|
|
|
async function getData() {
|
|
let erg = await fetch('data')
|
|
return erg.json()
|
|
}
|
|
|
|
async function storeData(data) {
|
|
const response = await fetch('/data', {
|
|
method: "POST",
|
|
body: JSON.stringify(data),
|
|
headers: {
|
|
'Content-Type':"application/json"
|
|
}
|
|
})
|
|
return response.json()
|
|
}
|
|
|
|
});
|