forked from UsrSpace-Internal/website
76 lines
1.9 KiB
HTML
76 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset='utf-8' />
|
|
<link href='assets/css/fullcalendar.min.css' rel='stylesheet' />
|
|
<link href='assets/css/fullcalendar.print.min.css' rel='stylesheet' media='print' />
|
|
<script src='assets/js/fullcalendar/lib/moment.min.js'></script>
|
|
<script src='assets/js/fullcalendar/lib/jquery.min.js'></script>
|
|
<script src='assets/js/fullcalendar/fullcalendar.min.js'></script>
|
|
<script src='assets/js/fullcalendar/locale/de-at.js'></script>
|
|
<script src='assets/js/fullcalendar/lib/ical.js'></script>
|
|
<script src='assets/js/fullcalendar/lib/ical_events.js'></script>
|
|
<script src='assets/js/fullcalendar/lib/ical_fullcalendar.js'></script>
|
|
<script>
|
|
ics_sources = [
|
|
{url:'termine.ics',event_properties:{color:'green'}}
|
|
]
|
|
|
|
function data_req (url, callback) {
|
|
req = new XMLHttpRequest()
|
|
req.addEventListener('load', callback)
|
|
req.open('GET', url)
|
|
req.send()
|
|
}
|
|
|
|
function load_ics(ics){
|
|
data_req(ics.url, function(){
|
|
$('#calendar').fullCalendar('addEventSource', fc_events(this.response, ics.event_properties))
|
|
sources_to_load_cnt -= 1
|
|
})
|
|
}
|
|
|
|
$(document).ready(function() {
|
|
$('#calendar').fullCalendar({
|
|
defaultView: 'month',
|
|
header: {
|
|
left: 'prev,next today',
|
|
center: 'title',
|
|
right: 'month,agendaWeek,agendaDay'
|
|
},
|
|
scrollTime: '10:00:00',
|
|
navLinks: true,
|
|
weekNumbers: true,
|
|
weekNumbersWithinDays: true,
|
|
weekNumberCalculation: 'ISO',
|
|
eventLimit: true, // allow "more" link when too many events
|
|
});
|
|
sources_to_load_cnt = ics_sources.length;
|
|
for (ics of ics_sources) {
|
|
load_ics(ics);
|
|
}
|
|
});
|
|
</script>
|
|
<style>
|
|
|
|
body {
|
|
margin: 40px 10px;
|
|
padding: 0;
|
|
font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
|
|
font-size: 14px;
|
|
}
|
|
|
|
#calendar {
|
|
max-width: 900px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div id='calendar'></div>
|
|
|
|
</body>
|
|
</html>
|