63 lines
2.0 KiB
JavaScript
63 lines
2.0 KiB
JavaScript
document.addEventListener("DOMContentLoaded", function () {
|
|
let url =
|
|
"https://ical2json.c3re.de/api/?url=https%3A%2F%2Fcloud.c3re.de%2Fremote.php%2Fdav%2Fpublic-calendars%2FRLKKkdjNYgXH8yEz%3Fexport&start=today&end=next+month&maxitems=10";
|
|
let xmlHttp = new XMLHttpRequest();
|
|
let zeropad = function (i) {
|
|
let o = "";
|
|
if (i <= 9) o += "0";
|
|
o += i;
|
|
return o;
|
|
};
|
|
xmlHttp.onreadystatechange = function () {
|
|
if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
|
|
let cal = JSON.parse(xmlHttp.responseText);
|
|
let $ = jQuery;
|
|
let box = $("#calendar");
|
|
for (let item of cal) {
|
|
let li = $("<li/>");
|
|
//li.text(item.summary)
|
|
let startDate = new Date(item.start * 1000);
|
|
let date = $("<span class='date'/>");
|
|
date.text(
|
|
zeropad(startDate.getDate()) +
|
|
"." +
|
|
zeropad(1 + startDate.getMonth()) +
|
|
"." +
|
|
startDate.getFullYear() +
|
|
" - " +
|
|
zeropad(startDate.getHours()) +
|
|
":" +
|
|
zeropad(startDate.getMinutes())
|
|
);
|
|
date.appendTo(li);
|
|
let summary = $("<span class='summary'/>");
|
|
summary.text(item.summary);
|
|
if (item.url) {
|
|
let a = $("<a/>");
|
|
a.attr("href", item.url);
|
|
a.attr("title", item.description);
|
|
a.append(summary);
|
|
a.appendTo(li);
|
|
} else {
|
|
summary.appendTo(li);
|
|
}
|
|
if (item.location) {
|
|
let loc = $("<span class='location'>📍</span>");
|
|
|
|
loc.attr("data-loc", item.location);
|
|
loc.attr("title", "Click to copy: " + item.location);
|
|
loc.appendTo(li);
|
|
}
|
|
|
|
li.attr("title", item.description);
|
|
li.appendTo(box);
|
|
}
|
|
$(".location", box).click(function () {
|
|
navigator.clipboard.writeText($(this).attr("data-loc"));
|
|
});
|
|
}
|
|
};
|
|
xmlHttp.open("GET", url, true); // true for asynchronous
|
|
xmlHttp.send();
|
|
});
|