diff options
| author | polo <ordipolo@gmx.fr> | 2025-06-23 03:33:38 +0200 |
|---|---|---|
| committer | polo <ordipolo@gmx.fr> | 2025-06-23 03:33:38 +0200 |
| commit | cebc19ef236aac2968d2ffccfcff9b975b63fa8d (patch) | |
| tree | 5b8e08045a45063475f533bfae4b4524720fe7bd /public/js/fullcalendar/packages/list | |
| parent | 8cf5ac1abf9e2a6134cb82d4582aecaa99b1331a (diff) | |
| download | cms-cebc19ef236aac2968d2ffccfcff9b975b63fa8d.tar.gz cms-cebc19ef236aac2968d2ffccfcff9b975b63fa8d.tar.bz2 cms-cebc19ef236aac2968d2ffccfcff9b975b63fa8d.zip | |
fullcalendar
Diffstat (limited to 'public/js/fullcalendar/packages/list')
| -rw-r--r-- | public/js/fullcalendar/packages/list/index.global.js | 332 | ||||
| -rw-r--r-- | public/js/fullcalendar/packages/list/index.global.min.js | 6 |
2 files changed, 338 insertions, 0 deletions
diff --git a/public/js/fullcalendar/packages/list/index.global.js b/public/js/fullcalendar/packages/list/index.global.js new file mode 100644 index 0000000..930a554 --- /dev/null +++ b/public/js/fullcalendar/packages/list/index.global.js | |||
| @@ -0,0 +1,332 @@ | |||
| 1 | /*! | ||
| 2 | FullCalendar List View Plugin v6.1.17 | ||
| 3 | Docs & License: https://fullcalendar.io/docs/list-view | ||
| 4 | (c) 2024 Adam Shaw | ||
| 5 | */ | ||
| 6 | FullCalendar.List = (function (exports, core, internal$1, preact) { | ||
| 7 | 'use strict'; | ||
| 8 | |||
| 9 | class ListViewHeaderRow extends internal$1.BaseComponent { | ||
| 10 | constructor() { | ||
| 11 | super(...arguments); | ||
| 12 | this.state = { | ||
| 13 | textId: internal$1.getUniqueDomId(), | ||
| 14 | }; | ||
| 15 | } | ||
| 16 | render() { | ||
| 17 | let { theme, dateEnv, options, viewApi } = this.context; | ||
| 18 | let { cellId, dayDate, todayRange } = this.props; | ||
| 19 | let { textId } = this.state; | ||
| 20 | let dayMeta = internal$1.getDateMeta(dayDate, todayRange); | ||
| 21 | // will ever be falsy? | ||
| 22 | let text = options.listDayFormat ? dateEnv.format(dayDate, options.listDayFormat) : ''; | ||
| 23 | // will ever be falsy? also, BAD NAME "alt" | ||
| 24 | let sideText = options.listDaySideFormat ? dateEnv.format(dayDate, options.listDaySideFormat) : ''; | ||
| 25 | let renderProps = Object.assign({ date: dateEnv.toDate(dayDate), view: viewApi, textId, | ||
| 26 | text, | ||
| 27 | sideText, navLinkAttrs: internal$1.buildNavLinkAttrs(this.context, dayDate), sideNavLinkAttrs: internal$1.buildNavLinkAttrs(this.context, dayDate, 'day', false) }, dayMeta); | ||
| 28 | // TODO: make a reusable HOC for dayHeader (used in daygrid/timegrid too) | ||
| 29 | return (preact.createElement(internal$1.ContentContainer, { elTag: "tr", elClasses: [ | ||
| 30 | 'fc-list-day', | ||
| 31 | ...internal$1.getDayClassNames(dayMeta, theme), | ||
| 32 | ], elAttrs: { | ||
| 33 | 'data-date': internal$1.formatDayString(dayDate), | ||
| 34 | }, renderProps: renderProps, generatorName: "dayHeaderContent", customGenerator: options.dayHeaderContent, defaultGenerator: renderInnerContent, classNameGenerator: options.dayHeaderClassNames, didMount: options.dayHeaderDidMount, willUnmount: options.dayHeaderWillUnmount }, (InnerContent) => ( // TODO: force-hide top border based on :first-child | ||
| 35 | preact.createElement("th", { scope: "colgroup", colSpan: 3, id: cellId, "aria-labelledby": textId }, | ||
| 36 | preact.createElement(InnerContent, { elTag: "div", elClasses: [ | ||
| 37 | 'fc-list-day-cushion', | ||
| 38 | theme.getClass('tableCellShaded'), | ||
| 39 | ] }))))); | ||
| 40 | } | ||
| 41 | } | ||
| 42 | function renderInnerContent(props) { | ||
| 43 | return (preact.createElement(preact.Fragment, null, | ||
| 44 | props.text && (preact.createElement("a", Object.assign({ id: props.textId, className: "fc-list-day-text" }, props.navLinkAttrs), props.text)), | ||
| 45 | props.sideText && ( /* not keyboard tabbable */preact.createElement("a", Object.assign({ "aria-hidden": true, className: "fc-list-day-side-text" }, props.sideNavLinkAttrs), props.sideText)))); | ||
| 46 | } | ||
| 47 | |||
| 48 | const DEFAULT_TIME_FORMAT = internal$1.createFormatter({ | ||
| 49 | hour: 'numeric', | ||
| 50 | minute: '2-digit', | ||
| 51 | meridiem: 'short', | ||
| 52 | }); | ||
| 53 | class ListViewEventRow extends internal$1.BaseComponent { | ||
| 54 | render() { | ||
| 55 | let { props, context } = this; | ||
| 56 | let { options } = context; | ||
| 57 | let { seg, timeHeaderId, eventHeaderId, dateHeaderId } = props; | ||
| 58 | let timeFormat = options.eventTimeFormat || DEFAULT_TIME_FORMAT; | ||
| 59 | return (preact.createElement(internal$1.EventContainer, Object.assign({}, props, { elTag: "tr", elClasses: [ | ||
| 60 | 'fc-list-event', | ||
| 61 | seg.eventRange.def.url && 'fc-event-forced-url', | ||
| 62 | ], defaultGenerator: () => renderEventInnerContent(seg, context) /* weird */, seg: seg, timeText: "", disableDragging: true, disableResizing: true }), (InnerContent, eventContentArg) => (preact.createElement(preact.Fragment, null, | ||
| 63 | buildTimeContent(seg, timeFormat, context, timeHeaderId, dateHeaderId), | ||
| 64 | preact.createElement("td", { "aria-hidden": true, className: "fc-list-event-graphic" }, | ||
| 65 | preact.createElement("span", { className: "fc-list-event-dot", style: { | ||
| 66 | borderColor: eventContentArg.borderColor || eventContentArg.backgroundColor, | ||
| 67 | } })), | ||
| 68 | preact.createElement(InnerContent, { elTag: "td", elClasses: ['fc-list-event-title'], elAttrs: { headers: `${eventHeaderId} ${dateHeaderId}` } }))))); | ||
| 69 | } | ||
| 70 | } | ||
| 71 | function renderEventInnerContent(seg, context) { | ||
| 72 | let interactiveAttrs = internal$1.getSegAnchorAttrs(seg, context); | ||
| 73 | return (preact.createElement("a", Object.assign({}, interactiveAttrs), seg.eventRange.def.title)); | ||
| 74 | } | ||
| 75 | function buildTimeContent(seg, timeFormat, context, timeHeaderId, dateHeaderId) { | ||
| 76 | let { options } = context; | ||
| 77 | if (options.displayEventTime !== false) { | ||
| 78 | let eventDef = seg.eventRange.def; | ||
| 79 | let eventInstance = seg.eventRange.instance; | ||
| 80 | let doAllDay = false; | ||
| 81 | let timeText; | ||
| 82 | if (eventDef.allDay) { | ||
| 83 | doAllDay = true; | ||
| 84 | } | ||
| 85 | else if (internal$1.isMultiDayRange(seg.eventRange.range)) { // TODO: use (!isStart || !isEnd) instead? | ||
| 86 | if (seg.isStart) { | ||
| 87 | timeText = internal$1.buildSegTimeText(seg, timeFormat, context, null, null, eventInstance.range.start, seg.end); | ||
| 88 | } | ||
| 89 | else if (seg.isEnd) { | ||
| 90 | timeText = internal$1.buildSegTimeText(seg, timeFormat, context, null, null, seg.start, eventInstance.range.end); | ||
| 91 | } | ||
| 92 | else { | ||
| 93 | doAllDay = true; | ||
| 94 | } | ||
| 95 | } | ||
| 96 | else { | ||
| 97 | timeText = internal$1.buildSegTimeText(seg, timeFormat, context); | ||
| 98 | } | ||
| 99 | if (doAllDay) { | ||
| 100 | let renderProps = { | ||
| 101 | text: context.options.allDayText, | ||
| 102 | view: context.viewApi, | ||
| 103 | }; | ||
| 104 | return (preact.createElement(internal$1.ContentContainer, { elTag: "td", elClasses: ['fc-list-event-time'], elAttrs: { | ||
| 105 | headers: `${timeHeaderId} ${dateHeaderId}`, | ||
| 106 | }, renderProps: renderProps, generatorName: "allDayContent", customGenerator: options.allDayContent, defaultGenerator: renderAllDayInner, classNameGenerator: options.allDayClassNames, didMount: options.allDayDidMount, willUnmount: options.allDayWillUnmount })); | ||
| 107 | } | ||
| 108 | return (preact.createElement("td", { className: "fc-list-event-time" }, timeText)); | ||
| 109 | } | ||
| 110 | return null; | ||
| 111 | } | ||
| 112 | function renderAllDayInner(renderProps) { | ||
| 113 | return renderProps.text; | ||
| 114 | } | ||
| 115 | |||
| 116 | /* | ||
| 117 | Responsible for the scroller, and forwarding event-related actions into the "grid". | ||
| 118 | */ | ||
| 119 | class ListView extends internal$1.DateComponent { | ||
| 120 | constructor() { | ||
| 121 | super(...arguments); | ||
| 122 | this.computeDateVars = internal$1.memoize(computeDateVars); | ||
| 123 | this.eventStoreToSegs = internal$1.memoize(this._eventStoreToSegs); | ||
| 124 | this.state = { | ||
| 125 | timeHeaderId: internal$1.getUniqueDomId(), | ||
| 126 | eventHeaderId: internal$1.getUniqueDomId(), | ||
| 127 | dateHeaderIdRoot: internal$1.getUniqueDomId(), | ||
| 128 | }; | ||
| 129 | this.setRootEl = (rootEl) => { | ||
| 130 | if (rootEl) { | ||
| 131 | this.context.registerInteractiveComponent(this, { | ||
| 132 | el: rootEl, | ||
| 133 | }); | ||
| 134 | } | ||
| 135 | else { | ||
| 136 | this.context.unregisterInteractiveComponent(this); | ||
| 137 | } | ||
| 138 | }; | ||
| 139 | } | ||
| 140 | render() { | ||
| 141 | let { props, context } = this; | ||
| 142 | let { dayDates, dayRanges } = this.computeDateVars(props.dateProfile); | ||
| 143 | let eventSegs = this.eventStoreToSegs(props.eventStore, props.eventUiBases, dayRanges); | ||
| 144 | return (preact.createElement(internal$1.ViewContainer, { elRef: this.setRootEl, elClasses: [ | ||
| 145 | 'fc-list', | ||
| 146 | context.theme.getClass('table'), | ||
| 147 | context.options.stickyHeaderDates !== false ? | ||
| 148 | 'fc-list-sticky' : | ||
| 149 | '', | ||
| 150 | ], viewSpec: context.viewSpec }, | ||
| 151 | preact.createElement(internal$1.Scroller, { liquid: !props.isHeightAuto, overflowX: props.isHeightAuto ? 'visible' : 'hidden', overflowY: props.isHeightAuto ? 'visible' : 'auto' }, eventSegs.length > 0 ? | ||
| 152 | this.renderSegList(eventSegs, dayDates) : | ||
| 153 | this.renderEmptyMessage()))); | ||
| 154 | } | ||
| 155 | renderEmptyMessage() { | ||
| 156 | let { options, viewApi } = this.context; | ||
| 157 | let renderProps = { | ||
| 158 | text: options.noEventsText, | ||
| 159 | view: viewApi, | ||
| 160 | }; | ||
| 161 | return (preact.createElement(internal$1.ContentContainer, { elTag: "div", elClasses: ['fc-list-empty'], renderProps: renderProps, generatorName: "noEventsContent", customGenerator: options.noEventsContent, defaultGenerator: renderNoEventsInner, classNameGenerator: options.noEventsClassNames, didMount: options.noEventsDidMount, willUnmount: options.noEventsWillUnmount }, (InnerContent) => (preact.createElement(InnerContent, { elTag: "div", elClasses: ['fc-list-empty-cushion'] })))); | ||
| 162 | } | ||
| 163 | renderSegList(allSegs, dayDates) { | ||
| 164 | let { theme, options } = this.context; | ||
| 165 | let { timeHeaderId, eventHeaderId, dateHeaderIdRoot } = this.state; | ||
| 166 | let segsByDay = groupSegsByDay(allSegs); // sparse array | ||
| 167 | return (preact.createElement(internal$1.NowTimer, { unit: "day" }, (nowDate, todayRange) => { | ||
| 168 | let innerNodes = []; | ||
| 169 | for (let dayIndex = 0; dayIndex < segsByDay.length; dayIndex += 1) { | ||
| 170 | let daySegs = segsByDay[dayIndex]; | ||
| 171 | if (daySegs) { // sparse array, so might be undefined | ||
| 172 | let dayStr = internal$1.formatDayString(dayDates[dayIndex]); | ||
| 173 | let dateHeaderId = dateHeaderIdRoot + '-' + dayStr; | ||
| 174 | // append a day header | ||
| 175 | innerNodes.push(preact.createElement(ListViewHeaderRow, { key: dayStr, cellId: dateHeaderId, dayDate: dayDates[dayIndex], todayRange: todayRange })); | ||
| 176 | daySegs = internal$1.sortEventSegs(daySegs, options.eventOrder); | ||
| 177 | for (let seg of daySegs) { | ||
| 178 | innerNodes.push(preact.createElement(ListViewEventRow, Object.assign({ key: dayStr + ':' + seg.eventRange.instance.instanceId /* are multiple segs for an instanceId */, seg: seg, isDragging: false, isResizing: false, isDateSelecting: false, isSelected: false, timeHeaderId: timeHeaderId, eventHeaderId: eventHeaderId, dateHeaderId: dateHeaderId }, internal$1.getSegMeta(seg, todayRange, nowDate)))); | ||
| 179 | } | ||
| 180 | } | ||
| 181 | } | ||
| 182 | return (preact.createElement("table", { className: 'fc-list-table ' + theme.getClass('table') }, | ||
| 183 | preact.createElement("thead", null, | ||
| 184 | preact.createElement("tr", null, | ||
| 185 | preact.createElement("th", { scope: "col", id: timeHeaderId }, options.timeHint), | ||
| 186 | preact.createElement("th", { scope: "col", "aria-hidden": true }), | ||
| 187 | preact.createElement("th", { scope: "col", id: eventHeaderId }, options.eventHint))), | ||
| 188 | preact.createElement("tbody", null, innerNodes))); | ||
| 189 | })); | ||
| 190 | } | ||
| 191 | _eventStoreToSegs(eventStore, eventUiBases, dayRanges) { | ||
| 192 | return this.eventRangesToSegs(internal$1.sliceEventStore(eventStore, eventUiBases, this.props.dateProfile.activeRange, this.context.options.nextDayThreshold).fg, dayRanges); | ||
| 193 | } | ||
| 194 | eventRangesToSegs(eventRanges, dayRanges) { | ||
| 195 | let segs = []; | ||
| 196 | for (let eventRange of eventRanges) { | ||
| 197 | segs.push(...this.eventRangeToSegs(eventRange, dayRanges)); | ||
| 198 | } | ||
| 199 | return segs; | ||
| 200 | } | ||
| 201 | eventRangeToSegs(eventRange, dayRanges) { | ||
| 202 | let { dateEnv } = this.context; | ||
| 203 | let { nextDayThreshold } = this.context.options; | ||
| 204 | let range = eventRange.range; | ||
| 205 | let allDay = eventRange.def.allDay; | ||
| 206 | let dayIndex; | ||
| 207 | let segRange; | ||
| 208 | let seg; | ||
| 209 | let segs = []; | ||
| 210 | for (dayIndex = 0; dayIndex < dayRanges.length; dayIndex += 1) { | ||
| 211 | segRange = internal$1.intersectRanges(range, dayRanges[dayIndex]); | ||
| 212 | if (segRange) { | ||
| 213 | seg = { | ||
| 214 | component: this, | ||
| 215 | eventRange, | ||
| 216 | start: segRange.start, | ||
| 217 | end: segRange.end, | ||
| 218 | isStart: eventRange.isStart && segRange.start.valueOf() === range.start.valueOf(), | ||
| 219 | isEnd: eventRange.isEnd && segRange.end.valueOf() === range.end.valueOf(), | ||
| 220 | dayIndex, | ||
| 221 | }; | ||
| 222 | segs.push(seg); | ||
| 223 | // detect when range won't go fully into the next day, | ||
| 224 | // and mutate the latest seg to the be the end. | ||
| 225 | if (!seg.isEnd && !allDay && | ||
| 226 | dayIndex + 1 < dayRanges.length && | ||
| 227 | range.end < | ||
| 228 | dateEnv.add(dayRanges[dayIndex + 1].start, nextDayThreshold)) { | ||
| 229 | seg.end = range.end; | ||
| 230 | seg.isEnd = true; | ||
| 231 | break; | ||
| 232 | } | ||
| 233 | } | ||
| 234 | } | ||
| 235 | return segs; | ||
| 236 | } | ||
| 237 | } | ||
| 238 | function renderNoEventsInner(renderProps) { | ||
| 239 | return renderProps.text; | ||
| 240 | } | ||
| 241 | function computeDateVars(dateProfile) { | ||
| 242 | let dayStart = internal$1.startOfDay(dateProfile.renderRange.start); | ||
| 243 | let viewEnd = dateProfile.renderRange.end; | ||
| 244 | let dayDates = []; | ||
| 245 | let dayRanges = []; | ||
| 246 | while (dayStart < viewEnd) { | ||
| 247 | dayDates.push(dayStart); | ||
| 248 | dayRanges.push({ | ||
| 249 | start: dayStart, | ||
| 250 | end: internal$1.addDays(dayStart, 1), | ||
| 251 | }); | ||
| 252 | dayStart = internal$1.addDays(dayStart, 1); | ||
| 253 | } | ||
| 254 | return { dayDates, dayRanges }; | ||
| 255 | } | ||
| 256 | // Returns a sparse array of arrays, segs grouped by their dayIndex | ||
| 257 | function groupSegsByDay(segs) { | ||
| 258 | let segsByDay = []; // sparse array | ||
| 259 | let i; | ||
| 260 | let seg; | ||
| 261 | for (i = 0; i < segs.length; i += 1) { | ||
| 262 | seg = segs[i]; | ||
| 263 | (segsByDay[seg.dayIndex] || (segsByDay[seg.dayIndex] = [])) | ||
| 264 | .push(seg); | ||
| 265 | } | ||
| 266 | return segsByDay; | ||
| 267 | } | ||
| 268 | |||
| 269 | const OPTION_REFINERS = { | ||
| 270 | listDayFormat: createFalsableFormatter, | ||
| 271 | listDaySideFormat: createFalsableFormatter, | ||
| 272 | noEventsClassNames: internal$1.identity, | ||
| 273 | noEventsContent: internal$1.identity, | ||
| 274 | noEventsDidMount: internal$1.identity, | ||
| 275 | noEventsWillUnmount: internal$1.identity, | ||
| 276 | // noEventsText is defined in base options | ||
| 277 | }; | ||
| 278 | function createFalsableFormatter(input) { | ||
| 279 | return input === false ? null : internal$1.createFormatter(input); | ||
| 280 | } | ||
| 281 | |||
| 282 | var css_248z = ":root{--fc-list-event-dot-width:10px;--fc-list-event-hover-bg-color:#f5f5f5}.fc-theme-standard .fc-list{border:1px solid var(--fc-border-color)}.fc .fc-list-empty{align-items:center;background-color:var(--fc-neutral-bg-color);display:flex;height:100%;justify-content:center}.fc .fc-list-empty-cushion{margin:5em 0}.fc .fc-list-table{border-style:hidden;width:100%}.fc .fc-list-table tr>*{border-left:0;border-right:0}.fc .fc-list-sticky .fc-list-day>*{background:var(--fc-page-bg-color);position:sticky;top:0}.fc .fc-list-table thead{left:-10000px;position:absolute}.fc .fc-list-table tbody>tr:first-child th{border-top:0}.fc .fc-list-table th{padding:0}.fc .fc-list-day-cushion,.fc .fc-list-table td{padding:8px 14px}.fc .fc-list-day-cushion:after{clear:both;content:\"\";display:table}.fc-theme-standard .fc-list-day-cushion{background-color:var(--fc-neutral-bg-color)}.fc-direction-ltr .fc-list-day-text,.fc-direction-rtl .fc-list-day-side-text{float:left}.fc-direction-ltr .fc-list-day-side-text,.fc-direction-rtl .fc-list-day-text{float:right}.fc-direction-ltr .fc-list-table .fc-list-event-graphic{padding-right:0}.fc-direction-rtl .fc-list-table .fc-list-event-graphic{padding-left:0}.fc .fc-list-event.fc-event-forced-url{cursor:pointer}.fc .fc-list-event:hover td{background-color:var(--fc-list-event-hover-bg-color)}.fc .fc-list-event-graphic,.fc .fc-list-event-time{white-space:nowrap;width:1px}.fc .fc-list-event-dot{border:calc(var(--fc-list-event-dot-width)/2) solid var(--fc-event-border-color);border-radius:calc(var(--fc-list-event-dot-width)/2);box-sizing:content-box;display:inline-block;height:0;width:0}.fc .fc-list-event-title a{color:inherit;text-decoration:none}.fc .fc-list-event.fc-event-forced-url:hover a{text-decoration:underline}"; | ||
| 283 | internal$1.injectStyles(css_248z); | ||
| 284 | |||
| 285 | var plugin = core.createPlugin({ | ||
| 286 | name: '@fullcalendar/list', | ||
| 287 | optionRefiners: OPTION_REFINERS, | ||
| 288 | views: { | ||
| 289 | list: { | ||
| 290 | component: ListView, | ||
| 291 | buttonTextKey: 'list', | ||
| 292 | listDayFormat: { month: 'long', day: 'numeric', year: 'numeric' }, // like "January 1, 2016" | ||
| 293 | }, | ||
| 294 | listDay: { | ||
| 295 | type: 'list', | ||
| 296 | duration: { days: 1 }, | ||
| 297 | listDayFormat: { weekday: 'long' }, // day-of-week is all we need. full date is probably in headerToolbar | ||
| 298 | }, | ||
| 299 | listWeek: { | ||
| 300 | type: 'list', | ||
| 301 | duration: { weeks: 1 }, | ||
| 302 | listDayFormat: { weekday: 'long' }, | ||
| 303 | listDaySideFormat: { month: 'long', day: 'numeric', year: 'numeric' }, | ||
| 304 | }, | ||
| 305 | listMonth: { | ||
| 306 | type: 'list', | ||
| 307 | duration: { month: 1 }, | ||
| 308 | listDaySideFormat: { weekday: 'long' }, // day-of-week is nice-to-have | ||
| 309 | }, | ||
| 310 | listYear: { | ||
| 311 | type: 'list', | ||
| 312 | duration: { year: 1 }, | ||
| 313 | listDaySideFormat: { weekday: 'long' }, // day-of-week is nice-to-have | ||
| 314 | }, | ||
| 315 | }, | ||
| 316 | }); | ||
| 317 | |||
| 318 | var internal = { | ||
| 319 | __proto__: null, | ||
| 320 | ListView: ListView | ||
| 321 | }; | ||
| 322 | |||
| 323 | core.globalPlugins.push(plugin); | ||
| 324 | |||
| 325 | exports.Internal = internal; | ||
| 326 | exports["default"] = plugin; | ||
| 327 | |||
| 328 | Object.defineProperty(exports, '__esModule', { value: true }); | ||
| 329 | |||
| 330 | return exports; | ||
| 331 | |||
| 332 | })({}, FullCalendar, FullCalendar.Internal, FullCalendar.Preact); | ||
diff --git a/public/js/fullcalendar/packages/list/index.global.min.js b/public/js/fullcalendar/packages/list/index.global.min.js new file mode 100644 index 0000000..6efca61 --- /dev/null +++ b/public/js/fullcalendar/packages/list/index.global.min.js | |||
| @@ -0,0 +1,6 @@ | |||
| 1 | /*! | ||
| 2 | FullCalendar List View Plugin v6.1.17 | ||
| 3 | Docs & License: https://fullcalendar.io/docs/list-view | ||
| 4 | (c) 2024 Adam Shaw | ||
| 5 | */ | ||
| 6 | FullCalendar.List=function(e,t,n,a){"use strict";class r extends n.BaseComponent{constructor(){super(...arguments),this.state={textId:n.getUniqueDomId()}}render(){let{theme:e,dateEnv:t,options:r,viewApi:s}=this.context,{cellId:l,dayDate:o,todayRange:d}=this.props,{textId:c}=this.state,f=n.getDateMeta(o,d),u=r.listDayFormat?t.format(o,r.listDayFormat):"",g=r.listDaySideFormat?t.format(o,r.listDaySideFormat):"",m=Object.assign({date:t.toDate(o),view:s,textId:c,text:u,sideText:g,navLinkAttrs:n.buildNavLinkAttrs(this.context,o),sideNavLinkAttrs:n.buildNavLinkAttrs(this.context,o,"day",!1)},f);return a.createElement(n.ContentContainer,{elTag:"tr",elClasses:["fc-list-day",...n.getDayClassNames(f,e)],elAttrs:{"data-date":n.formatDayString(o)},renderProps:m,generatorName:"dayHeaderContent",customGenerator:r.dayHeaderContent,defaultGenerator:i,classNameGenerator:r.dayHeaderClassNames,didMount:r.dayHeaderDidMount,willUnmount:r.dayHeaderWillUnmount},t=>a.createElement("th",{scope:"colgroup",colSpan:3,id:l,"aria-labelledby":c},a.createElement(t,{elTag:"div",elClasses:["fc-list-day-cushion",e.getClass("tableCellShaded")]})))}}function i(e){return a.createElement(a.Fragment,null,e.text&&a.createElement("a",Object.assign({id:e.textId,className:"fc-list-day-text"},e.navLinkAttrs),e.text),e.sideText&&a.createElement("a",Object.assign({"aria-hidden":!0,className:"fc-list-day-side-text"},e.sideNavLinkAttrs),e.sideText))}const s=n.createFormatter({hour:"numeric",minute:"2-digit",meridiem:"short"});class l extends n.BaseComponent{render(){let{props:e,context:t}=this,{options:r}=t,{seg:i,timeHeaderId:l,eventHeaderId:d,dateHeaderId:c}=e,f=r.eventTimeFormat||s;return a.createElement(n.EventContainer,Object.assign({},e,{elTag:"tr",elClasses:["fc-list-event",i.eventRange.def.url&&"fc-event-forced-url"],defaultGenerator:()=>function(e,t){let r=n.getSegAnchorAttrs(e,t);return a.createElement("a",Object.assign({},r),e.eventRange.def.title)}(i,t),seg:i,timeText:"",disableDragging:!0,disableResizing:!0}),(e,r)=>a.createElement(a.Fragment,null,function(e,t,r,i,s){let{options:l}=r;if(!1!==l.displayEventTime){let d,c=e.eventRange.def,f=e.eventRange.instance,u=!1;if(c.allDay?u=!0:n.isMultiDayRange(e.eventRange.range)?e.isStart?d=n.buildSegTimeText(e,t,r,null,null,f.range.start,e.end):e.isEnd?d=n.buildSegTimeText(e,t,r,null,null,e.start,f.range.end):u=!0:d=n.buildSegTimeText(e,t,r),u){let e={text:r.options.allDayText,view:r.viewApi};return a.createElement(n.ContentContainer,{elTag:"td",elClasses:["fc-list-event-time"],elAttrs:{headers:`${i} ${s}`},renderProps:e,generatorName:"allDayContent",customGenerator:l.allDayContent,defaultGenerator:o,classNameGenerator:l.allDayClassNames,didMount:l.allDayDidMount,willUnmount:l.allDayWillUnmount})}return a.createElement("td",{className:"fc-list-event-time"},d)}return null}(i,f,t,l,c),a.createElement("td",{"aria-hidden":!0,className:"fc-list-event-graphic"},a.createElement("span",{className:"fc-list-event-dot",style:{borderColor:r.borderColor||r.backgroundColor}})),a.createElement(e,{elTag:"td",elClasses:["fc-list-event-title"],elAttrs:{headers:`${d} ${c}`}})))}}function o(e){return e.text}class d extends n.DateComponent{constructor(){super(...arguments),this.computeDateVars=n.memoize(f),this.eventStoreToSegs=n.memoize(this._eventStoreToSegs),this.state={timeHeaderId:n.getUniqueDomId(),eventHeaderId:n.getUniqueDomId(),dateHeaderIdRoot:n.getUniqueDomId()},this.setRootEl=e=>{e?this.context.registerInteractiveComponent(this,{el:e}):this.context.unregisterInteractiveComponent(this)}}render(){let{props:e,context:t}=this,{dayDates:r,dayRanges:i}=this.computeDateVars(e.dateProfile),s=this.eventStoreToSegs(e.eventStore,e.eventUiBases,i);return a.createElement(n.ViewContainer,{elRef:this.setRootEl,elClasses:["fc-list",t.theme.getClass("table"),!1!==t.options.stickyHeaderDates?"fc-list-sticky":""],viewSpec:t.viewSpec},a.createElement(n.Scroller,{liquid:!e.isHeightAuto,overflowX:e.isHeightAuto?"visible":"hidden",overflowY:e.isHeightAuto?"visible":"auto"},s.length>0?this.renderSegList(s,r):this.renderEmptyMessage()))}renderEmptyMessage(){let{options:e,viewApi:t}=this.context,r={text:e.noEventsText,view:t};return a.createElement(n.ContentContainer,{elTag:"div",elClasses:["fc-list-empty"],renderProps:r,generatorName:"noEventsContent",customGenerator:e.noEventsContent,defaultGenerator:c,classNameGenerator:e.noEventsClassNames,didMount:e.noEventsDidMount,willUnmount:e.noEventsWillUnmount},e=>a.createElement(e,{elTag:"div",elClasses:["fc-list-empty-cushion"]}))}renderSegList(e,t){let{theme:i,options:s}=this.context,{timeHeaderId:o,eventHeaderId:d,dateHeaderIdRoot:c}=this.state,f=function(e){let t,n,a=[];for(t=0;t<e.length;t+=1)n=e[t],(a[n.dayIndex]||(a[n.dayIndex]=[])).push(n);return a}(e);return a.createElement(n.NowTimer,{unit:"day"},(e,u)=>{let g=[];for(let i=0;i<f.length;i+=1){let m=f[i];if(m){let f=n.formatDayString(t[i]),h=c+"-"+f;g.push(a.createElement(r,{key:f,cellId:h,dayDate:t[i],todayRange:u})),m=n.sortEventSegs(m,s.eventOrder);for(let t of m)g.push(a.createElement(l,Object.assign({key:f+":"+t.eventRange.instance.instanceId,seg:t,isDragging:!1,isResizing:!1,isDateSelecting:!1,isSelected:!1,timeHeaderId:o,eventHeaderId:d,dateHeaderId:h},n.getSegMeta(t,u,e))))}}return a.createElement("table",{className:"fc-list-table "+i.getClass("table")},a.createElement("thead",null,a.createElement("tr",null,a.createElement("th",{scope:"col",id:o},s.timeHint),a.createElement("th",{scope:"col","aria-hidden":!0}),a.createElement("th",{scope:"col",id:d},s.eventHint))),a.createElement("tbody",null,g))})}_eventStoreToSegs(e,t,a){return this.eventRangesToSegs(n.sliceEventStore(e,t,this.props.dateProfile.activeRange,this.context.options.nextDayThreshold).fg,a)}eventRangesToSegs(e,t){let n=[];for(let a of e)n.push(...this.eventRangeToSegs(a,t));return n}eventRangeToSegs(e,t){let a,r,i,{dateEnv:s}=this.context,{nextDayThreshold:l}=this.context.options,o=e.range,d=e.def.allDay,c=[];for(a=0;a<t.length;a+=1)if(r=n.intersectRanges(o,t[a]),r&&(i={component:this,eventRange:e,start:r.start,end:r.end,isStart:e.isStart&&r.start.valueOf()===o.start.valueOf(),isEnd:e.isEnd&&r.end.valueOf()===o.end.valueOf(),dayIndex:a},c.push(i),!i.isEnd&&!d&&a+1<t.length&&o.end<s.add(t[a+1].start,l))){i.end=o.end,i.isEnd=!0;break}return c}}function c(e){return e.text}function f(e){let t=n.startOfDay(e.renderRange.start),a=e.renderRange.end,r=[],i=[];for(;t<a;)r.push(t),i.push({start:t,end:n.addDays(t,1)}),t=n.addDays(t,1);return{dayDates:r,dayRanges:i}}const u={listDayFormat:g,listDaySideFormat:g,noEventsClassNames:n.identity,noEventsContent:n.identity,noEventsDidMount:n.identity,noEventsWillUnmount:n.identity};function g(e){return!1===e?null:n.createFormatter(e)}n.injectStyles(':root{--fc-list-event-dot-width:10px;--fc-list-event-hover-bg-color:#f5f5f5}.fc-theme-standard .fc-list{border:1px solid var(--fc-border-color)}.fc .fc-list-empty{align-items:center;background-color:var(--fc-neutral-bg-color);display:flex;height:100%;justify-content:center}.fc .fc-list-empty-cushion{margin:5em 0}.fc .fc-list-table{border-style:hidden;width:100%}.fc .fc-list-table tr>*{border-left:0;border-right:0}.fc .fc-list-sticky .fc-list-day>*{background:var(--fc-page-bg-color);position:sticky;top:0}.fc .fc-list-table thead{left:-10000px;position:absolute}.fc .fc-list-table tbody>tr:first-child th{border-top:0}.fc .fc-list-table th{padding:0}.fc .fc-list-day-cushion,.fc .fc-list-table td{padding:8px 14px}.fc .fc-list-day-cushion:after{clear:both;content:"";display:table}.fc-theme-standard .fc-list-day-cushion{background-color:var(--fc-neutral-bg-color)}.fc-direction-ltr .fc-list-day-text,.fc-direction-rtl .fc-list-day-side-text{float:left}.fc-direction-ltr .fc-list-day-side-text,.fc-direction-rtl .fc-list-day-text{float:right}.fc-direction-ltr .fc-list-table .fc-list-event-graphic{padding-right:0}.fc-direction-rtl .fc-list-table .fc-list-event-graphic{padding-left:0}.fc .fc-list-event.fc-event-forced-url{cursor:pointer}.fc .fc-list-event:hover td{background-color:var(--fc-list-event-hover-bg-color)}.fc .fc-list-event-graphic,.fc .fc-list-event-time{white-space:nowrap;width:1px}.fc .fc-list-event-dot{border:calc(var(--fc-list-event-dot-width)/2) solid var(--fc-event-border-color);border-radius:calc(var(--fc-list-event-dot-width)/2);box-sizing:content-box;display:inline-block;height:0;width:0}.fc .fc-list-event-title a{color:inherit;text-decoration:none}.fc .fc-list-event.fc-event-forced-url:hover a{text-decoration:underline}');var m=t.createPlugin({name:"@fullcalendar/list",optionRefiners:u,views:{list:{component:d,buttonTextKey:"list",listDayFormat:{month:"long",day:"numeric",year:"numeric"}},listDay:{type:"list",duration:{days:1},listDayFormat:{weekday:"long"}},listWeek:{type:"list",duration:{weeks:1},listDayFormat:{weekday:"long"},listDaySideFormat:{month:"long",day:"numeric",year:"numeric"}},listMonth:{type:"list",duration:{month:1},listDaySideFormat:{weekday:"long"}},listYear:{type:"list",duration:{year:1},listDaySideFormat:{weekday:"long"}}}}),h={__proto__:null,ListView:d};return t.globalPlugins.push(m),e.Internal=h,e.default=m,Object.defineProperty(e,"__esModule",{value:!0}),e}({},FullCalendar,FullCalendar.Internal,FullCalendar.Preact); \ No newline at end of file | ||
