2023-10-20 14:22:48 +02:00
|
|
|
---
|
2023-10-20 14:30:55 +02:00
|
|
|
layout: default
|
2023-10-20 14:22:48 +02:00
|
|
|
title: Events
|
|
|
|
|
permalink: /events
|
|
|
|
|
icon: "far fa-calendar"
|
|
|
|
|
---
|
|
|
|
|
|
2023-10-20 14:30:55 +02:00
|
|
|
<center>
|
|
|
|
|
<h2 class="title"> <i class="far fa-calendar"></i> Events </h2>
|
|
|
|
|
</center>
|
|
|
|
|
|
2023-10-20 14:22:48 +02:00
|
|
|
<html lang='de'>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset='utf-8' />
|
2023-10-20 15:22:28 +02:00
|
|
|
<script src='/assets/js/vendor/fullcalendar/index.global.min.js'></script>
|
|
|
|
|
<script src='/assets/js/vendor/fullcalendar/de.global.min.js'></script>
|
2023-10-20 14:22:48 +02:00
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
|
|
|
var calendarEl = document.getElementById('calendar');
|
|
|
|
|
var calendar = new FullCalendar.Calendar(calendarEl, {
|
2023-10-22 13:44:23 +02:00
|
|
|
initialView: 'dayGridMonth',
|
|
|
|
|
height: "auto",
|
|
|
|
|
locale: 'de',
|
2023-10-22 13:44:53 +02:00
|
|
|
events: '/calendar-data',
|
|
|
|
|
weekNumbers: true,
|
|
|
|
|
headerToolbar:
|
|
|
|
|
{
|
|
|
|
|
left: 'today',
|
|
|
|
|
center: 'title',
|
|
|
|
|
right: 'prev,next'
|
|
|
|
|
}
|
2023-10-20 14:22:48 +02:00
|
|
|
});
|
|
|
|
|
calendar.render();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id='calendar' style="width:80%; margin: auto;"></div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
