mirror of
https://github.com/tabler/tabler.git
synced 2026-08-07 03:42:27 +04:00
codecalm
f27c70ad38
`Render Modal as real markup` (#2742) reformatted ~140 files back to tabs/semicolons, breaking the Prettier config added by the Astro quality gates (#2749). Re-run prettier --write to restore it, and fix the type errors it had been masking: HTMLElement casts and `this` typing in ChangePasswordModalContent/ConfirmDeleteModalContent scripts, plain-JS syntax in the inline-injected progress.astro script, narrowed prop unions in Button/Check/Spinner, nullable icon svg casts in Icons/Rating, and a duplicate firstLetters/invalid `placeholder` attribute in Select.astro. Also fix shared/vitest.config.mts's stale `astro/lib/**/*.test.ts` include glob left over from the shared source restructure, which made `pnpm test` report zero test files.
59 lines
2.3 KiB
Plaintext
59 lines
2.3 KiB
Plaintext
---
|
|
// Sample events carry [day, hour, minute] tuples — Date objects are built at
|
|
// runtime, relative to currentYear/currentMonth.
|
|
import CaptureScript from '../components/CaptureScript.astro'
|
|
interface Props {
|
|
id?: string
|
|
/** Injects the demo events array */
|
|
sampleEvents?: boolean
|
|
}
|
|
|
|
const { id = 'default', sampleEvents } = Astro.props
|
|
const calendarId = `calendar-${id}`
|
|
|
|
const sampleEventData = sampleEvents
|
|
? [
|
|
{
|
|
title: 'Offsite Retreat',
|
|
start: [2, 9, 0],
|
|
end: [4, 17, 0],
|
|
color: 'var(--tblr-red)',
|
|
backgroundColor: 'var(--tblr-red-lt)',
|
|
borderColor: 'var(--tblr-red-200)',
|
|
},
|
|
{ title: 'Monthly Planning', start: [1, 10, 0], end: [1, 11, 30] },
|
|
{ title: 'Marketing Strategy Call', start: [4, 14, 0], end: [4, 15, 0] },
|
|
{ title: 'Design Sprint', start: [7, 9, 0], end: [7, 12, 0] },
|
|
{ title: 'Dev Team Check-in', start: [10, 11, 0], end: [10, 11, 30] },
|
|
{ title: 'Customer Feedback Review', start: [13, 13, 0], end: [13, 14, 0] },
|
|
{ title: 'Mid-Month Review', start: [15, 10, 30], end: [15, 11, 30] },
|
|
{ title: 'Webinar: Product Update', start: [18, 16, 0], end: [18, 17, 0] },
|
|
{ title: 'Sales Training', start: [21, 9, 30], end: [21, 11, 0] },
|
|
{ title: 'Company All-Hands', start: [25, 15, 0], end: [25, 16, 0] },
|
|
{ title: 'End-of-Month Wrap-up', start: [31, 10, 0], end: [31, 11, 0] },
|
|
]
|
|
: undefined
|
|
---
|
|
|
|
<div id={calendarId}></div>
|
|
<CaptureScript>
|
|
<!-- BEGIN FULLCALENDAR -->
|
|
<script define:vars={{ calendarId, sampleEventData }}>
|
|
function initCalendar() {
|
|
const calendarEl = document.getElementById(calendarId)
|
|
const currentYear = new Date().getFullYear()
|
|
const currentMonth = new Date().getMonth()
|
|
const toDate = ([day, hour, minute]) => new Date(currentYear, currentMonth, day, hour, minute)
|
|
|
|
const calendar = new FullCalendar.Calendar(calendarEl, {
|
|
initialView: 'dayGridMonth',
|
|
...(sampleEventData ? { events: sampleEventData.map((event) => ({ ...event, start: toDate(event.start), end: toDate(event.end) })) } : {}),
|
|
})
|
|
calendar.render()
|
|
}
|
|
|
|
document.readyState !== 'loading' ? initCalendar() : document.addEventListener('DOMContentLoaded', initCalendar, { once: true })
|
|
</script>
|
|
<!-- END FULLCALENDAR -->
|
|
</CaptureScript>
|