121 lines
3.8 KiB
TypeScript
121 lines
3.8 KiB
TypeScript
import { Handlers, PageProps } from 'fresh/server.ts';
|
|
|
|
import { Calendar, CalendarEvent, FreshContextState } from '/lib/types.ts';
|
|
import { convertFormDataToObject } from '/lib/utils.ts';
|
|
import { getCalendarEvent, getCalendars, updateCalendarEvent } from '/lib/data/calendar.ts';
|
|
import { getFormDataField } from '/lib/form-utils.tsx';
|
|
import ViewCalendarEvent, { formFields } from '/islands/calendar/ViewCalendarEvent.tsx';
|
|
|
|
interface Data {
|
|
calendarEvent: CalendarEvent;
|
|
calendars: Calendar[];
|
|
error?: string;
|
|
notice?: string;
|
|
formData: Record<string, any>;
|
|
}
|
|
|
|
export const handler: Handlers<Data, FreshContextState> = {
|
|
async GET(request, context) {
|
|
if (!context.state.user) {
|
|
return new Response('Redirect', { status: 303, headers: { 'Location': `/login` } });
|
|
}
|
|
|
|
const { calendarEventId } = context.params;
|
|
|
|
const calendarEvent = await getCalendarEvent(calendarEventId, context.state.user.id);
|
|
|
|
if (!calendarEvent) {
|
|
return new Response('Not found', { status: 404 });
|
|
}
|
|
|
|
const calendars = await getCalendars(context.state.user.id);
|
|
|
|
return await context.render({ calendarEvent, calendars, formData: {} });
|
|
},
|
|
async POST(request, context) {
|
|
if (!context.state.user) {
|
|
return new Response('Redirect', { status: 303, headers: { 'Location': `/login` } });
|
|
}
|
|
|
|
const { calendarEventId } = context.params;
|
|
|
|
const calendarEvent = await getCalendarEvent(calendarEventId, context.state.user.id);
|
|
|
|
if (!calendarEvent) {
|
|
return new Response('Not found', { status: 404 });
|
|
}
|
|
|
|
const calendars = await getCalendars(context.state.user.id);
|
|
|
|
const formData = await request.formData();
|
|
|
|
calendarEvent.title = getFormDataField(formData, 'title');
|
|
calendarEvent.start_date = new Date(getFormDataField(formData, 'start_date'));
|
|
calendarEvent.end_date = new Date(getFormDataField(formData, 'end_date'));
|
|
calendarEvent.is_all_day = getFormDataField(formData, 'is_all_day') === 'true';
|
|
calendarEvent.status = getFormDataField(formData, 'status') as CalendarEvent['status'];
|
|
|
|
calendarEvent.extra.description = getFormDataField(formData, 'description') || undefined;
|
|
calendarEvent.extra.url = getFormDataField(formData, 'url') || undefined;
|
|
calendarEvent.extra.location = getFormDataField(formData, 'location') || undefined;
|
|
|
|
const newCalendarId = getFormDataField(formData, 'calendar_id');
|
|
let oldCalendarId: string | undefined;
|
|
|
|
if (newCalendarId !== calendarEvent.calendar_id) {
|
|
oldCalendarId = calendarEvent.calendar_id;
|
|
}
|
|
|
|
calendarEvent.calendar_id = newCalendarId;
|
|
|
|
// TODO: More fields, transparency, attendees, recurrence
|
|
|
|
try {
|
|
if (!calendarEvent.title) {
|
|
throw new Error(`Title is required.`);
|
|
}
|
|
|
|
formFields(calendarEvent, calendars).forEach((field) => {
|
|
if (field.required) {
|
|
const value = formData.get(field.name);
|
|
|
|
if (!value) {
|
|
throw new Error(`${field.label} is required`);
|
|
}
|
|
}
|
|
});
|
|
|
|
await updateCalendarEvent(calendarEvent, oldCalendarId);
|
|
|
|
return await context.render({
|
|
calendarEvent,
|
|
calendars,
|
|
notice: 'Event updated successfully!',
|
|
formData: convertFormDataToObject(formData),
|
|
});
|
|
} catch (error) {
|
|
console.error(error);
|
|
return await context.render({
|
|
calendarEvent,
|
|
calendars,
|
|
error: error.toString(),
|
|
formData: convertFormDataToObject(formData),
|
|
});
|
|
}
|
|
},
|
|
};
|
|
|
|
export default function ContactsPage({ data }: PageProps<Data, FreshContextState>) {
|
|
return (
|
|
<main>
|
|
<ViewCalendarEvent
|
|
initialCalendarEvent={data.calendarEvent}
|
|
calendars={data.calendars}
|
|
formData={data.formData}
|
|
error={data.error}
|
|
notice={data.notice}
|
|
/>
|
|
</main>
|
|
);
|
|
}
|