const viestit = []; Array.from(document.getElementById("kalenteri").children).forEach((e) => { const dateStringToObject = str => { if (!str) return undefined; let date = str.split("-"); return { year: Number.parseInt(date[0]), month: Number.parseInt(date[1]), day: Number.parseInt(date[2]), }; }; viestit[viestit.length] = { date: dateStringToObject(e.dataset["date"]), name: e.innerHTML, zoneColor: e.dataset["zoneColor"], zoneStart: dateStringToObject(e.dataset["zoneStart"]), zoneEnd: dateStringToObject(e.dataset["zoneEnd"]) }; }); let years = []; for (let viesti of viestit) { if (!years.includes(viesti.date.year)) years[years.length] = viesti.date.year; } years.sort((a,b) => a-b); for (let i = 0; i < years.length; i++) { let yearWrapper = document.getElementById("post-content").appendChild(document.createElement("div")); yearWrapper.setAttribute("id", "vuosi-" + years[i]); yearWrapper.classList.add("full-width"); yearWrapper.appendChild(document.createElement("h2")).innerHTML = years[i]; let months = []; for (let viesti of viestit) { if (!months.includes(viesti.date.month)) months[months.length] = viesti.date.month; } months.sort((a,b) => a-b); for (let j = 0; j < months.length; j++) { const kalenteri = yearWrapper.appendChild(document.createElement("table")); const monthLastDay = new Date(years[i], months[j], 0); const monthName = ((val) => String(val).charAt(0).toUpperCase() + String(val).slice(1))(monthLastDay.toLocaleString("fi", {month: "long"})); const monthLength = monthLastDay.getDate(); const monthStartDay = (((monthLastDay.getDay() - monthLength) % 7) + 7) % 7; kalenteri.setAttribute("data-month", months[j]); kalenteri.classList.add("kalenteri", "mobile-overflow"); kalenteri.innerHTML = "" + "" + ""+ monthName +"" + "" + "" + "Maanantai" + "Tiistai" + "Keskiviikko" + "Torstai" + "Perjantai" + "Lauantai" + "Sunnuntai" + "" + ""; let row = kalenteri.appendChild(document.createElement("tbody")).appendChild(document.createElement("tr")); for (let k = 0; k < monthStartDay + monthLength + ((monthStartDay + monthLength) % 7 == 0 ? 0 : 7 - (monthStartDay + monthLength) % 7); k++) { let cell = row.appendChild(document.createElement("td")); if (k < monthStartDay || k >= monthStartDay + monthLength) { cell.classList.add("empty") continue; } cell.setAttribute("data-day", k - monthStartDay + 1); cell.appendChild(document.createElement("time")).innerHTML = k - monthStartDay + 1; cell.appendChild(document.createElement("ul")); if ((k+1) % 7 == 0) row = row.parentElement.appendChild(document.createElement("tr")); } } } for (let viesti of viestit) { const dateObjectToCell = o => document.querySelector("#vuosi-" + o.year + " [data-month = '" + o.month + "']" + " [data-day = '" + o.day + "']"); dateObjectToCell(viesti.date).querySelector("ul").appendChild(document.createElement("li")).innerHTML = viesti.name; // Turvavyöhykkeet if (typeof viesti.zoneStart !== "undefined" && typeof viesti.zoneEnd !== "undefined" && typeof viesti.zoneColor !== "undefined") { const startDate = new Date(viesti.zoneStart.year, viesti.zoneStart.month - 1, viesti.zoneStart.day); const endDate = new Date(viesti.zoneEnd.year, viesti.zoneEnd.month - 1, viesti.zoneEnd.day + 1); let zoneDate = startDate; while (zoneDate.toString() !== endDate.toString()) { let o = {year: zoneDate.getFullYear(), month: zoneDate.getMonth() + 1, day: zoneDate.getDate()}; dateObjectToCell(o).style.backgroundColor = viesti.zoneColor; zoneDate = new Date(o.year, o.month - 1, o.day + 1); } } }