Pages Roya

themes/coopgo-theme/layouts/shortcodes/calendar.html

@@ -0,0 +1,46 @@
+<div id='calendar'></div>
+
+<!--<script type="text/plain" language="javascript" src="https://cdn.jsdelivr.net/npm/ical.js@2.1.0/dist/ical.es5.min.cjs"></script>
+<script src='https://cdn.jsdelivr.net/npm/fullcalendar@6.1.15/index.global.min.js'></script>
+<script src='https://cdn.jsdelivr.net/npm/@fullcalendar/icalendar@6.1.15/index.global.min.js'></script>-->
+
+<script type='importmap'>
+      {
+        "imports": {
+          "@fullcalendar/core": "https://cdn.skypack.dev/@fullcalendar/core@6.1.15",
+          "@fullcalendar/daygrid": "https://cdn.skypack.dev/@fullcalendar/daygrid@6.1.15",
+          "@fullcalendar/icalendar": "https://cdn.skypack.dev/@fullcalendar/icalendar@6.1.15",
+          "@fullcalendar/core/locales": "https://cdn.skypack.dev/@fullcalendar/core/locales@6.1.15"
+        }
+      }
+    </script>
+<script type="module">
+
+    //import ICAL from "https://cdn.jsdelivr.net/npm/ical.js@2.1.0/dist/ical.min.js";
+    import { Calendar } from '@fullcalendar/core';
+    import dayGridPlugin from '@fullcalendar/daygrid';
+    import iCalendarPlugin from '@fullcalendar/icalendar';
+    //import frLocale from '@fullcalendar/core/locales/fr';
+    
+      document.addEventListener('DOMContentLoaded', function() {
+        var calendarEl = document.getElementById('calendar');
+        var calendar = new Calendar(calendarEl, {
+          initialView: 'dayGridMonth',
+          plugins: [dayGridPlugin, iCalendarPlugin],
+          locale: "fr",
+          firstDay: 1,
+          eventClick: function(info) {
+              alert("Date : "+info.event.start.toLocaleDateString()+ "\nHoraires : " +info.event.start.toLocaleTimeString()+"-"+info.event.end.toLocaleTimeString()+ "\n\n" + info.event.title);
+          },
+          events: {
+              url: '{{.Get 0}}',
+              dataType : 'jsonp',
+              format: 'ics'
+          }
+        });
+        calendar.render();
+      });
+
+</script>
+
+