event_index: Add buttons to switch event sources

molgen · Mar 26, 2021 · ccdc394 · ccdc394
1 parent 8f7dbff
commit ccdc394
Showing 1 changed file with 21 additions and 2 deletions.
diff --git a/mpicms/templates/events/event_index.html b/mpicms/templates/events/event_index.html
@@ -8,8 +8,17 @@ <h2 class="title is-2">{{ page.title }}</h2>
 
         <div id="calendar"></div>
         <br>
-        <a href="https://it.molgen.mpg.de/cgi-bin/ics/subscription?cal=molgen&subscribe=1" class="button cal-button">{% trans 'Subscribe' %}</a>
-
+        <div class="fc-toolbar">
+            <div class="fc-left">
+                <a href="https://it.molgen.mpg.de/cgi-bin/ics/subscription?cal=molgen&subscribe=1" class="button cal-button">{% trans 'Subscribe' %}</a>
+            </div>
+            <div class="fc-center">
+            </div>
+            <div class="fc-right">
+                <a id="switch_external" class="button" style="background-color: silver;  color: black">external events</a>
+                <a id="switch_internal" class="button" style="background-color: #006c66; color: white">events @MPIMG</a>
+            </div>
+        </div>
     </div>
 
 {% autoescape off %}
@@ -31,6 +40,16 @@ <h2 class="title is-2">{{ page.title }}</h2>
                     right:  'prev,next today'
                 }
             });
+            x = calendar;
+
+            document.getElementById('switch_external').addEventListener("click", function() {
+                calendar.getEventSources()[0].remove()
+                calendar.addEventSource(event_source_external)
+            });
+            document.getElementById('switch_internal').addEventListener("click", function() {
+                calendar.getEventSources()[0].remove()
+                calendar.addEventSource(event_source_internal)
+            });
 
             calendar.render();
         });