aboutsummaryrefslogtreecommitdiffstats
path: root/library/fullcalendar/examples/google-calendar.html
diff options
context:
space:
mode:
Diffstat (limited to 'library/fullcalendar/examples/google-calendar.html')
-rw-r--r--library/fullcalendar/examples/google-calendar.html86
1 files changed, 0 insertions, 86 deletions
diff --git a/library/fullcalendar/examples/google-calendar.html b/library/fullcalendar/examples/google-calendar.html
deleted file mode 100644
index 96194ac62..000000000
--- a/library/fullcalendar/examples/google-calendar.html
+++ /dev/null
@@ -1,86 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<meta charset='utf-8' />
-<link href='../packages/core/main.css' rel='stylesheet' />
-<link href='../packages/daygrid/main.css' rel='stylesheet' />
-<link href='../packages/list/main.css' rel='stylesheet' />
-<script src='../packages/core/main.js'></script>
-<script src='../packages/interaction/main.js'></script>
-<script src='../packages/daygrid/main.js'></script>
-<script src='../packages/list/main.js'></script>
-<script src='../packages/google-calendar/main.js'></script>
-<script>
-
- document.addEventListener('DOMContentLoaded', function() {
- var calendarEl = document.getElementById('calendar');
-
- var calendar = new FullCalendar.Calendar(calendarEl, {
-
- plugins: [ 'interaction', 'dayGrid', 'list', 'googleCalendar' ],
-
- header: {
- left: 'prev,next today',
- center: 'title',
- right: 'dayGridMonth,listYear'
- },
-
- displayEventTime: false, // don't show the time column in list view
-
- // THIS KEY WON'T WORK IN PRODUCTION!!!
- // To make your own Google API key, follow the directions here:
- // http://fullcalendar.io/docs/google_calendar/
- googleCalendarApiKey: 'AIzaSyDcnW6WejpTOCffshGDDb4neIrXVUA1EAE',
-
- // US Holidays
- events: 'en.usa#holiday@group.v.calendar.google.com',
-
- eventClick: function(arg) {
- // opens events in a popup window
- window.open(arg.event.url, 'google-calendar-event', 'width=700,height=600');
-
- arg.jsEvent.preventDefault() // don't navigate in main tab
- },
-
- loading: function(bool) {
- document.getElementById('loading').style.display =
- bool ? 'block' : 'none';
- }
-
- });
-
- calendar.render();
- });
-
-</script>
-<style>
-
- body {
- margin: 40px 10px;
- padding: 0;
- font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
- font-size: 14px;
- }
-
- #loading {
- display: none;
- position: absolute;
- top: 10px;
- right: 10px;
- }
-
- #calendar {
- max-width: 900px;
- margin: 0 auto;
- }
-
-</style>
-</head>
-<body>
-
- <div id='loading'>loading...</div>
-
- <div id='calendar'></div>
-
-</body>
-</html>