Function defaultHtmlContent

pages/calendar.ts:70–116

(
  { userCalendars, userCalendarEvents, baseUrl, view, startDate, timezoneId, timezoneUtcOffset }: {
    userCalendars: Calendar[];
    userCalendarEvents: CalendarEvent[];
    baseUrl: string;
    view: CalendarView;
    startDate: string;
    timezoneId: string;
    timezoneUtcOffset: number;
  },
)

}

function defaultHtmlContent(
  { userCalendars, userCalendarEvents, baseUrl, view, startDate, timezoneId, timezoneUtcOffset }: {
    userCalendars: Calendar[];
    userCalendarEvents: CalendarEvent[];
    baseUrl: string;
    view: CalendarView;
    startDate: string;
    timezoneId: string;
    timezoneUtcOffset: number;
  },
) {
  return html`
    <main id="main">
      <section id="main-calendar">
        ${Loading()}
      </section>
    </main>

    <script type="module">
    import { h, render, Fragment } from 'preact';

    // Imported files need some preact globals to work
    window.h = h;
    window.Fragment = Fragment;

    import MainCalendar from '/public/components/calendar/MainCalendar.js';

    const mainCalendarElement = document.getElementById('main-calendar');

    if (mainCalendarElement) {
      const mainCalendarApp = h(MainCalendar, {
        initialCalendars: ${JSON.stringify(userCalendars || [])},
        initialCalendarEvents: ${JSON.stringify(userCalendarEvents || [])},
        baseUrl: ${JSON.stringify(baseUrl)},
        view: ${JSON.stringify(view)},
        startDate: ${JSON.stringify(startDate)},
        timezoneId: ${JSON.stringify(timezoneId)},
        timezoneUtcOffset: ${JSON.stringify(timezoneUtcOffset)},
      });

      render(mainCalendarApp, mainCalendarElement);

      document.getElementById('loading')?.remove();
    }
    </script>
  `;
}

export default page({
  get,