From 8f7dbfff67d6810e308e5f68c48db77c6a2b8abd Mon Sep 17 00:00:00 2001
From: Donald Buczek <buczek@molgen.mpg.de>
Date: Fri, 26 Mar 2021 17:44:06 +0100
Subject: [PATCH] event_index: Use event sources

Retrive and use internal and external events as two event sources for
FullCalendar.
---
 mpicms/templates/events/event_index.html | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/mpicms/templates/events/event_index.html b/mpicms/templates/events/event_index.html
index e10110e..b397492 100644
--- a/mpicms/templates/events/event_index.html
+++ b/mpicms/templates/events/event_index.html
@@ -12,15 +12,18 @@ <h2 class="title is-2">{{ page.title }}</h2>
 
     </div>
 
-    {% get_json_events page as events %}
+{% autoescape off %}
     <script>
 
+        var event_source_internal = { events: {% get_json_events page %}, color: '#006c66' };
+        var event_source_external = { events: {% get_json_events page True %}, color: 'silver', textColor: 'black' };
+
         document.addEventListener('DOMContentLoaded', function() {
             var calendarEl = document.getElementById('calendar');
 
             var calendar = new FullCalendar.Calendar(calendarEl, {
                 plugins: [ 'dayGrid', 'timeGrid' ],
-                events: {{ events|safe }},
+                eventSources: [ event_source_internal ],
                 locale: '{{ LANGUAGE_CODE }}',
                 header: {
                     left:   'dayGridMonth,timeGridWeek,timeGridDay',
@@ -33,5 +36,6 @@ <h2 class="title is-2">{{ page.title }}</h2>
         });
 
     </script>
+{% endautoescape %}
 
 {% endblock %}