webseite/templates/kalender.html
2019-02-12 17:45:44 +01:00

40 lines
1.3 KiB
HTML

{% extends "layout.html" %}
{% block title %}{{ this.title }}{% endblock %}
{% block body %}
<link rel="stylesheet" href="fullcalendar.min.css">
<script src="jquery-3.3.1.min.js"></script>
<script src="moment.min.js"></script>
<script src="fullcalendar.min.js"></script>
<script src="ical.min.js"></script>
<script src="calendarview.js"></script>
<script src="de.js"></script>
<script>
$(document).ready(function() {
$('#calendar').fullCalendar({
height: 1000,
defaultView: 'month',
timezone: 'local',
weekends: true
});
$('#calendar').fullCalendar('addEventSource', ical_event_source('{{ this.kalender_id }}', 'green', ''));
setInterval(() => $('#calendar').fullCalendar('refetchEvents'), 5 * 60 * 1000);
setInterval(() => $('#calendar').fullCalendar('gotoDate', moment()), 30 * 60 * 1000);
});
</script>
<div id="main" class="wrapper style1">
<div class="container">
<header class="major">
<h2>{{ this.title }}</h2>
<p>{{ this.slogan }}</p>
</header>
<!-- Content -->
<section id="content">
<div class="col-2">
<a href="{{ this.ics_url }}" class="button fit">{{ this.ics }}</a>
<a href="{{ this.web_url }}" class="button fit">{{ this.web }}</a>
</div>
{{ this.content }}
</section>
</div>
</div>
{% endblock %}