Add links to google calendar/iCal

This commit is contained in:
Adam Goldsmith 2022-10-14 11:45:33 -04:00
parent 473fe22fb1
commit c89dad7c2c
4 changed files with 28 additions and 4 deletions

View File

@ -28,6 +28,7 @@
"@babel/runtime": "^7.19.0", "@babel/runtime": "^7.19.0",
"@fullcalendar/core": "^5.11.3", "@fullcalendar/core": "^5.11.3",
"@fullcalendar/icalendar": "^5.11.3", "@fullcalendar/icalendar": "^5.11.3",
"@fullcalendar/resource-common": "^5.11.3",
"@fullcalendar/resource-timegrid": "^5.11.3", "@fullcalendar/resource-timegrid": "^5.11.3",
"@fullcalendar/resource-timeline": "^5.11.3", "@fullcalendar/resource-timeline": "^5.11.3",
"@fullcalendar/timegrid": "^5.11.3", "@fullcalendar/timegrid": "^5.11.3",

View File

@ -7,6 +7,7 @@ specifiers:
'@babel/runtime': ^7.19.0 '@babel/runtime': ^7.19.0
'@fullcalendar/core': ^5.11.3 '@fullcalendar/core': ^5.11.3
'@fullcalendar/icalendar': ^5.11.3 '@fullcalendar/icalendar': ^5.11.3
'@fullcalendar/resource-common': ^5.11.3
'@fullcalendar/resource-timegrid': ^5.11.3 '@fullcalendar/resource-timegrid': ^5.11.3
'@fullcalendar/resource-timeline': ^5.11.3 '@fullcalendar/resource-timeline': ^5.11.3
'@fullcalendar/timegrid': ^5.11.3 '@fullcalendar/timegrid': ^5.11.3
@ -29,6 +30,7 @@ dependencies:
'@babel/runtime': 7.19.0 '@babel/runtime': 7.19.0
'@fullcalendar/core': 5.11.3 '@fullcalendar/core': 5.11.3
'@fullcalendar/icalendar': 5.11.3 '@fullcalendar/icalendar': 5.11.3
'@fullcalendar/resource-common': 5.11.3
'@fullcalendar/resource-timegrid': 5.11.3 '@fullcalendar/resource-timegrid': 5.11.3
'@fullcalendar/resource-timeline': 5.11.3 '@fullcalendar/resource-timeline': 5.11.3
'@fullcalendar/timegrid': 5.11.3 '@fullcalendar/timegrid': 5.11.3

View File

@ -86,11 +86,14 @@ export const common_calendarOptions: CalendarOptions = {
minute: '2-digit', minute: '2-digit',
hour12: false, hour12: false,
}, },
resources: Object.entries(shops).map(([shop, tools]) => { resources: Object.entries(shops).map(([shop_name, shop]) => {
return { return {
id: shop, id: shop_name,
title: shop, title: shop_name,
children: tools.children?.map((tool) => { extendedProps: {
calendar: shop.calendar,
},
children: shop.children?.map((tool) => {
return { return {
id: tool, id: tool,
title: tool, title: tool,

View File

@ -1,5 +1,6 @@
import '@fullcalendar/core'; import '@fullcalendar/core';
import { CalendarOptions, EventContentArg } from '@fullcalendar/core'; import { CalendarOptions, EventContentArg } from '@fullcalendar/core';
import { ResourceLabelContentArg } from '@fullcalendar/resource-common';
import timeGridPlugin from '@fullcalendar/timegrid'; import timeGridPlugin from '@fullcalendar/timegrid';
import resourceTimelinePlugin from '@fullcalendar/resource-timeline'; import resourceTimelinePlugin from '@fullcalendar/resource-timeline';
import { createElement } from 'preact'; import { createElement } from 'preact';
@ -24,6 +25,23 @@ const calendarOptions: CalendarOptions = {
resourceTimeline: 'day', resourceTimeline: 'day',
}, },
initialView: 'resourceTimeline', initialView: 'resourceTimeline',
resourceLabelContent: (
arg: ResourceLabelContentArg,
h: typeof createElement
) => {
const calendar = arg.resource.extendedProps.calendar;
if (calendar) {
const embed_link = `https://calendar.google.com/calendar/embed?ctz=America%2FNew_York&src=${calendar}`;
const ical_link = `https://calendar.google.com/calendar/ical/${calendar}/public/basic.ics`;
return h(
'span',
null,
h('a', { href: embed_link }, arg.resource.title),
' ',
h('a', { href: ical_link }, ' [iCal 📅]')
);
}
},
eventContent: (arg: EventContentArg, h: typeof createElement) => { eventContent: (arg: EventContentArg, h: typeof createElement) => {
if (arg.view.type != 'resourceTimeline') { if (arg.view.type != 'resourceTimeline') {
let resources = arg.event let resources = arg.event