@syncfusion/ej2-schedule 31.1.17 → 31.1.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (167) hide show
  1. package/dist/ej2-schedule.min.js +2 -2
  2. package/dist/ej2-schedule.umd.min.js +2 -2
  3. package/dist/ej2-schedule.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-schedule.es2015.js +1 -1
  5. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  6. package/dist/es6/ej2-schedule.es5.js +1 -1
  7. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  8. package/dist/global/ej2-schedule.min.js +2 -2
  9. package/dist/global/ej2-schedule.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +17 -52
  12. package/src/schedule/event-renderer/event-base.js +1 -1
  13. package/styles/bootstrap4-lite.css +8 -0
  14. package/styles/bootstrap4.css +8 -0
  15. package/styles/recurrence-editor/bootstrap4.css +8 -0
  16. package/styles/schedule/bootstrap4.css +8 -0
  17. package/dist/ts/common/calendar-util.d.ts +0 -92
  18. package/dist/ts/common/calendar-util.ts +0 -261
  19. package/dist/ts/common/index.d.ts +0 -4
  20. package/dist/ts/common/index.ts +0 -4
  21. package/dist/ts/components.d.ts +0 -5
  22. package/dist/ts/components.ts +0 -5
  23. package/dist/ts/index.d.ts +0 -6
  24. package/dist/ts/index.ts +0 -7
  25. package/dist/ts/recurrence-editor/date-generator.d.ts +0 -76
  26. package/dist/ts/recurrence-editor/date-generator.ts +0 -1699
  27. package/dist/ts/recurrence-editor/index.d.ts +0 -6
  28. package/dist/ts/recurrence-editor/index.ts +0 -6
  29. package/dist/ts/recurrence-editor/recurrence-editor-model.d.ts +0 -112
  30. package/dist/ts/recurrence-editor/recurrence-editor.d.ts +0 -245
  31. package/dist/ts/recurrence-editor/recurrence-editor.ts +0 -1257
  32. package/dist/ts/schedule/actions/action-base.d.ts +0 -44
  33. package/dist/ts/schedule/actions/action-base.ts +0 -493
  34. package/dist/ts/schedule/actions/crud.d.ts +0 -41
  35. package/dist/ts/schedule/actions/crud.ts +0 -784
  36. package/dist/ts/schedule/actions/data.d.ts +0 -63
  37. package/dist/ts/schedule/actions/data.ts +0 -128
  38. package/dist/ts/schedule/actions/drag.d.ts +0 -75
  39. package/dist/ts/schedule/actions/drag.ts +0 -1401
  40. package/dist/ts/schedule/actions/keyboard.d.ts +0 -100
  41. package/dist/ts/schedule/actions/keyboard.ts +0 -1435
  42. package/dist/ts/schedule/actions/resize.d.ts +0 -27
  43. package/dist/ts/schedule/actions/resize.ts +0 -602
  44. package/dist/ts/schedule/actions/scroll.d.ts +0 -69
  45. package/dist/ts/schedule/actions/scroll.ts +0 -105
  46. package/dist/ts/schedule/actions/touch.d.ts +0 -32
  47. package/dist/ts/schedule/actions/touch.ts +0 -314
  48. package/dist/ts/schedule/actions/virtual-scroll.d.ts +0 -55
  49. package/dist/ts/schedule/actions/virtual-scroll.ts +0 -596
  50. package/dist/ts/schedule/actions/work-cells.d.ts +0 -14
  51. package/dist/ts/schedule/actions/work-cells.ts +0 -151
  52. package/dist/ts/schedule/base/constant.d.ts +0 -102
  53. package/dist/ts/schedule/base/constant.ts +0 -103
  54. package/dist/ts/schedule/base/css-constant.d.ts +0 -475
  55. package/dist/ts/schedule/base/css-constant.ts +0 -475
  56. package/dist/ts/schedule/base/interface.d.ts +0 -673
  57. package/dist/ts/schedule/base/interface.ts +0 -738
  58. package/dist/ts/schedule/base/resource.d.ts +0 -59
  59. package/dist/ts/schedule/base/resource.ts +0 -1091
  60. package/dist/ts/schedule/base/schedule-model.d.ts +0 -930
  61. package/dist/ts/schedule/base/schedule.d.ts +0 -1967
  62. package/dist/ts/schedule/base/schedule.ts +0 -4221
  63. package/dist/ts/schedule/base/type.d.ts +0 -134
  64. package/dist/ts/schedule/base/type.ts +0 -142
  65. package/dist/ts/schedule/base/util.d.ts +0 -266
  66. package/dist/ts/schedule/base/util.ts +0 -492
  67. package/dist/ts/schedule/event-renderer/agenda-base.d.ts +0 -15
  68. package/dist/ts/schedule/event-renderer/agenda-base.ts +0 -423
  69. package/dist/ts/schedule/event-renderer/event-base.d.ts +0 -101
  70. package/dist/ts/schedule/event-renderer/event-base.ts +0 -1501
  71. package/dist/ts/schedule/event-renderer/inline-edit.d.ts +0 -23
  72. package/dist/ts/schedule/event-renderer/inline-edit.ts +0 -287
  73. package/dist/ts/schedule/event-renderer/month.d.ts +0 -60
  74. package/dist/ts/schedule/event-renderer/month.ts +0 -760
  75. package/dist/ts/schedule/event-renderer/timeline-view.d.ts +0 -51
  76. package/dist/ts/schedule/event-renderer/timeline-view.ts +0 -606
  77. package/dist/ts/schedule/event-renderer/vertical-view.d.ts +0 -57
  78. package/dist/ts/schedule/event-renderer/vertical-view.ts +0 -898
  79. package/dist/ts/schedule/event-renderer/year.d.ts +0 -27
  80. package/dist/ts/schedule/event-renderer/year.ts +0 -623
  81. package/dist/ts/schedule/exports/calendar-export.d.ts +0 -16
  82. package/dist/ts/schedule/exports/calendar-export.ts +0 -160
  83. package/dist/ts/schedule/exports/calendar-import.d.ts +0 -18
  84. package/dist/ts/schedule/exports/calendar-import.ts +0 -277
  85. package/dist/ts/schedule/exports/excel-export.d.ts +0 -14
  86. package/dist/ts/schedule/exports/excel-export.ts +0 -89
  87. package/dist/ts/schedule/exports/index.d.ts +0 -7
  88. package/dist/ts/schedule/exports/index.ts +0 -7
  89. package/dist/ts/schedule/exports/print.d.ts +0 -20
  90. package/dist/ts/schedule/exports/print.ts +0 -233
  91. package/dist/ts/schedule/index.d.ts +0 -26
  92. package/dist/ts/schedule/index.ts +0 -26
  93. package/dist/ts/schedule/models/event-settings-model.d.ts +0 -165
  94. package/dist/ts/schedule/models/event-settings.d.ts +0 -149
  95. package/dist/ts/schedule/models/event-settings.ts +0 -187
  96. package/dist/ts/schedule/models/field-options-model.d.ts +0 -37
  97. package/dist/ts/schedule/models/field-options.d.ts +0 -31
  98. package/dist/ts/schedule/models/field-options.ts +0 -41
  99. package/dist/ts/schedule/models/fields-model.d.ts +0 -129
  100. package/dist/ts/schedule/models/fields.d.ts +0 -117
  101. package/dist/ts/schedule/models/fields.ts +0 -149
  102. package/dist/ts/schedule/models/group-model.d.ts +0 -69
  103. package/dist/ts/schedule/models/group.d.ts +0 -60
  104. package/dist/ts/schedule/models/group.ts +0 -75
  105. package/dist/ts/schedule/models/header-rows-model.d.ts +0 -33
  106. package/dist/ts/schedule/models/header-rows.d.ts +0 -30
  107. package/dist/ts/schedule/models/header-rows.ts +0 -35
  108. package/dist/ts/schedule/models/models.d.ts +0 -14
  109. package/dist/ts/schedule/models/models.ts +0 -15
  110. package/dist/ts/schedule/models/quick-info-templates-model.d.ts +0 -52
  111. package/dist/ts/schedule/models/quick-info-templates.d.ts +0 -47
  112. package/dist/ts/schedule/models/quick-info-templates.ts +0 -56
  113. package/dist/ts/schedule/models/resources-model.d.ts +0 -122
  114. package/dist/ts/schedule/models/resources.d.ts +0 -106
  115. package/dist/ts/schedule/models/resources.ts +0 -138
  116. package/dist/ts/schedule/models/time-scale-model.d.ts +0 -57
  117. package/dist/ts/schedule/models/time-scale.d.ts +0 -50
  118. package/dist/ts/schedule/models/time-scale.ts +0 -61
  119. package/dist/ts/schedule/models/toolbar-model.d.ts +0 -196
  120. package/dist/ts/schedule/models/toolbar.d.ts +0 -176
  121. package/dist/ts/schedule/models/toolbar.ts +0 -196
  122. package/dist/ts/schedule/models/views-model.d.ts +0 -370
  123. package/dist/ts/schedule/models/views.d.ts +0 -335
  124. package/dist/ts/schedule/models/views.ts +0 -408
  125. package/dist/ts/schedule/models/work-hours-model.d.ts +0 -29
  126. package/dist/ts/schedule/models/work-hours.d.ts +0 -24
  127. package/dist/ts/schedule/models/work-hours.ts +0 -31
  128. package/dist/ts/schedule/popups/event-tooltip.d.ts +0 -16
  129. package/dist/ts/schedule/popups/event-tooltip.ts +0 -203
  130. package/dist/ts/schedule/popups/event-window.d.ts +0 -118
  131. package/dist/ts/schedule/popups/event-window.ts +0 -2055
  132. package/dist/ts/schedule/popups/form-validator.d.ts +0 -16
  133. package/dist/ts/schedule/popups/form-validator.ts +0 -110
  134. package/dist/ts/schedule/popups/quick-popups.d.ts +0 -78
  135. package/dist/ts/schedule/popups/quick-popups.ts +0 -1470
  136. package/dist/ts/schedule/renderer/agenda.d.ts +0 -45
  137. package/dist/ts/schedule/renderer/agenda.ts +0 -497
  138. package/dist/ts/schedule/renderer/day.d.ts +0 -20
  139. package/dist/ts/schedule/renderer/day.ts +0 -28
  140. package/dist/ts/schedule/renderer/header-renderer.d.ts +0 -48
  141. package/dist/ts/schedule/renderer/header-renderer.ts +0 -736
  142. package/dist/ts/schedule/renderer/month-agenda.d.ts +0 -29
  143. package/dist/ts/schedule/renderer/month-agenda.ts +0 -184
  144. package/dist/ts/schedule/renderer/month.d.ts +0 -61
  145. package/dist/ts/schedule/renderer/month.ts +0 -766
  146. package/dist/ts/schedule/renderer/renderer.d.ts +0 -13
  147. package/dist/ts/schedule/renderer/renderer.ts +0 -165
  148. package/dist/ts/schedule/renderer/timeline-header-row.d.ts +0 -15
  149. package/dist/ts/schedule/renderer/timeline-header-row.ts +0 -132
  150. package/dist/ts/schedule/renderer/timeline-month.d.ts +0 -29
  151. package/dist/ts/schedule/renderer/timeline-month.ts +0 -184
  152. package/dist/ts/schedule/renderer/timeline-view.d.ts +0 -31
  153. package/dist/ts/schedule/renderer/timeline-view.ts +0 -308
  154. package/dist/ts/schedule/renderer/timeline-year.d.ts +0 -22
  155. package/dist/ts/schedule/renderer/timeline-year.ts +0 -450
  156. package/dist/ts/schedule/renderer/vertical-view.d.ts +0 -63
  157. package/dist/ts/schedule/renderer/vertical-view.ts +0 -911
  158. package/dist/ts/schedule/renderer/view-base.d.ts +0 -83
  159. package/dist/ts/schedule/renderer/view-base.ts +0 -709
  160. package/dist/ts/schedule/renderer/week.d.ts +0 -22
  161. package/dist/ts/schedule/renderer/week.ts +0 -35
  162. package/dist/ts/schedule/renderer/work-week.d.ts +0 -22
  163. package/dist/ts/schedule/renderer/work-week.ts +0 -36
  164. package/dist/ts/schedule/renderer/year.d.ts +0 -46
  165. package/dist/ts/schedule/renderer/year.ts +0 -470
  166. package/dist/ts/schedule/timezone/timezone.d.ts +0 -16
  167. package/dist/ts/schedule/timezone/timezone.ts +0 -313
@@ -1,423 +0,0 @@
1
- /* eslint-disable @typescript-eslint/no-explicit-any */
2
- import { isNullOrUndefined, addClass, createElement, append, EventHandler, extend, remove, initializeCSPTemplate } from '@syncfusion/ej2-base';
3
- import { ListBase } from '@syncfusion/ej2-lists';
4
- import { EventFieldsMapping, EventRenderedArgs, TdData, CellTemplateArgs } from '../base/interface';
5
- import { ResourcesModel } from '../models/resources-model';
6
- import { ViewBase } from '../renderer/view-base';
7
- import { Schedule } from '../base/schedule';
8
- import * as util from '../base/util';
9
- import * as cls from '../base/css-constant';
10
- import * as event from '../base/constant';
11
-
12
- /**
13
- * AgendaBase for event rendering
14
- */
15
- interface AgendaSlotData extends TdData {
16
- eventData?: Record<string, any>[];
17
- }
18
-
19
- export class AgendaBase extends ViewBase {
20
-
21
- constructor(parent: Schedule) {
22
- super(parent);
23
- }
24
-
25
- // eslint-disable-next-line max-len
26
- public createAgendaContentElement(type: string, listData: Record<string, any>[], aTd: Element, groupOrder?: string[], groupIndex?: number): Element {
27
- let listElement: HTMLElement;
28
- const fieldMapping: EventFieldsMapping = this.parent.eventFields;
29
- if (type === 'noEvents') {
30
- const noEvents: Record<string, any>[] = [{ 'subject': this.parent.localeObj.getConstant('noEvents') }];
31
- listElement = ListBase.createList(this.parent.createElement, noEvents, {
32
- moduleName: 'agenda',
33
- listClass: this.parent.activeView.viewClass,
34
- itemClass: this.parent.activeView.viewClass,
35
- template: initializeCSPTemplate(() => `<div class="${cls.AGENDA_NO_EVENT_CLASS}">${this.parent.localeObj.getConstant('noEvents')}</div>`)
36
- });
37
- if (listElement.querySelector('.e-agenda-item').children.length === 0) {
38
- listElement.firstElementChild.appendChild(createElement('div', { className: cls.AGENDA_NO_EVENT_CLASS, innerHTML: this.parent.localeObj.getConstant('noEvents') }));
39
- }
40
- } else {
41
- listElement = ListBase.createList(this.parent.createElement, listData, {
42
- moduleName: 'agenda',
43
- listClass: this.parent.activeView.viewClass,
44
- itemClass: this.parent.activeView.viewClass
45
- });
46
- const listElements: HTMLElement[] = [].slice.call(listElement.children);
47
- listElements.forEach((element: HTMLElement, li: number) => {
48
- const appWrapper: HTMLElement = createElement('div', {
49
- className: cls.APPOINTMENT_CLASS, attrs: {
50
- 'data-id': 'Appointment_' + listData[parseInt(li.toString(), 10)][`${this.parent.eventFields.id}`],
51
- 'data-guid': listData[parseInt(li.toString(), 10)].Guid as string,
52
- 'role': 'button',
53
- 'tabindex': '0',
54
- 'aria-disabled': this.parent.eventBase.getReadonlyAttribute(listData[parseInt(li.toString(), 10)]),
55
- 'aria-label': this.parent.getAnnouncementString(listData[parseInt(li.toString(), 10)])
56
- }
57
- });
58
- if (!isNullOrUndefined(groupIndex)) {
59
- appWrapper.setAttribute('data-group-index', groupIndex.toString());
60
- }
61
- this.parent.eventBase.applyResourceColor(appWrapper, listData[parseInt(li.toString(), 10)], 'borderColor', groupOrder);
62
- let templateEle: HTMLElement[];
63
- if (!isNullOrUndefined(this.parent.activeViewOptions.eventTemplate)) {
64
- addClass([appWrapper], cls.EVENT_TEMPLATE);
65
- const scheduleId: string = this.parent.element.id + '_';
66
- const viewName: string = this.parent.activeViewOptions.eventTemplateName;
67
- const templateId: string = scheduleId + viewName + 'eventTemplate';
68
- templateEle =
69
- this.parent.getAppointmentTemplate()(listData[parseInt(li.toString(), 10)], this.parent,
70
- 'eventTemplate', templateId, false, undefined, undefined, this.parent.root);
71
- if (!isNullOrUndefined(listData[parseInt(li.toString(), 10)][fieldMapping.recurrenceRule])) {
72
- const iconClass: string =
73
- (listData[parseInt(li.toString(), 10)][fieldMapping.id] ===
74
- listData[parseInt(li.toString(), 10)][fieldMapping.recurrenceID]) ?
75
- cls.EVENT_RECURRENCE_ICON_CLASS : cls.EVENT_RECURRENCE_EDIT_ICON_CLASS;
76
- appWrapper.appendChild(createElement('div', { className: cls.ICON + ' ' + iconClass }));
77
- }
78
- } else {
79
- templateEle = this.createAppointment(listData[parseInt(li.toString(), 10)]);
80
- }
81
- append([].slice.call(templateEle), appWrapper);
82
- util.removeChildren(element);
83
- element.appendChild(appWrapper);
84
- const args: EventRenderedArgs = {
85
- data: extend({}, listData[parseInt(li.toString(), 10)], null, true) as Record<string, any>,
86
- element: element as HTMLElement, cancel: false
87
- };
88
- this.parent.trigger(event.eventRendered, args, (eventArgs: EventRenderedArgs) => {
89
- if (eventArgs.cancel) {
90
- remove(element);
91
- }
92
- });
93
- });
94
- }
95
- aTd.appendChild(listElement);
96
- if ((this.parent.currentView === 'MonthAgenda' && this.parent.activeViewOptions.group.resources.length > 0)
97
- || this.parent.currentView === 'Agenda') {
98
- addClass([aTd], cls.AGENDA_DAY_BORDER_CLASS);
99
- }
100
- this.parent.renderTemplates();
101
- return aTd;
102
- }
103
-
104
- public createAppointment(event: Record<string, any>): HTMLElement[] {
105
- const fieldMapping: EventFieldsMapping = this.parent.eventFields;
106
- let eventSubject: string = (event[fieldMapping.subject] || this.parent.eventSettings.fields.subject.default
107
- || this.parent.localeObj.getConstant('addTitle')) as string;
108
- const eventLocation: string = (event[fieldMapping.location] || this.parent.eventSettings.fields.location.default) as string;
109
- const appSubjectWrap: HTMLElement = createElement('div', { className: cls.SUBJECT_WRAP });
110
- if (!isNullOrUndefined(eventLocation) && eventLocation !== '') {
111
- eventSubject += ',';
112
- }
113
- const appSubjectText: HTMLElement = createElement('div', { className: cls.SUBJECT_CLASS });
114
- this.parent.sanitize(eventSubject, appSubjectText);
115
- appSubjectWrap.appendChild(appSubjectText);
116
- if (!isNullOrUndefined(eventLocation) && eventLocation !== '') {
117
- const appLocation: HTMLElement = createElement('div', { className: cls.LOCATION_CLASS });
118
- this.parent.sanitize(eventLocation, appLocation);
119
- appSubjectWrap.appendChild(appLocation);
120
- }
121
- if (!isNullOrUndefined(event[fieldMapping.recurrenceRule])) {
122
- const iconClass: string = (event[fieldMapping.id] === event[fieldMapping.recurrenceID]) ?
123
- cls.EVENT_RECURRENCE_ICON_CLASS : cls.EVENT_RECURRENCE_EDIT_ICON_CLASS;
124
- appSubjectWrap.appendChild(createElement('div', { className: cls.ICON + ' ' + iconClass }));
125
- }
126
- const strDate: Date = event[fieldMapping.startTime] as Date;
127
- const endDate: Date = event[fieldMapping.endTime] as Date;
128
- const isAllDay: boolean = event[fieldMapping.isAllDay] as boolean;
129
- let allDayStr: string = this.parent.localeObj.getConstant('allDay');
130
- const timeStr: string = this.parent.getTimeString(strDate) + ' - ' + this.parent.getTimeString(endDate);
131
- if (!isNullOrUndefined(event.data)) {
132
- const milliSeconds: number = (endDate.getTimezoneOffset() !== strDate.getTimezoneOffset()) ?
133
- (endDate.getTime() - strDate.getTime() + 3600000) : (endDate.getTime() - strDate.getTime());
134
- const eventString: string = (milliSeconds / util.MS_PER_DAY) >= 1 ? allDayStr : timeStr;
135
- allDayStr = eventString + ' (' + this.parent.localeObj.getConstant('day') + ' '
136
- + (event.data as Record<string, any>).index + '/' + (event.data as Record<string, any>).count + ')';
137
- }
138
- const displayStr: string = (!isNullOrUndefined(event.data) || isAllDay) ? allDayStr : timeStr;
139
- const appDateTime: HTMLElement = createElement('div', { className: cls.DATE_TIME_CLASS, innerHTML: displayStr });
140
- return [appSubjectWrap, appDateTime];
141
- }
142
-
143
- public processAgendaEvents(events: Record<string, any>[]): Record<string, any>[] {
144
- let eventsProcessed: Record<string, any>[] = [];
145
- if (isNullOrUndefined(events)) {
146
- return eventsProcessed;
147
- }
148
- for (const event of events) {
149
- const spanned: Record<string, any>[] = this.parent.eventBase.splitEventByDay(event);
150
- eventsProcessed = eventsProcessed.concat(spanned.length > 1 ? spanned : event);
151
- }
152
- return eventsProcessed;
153
- }
154
-
155
- public wireEventActions(): void {
156
- const eventElement: HTMLElement[] = [].slice.call(this.parent.element.querySelectorAll('.' + cls.APPOINTMENT_CLASS));
157
- for (const element of eventElement) {
158
- this.parent.eventBase.wireAppointmentEvents(element, this.parent.getEventDetails(element), true);
159
- }
160
- const dateHeaderElement: Element[] = [].slice.call(this.parent.element.querySelectorAll('.e-m-date'));
161
- for (const element of dateHeaderElement) {
162
- EventHandler.add(element, 'click', this.parent.agendaModule.dayNavigationClick, this);
163
- }
164
- }
165
-
166
- public calculateResourceTableElement(tBody: Element, noOfDays: number, agendaDate: Date, agendaEnd: Date = null): void {
167
- if (isNullOrUndefined(this.parent.resourceBase.lastResourceLevel)) {
168
- const level: TdData[] = this.getDateSlots(this.renderDates, this.parent.activeViewOptions.workDays);
169
- this.parent.resourceBase.generateResourceLevels(level);
170
- }
171
- let agendaLastDate: Date = util.addDays(new Date(agendaDate.getTime()), noOfDays);
172
- const days: number = (this.parent.activeViewOptions.group.byDate || this.parent.currentView === 'MonthAgenda') ? noOfDays : 1;
173
- const resColl: ResourcesModel[] = this.parent.resourceBase.resourceCollection;
174
- const resData: TdData[] = this.parent.resourceBase.lastResourceLevel;
175
- const agendaStart: Date = agendaDate;
176
- let initialDate: Date = agendaDate;
177
- const showWeekend: boolean = this.parent.activeViewOptions.showWeekend;
178
- for (let i: number = 0; i < days; i++) {
179
- const lastLevelInfo: TdData[][] = []; const tempLastLevelInfo: TdData[] = []; let tempIndex: number = 0;
180
- let eventObj: AgendaSlotData; let dateObj: TdData;
181
- let firstDate: Date = util.addDays(initialDate, i);
182
- if (this.parent.currentView === 'Agenda' && this.parent.activeViewOptions.group.byDate &&
183
- this.parent.activeViewOptions.allowVirtualScrolling && !showWeekend && !this.isWorkDay(firstDate)) {
184
- do {
185
- firstDate = util.addDays(firstDate, 1);
186
- if (firstDate >= agendaEnd) { break; }
187
- } while (!this.isWorkDay(firstDate) ||
188
- this.parent.eventBase.filterEvents(firstDate, util.addDays(firstDate, 1)).length < 1);
189
- if (firstDate >= agendaEnd) { break; }
190
- initialDate = util.addDays(firstDate, -i);
191
- agendaLastDate = util.addDays(firstDate, 1);
192
- }
193
- const finalDate: Date = (this.parent.activeViewOptions.group.byDate || this.parent.currentView === 'MonthAgenda')
194
- ? util.addDays(firstDate, 1) : agendaLastDate;
195
- const agendaCollection: Record<string, any>[] = this.parent.eventBase.filterEvents(firstDate, finalDate);
196
- if (agendaCollection.length > 0 || !this.parent.hideEmptyAgendaDays || this.parent.currentView === 'MonthAgenda') {
197
- for (let res: number = 0; res < resData.length; res++) {
198
- noOfDays = (!this.parent.activeViewOptions.group.byDate || this.parent.currentView === 'MonthAgenda') ? noOfDays : 1;
199
- const data: Record<string, any>[] = [];
200
- agendaDate = firstDate;
201
- // eslint-disable-next-line max-len
202
- const resDataCollection: Record<string, any>[] = this.parent.eventBase.filterEvents(agendaDate, agendaLastDate, agendaCollection, resData[parseInt(res.toString(), 10)]);
203
- if (resDataCollection.length > 0 || !this.parent.hideEmptyAgendaDays || this.parent.currentView === 'MonthAgenda') {
204
- for (let r: number = 0; r < noOfDays; r++) {
205
- // eslint-disable-next-line max-len
206
- const resDayCollection: Record<string, any>[] = this.parent.eventBase.filterEvents(agendaDate, util.addDays(agendaDate, 1), resDataCollection, undefined);
207
- if (((showWeekend || !showWeekend && (this.parent.group.byDate ? this.isWorkDay(agendaDate) :
208
- this.isWorkDay(agendaDate, resData[parseInt(res.toString(), 10)].workDays)))
209
- && (resDayCollection.length > 0 || !this.parent.hideEmptyAgendaDays)) ||
210
- this.parent.currentView === 'MonthAgenda') {
211
- data.push(resDayCollection[0]);
212
- eventObj = {
213
- rowSpan: 1, type: 'eventColumn', resource: resColl[resColl.length - 1],
214
- groupIndex: resData[parseInt(res.toString(), 10)].groupIndex,
215
- groupOrder: resData[parseInt(res.toString(), 10)].groupOrder,
216
- resourceData: resData[parseInt(res.toString(), 10)].resourceData,
217
- eventData: resDayCollection, date: agendaDate
218
- };
219
- dateObj = {
220
- rowSpan: 1, type: 'dateColumn', resource: resColl[parseInt((resColl.length - 1).toString(), 10)],
221
- groupOrder: resData[parseInt(res.toString(), 10)].groupOrder,
222
- resourceData: resData[parseInt(res.toString(), 10)].resourceData,
223
- date: agendaDate,
224
- groupIndex: resData[parseInt(res.toString(), 10)].groupIndex
225
- };
226
- if (!lastLevelInfo[parseInt(tempIndex.toString(), 10)]) {
227
- lastLevelInfo[parseInt(tempIndex.toString(), 10)] = [];
228
- }
229
- lastLevelInfo[parseInt(tempIndex.toString(), 10)].push(eventObj);
230
- lastLevelInfo[parseInt(tempIndex.toString(), 10)].push(dateObj);
231
- tempIndex++;
232
- }
233
- agendaDate = util.addDays(agendaDate, 1);
234
- if (agendaDate.getTime() >= agendaLastDate.getTime() || this.parent.activeViewOptions.group.byDate
235
- || this.parent.currentView === 'MonthAgenda') {
236
- if (data.length > 0) {
237
- lastLevelInfo[lastLevelInfo.length - 1][1].cssClass = cls.AGENDA_DAY_BORDER_CLASS;
238
- const tempObj: TdData = {
239
- rowSpan: data.length, type: 'resourceColumn', resource: resColl[parseInt((resColl.length - 1).toString(), 10)],
240
- groupOrder: resData[parseInt(res.toString(), 10)].groupOrder.slice(0, -1),
241
- resourceData: resData[parseInt(res.toString(), 10)].resourceData,
242
- groupIndex: (lastLevelInfo.length - data.length), className: [cls.RESOURCE_NAME],
243
- date: agendaDate
244
- };
245
- lastLevelInfo[parseInt((lastLevelInfo.length - data.length).toString(), 10)].push(tempObj);
246
- tempLastLevelInfo.push(<TdData>extend({}, tempObj, null, true));
247
- }
248
- break;
249
- }
250
- }
251
- }
252
- }
253
- const topResources: ResourcesModel[] = resColl.slice(0, -1); let tempGroupedData: TdData[] = [];
254
- let totalRowSpan: number = 0;
255
- for (let y: number = 0; y < topResources.length; y++) {
256
- const data: Record<string, any>[] = topResources[topResources.length - (y + 1)].dataSource as Record<string, any>[];
257
- for (let x: number = 0; x < data.length; x++) {
258
- let z: number = 0;
259
- for (let u: number = 0; u < tempLastLevelInfo.length; u++) {
260
- // eslint-disable-next-line max-len
261
- if (tempLastLevelInfo[parseInt(u.toString(), 10)].groupOrder[topResources.length - (y + 1)] === data[parseInt(x.toString(), 10)][topResources[topResources.length - (y + 1)].idField]) {
262
- totalRowSpan = totalRowSpan + tempLastLevelInfo[parseInt(u.toString(), 10)].rowSpan;
263
- tempGroupedData.push(<TdData>extend({}, tempLastLevelInfo[parseInt(u.toString(), 10)], null, true));
264
- }
265
- if (++z === tempLastLevelInfo.length && tempGroupedData.length > 0) {
266
- tempGroupedData[0].rowSpan = totalRowSpan;
267
- tempGroupedData[0].type = 'parentColumnLevel_' + (y + 1);
268
- tempGroupedData[0].resource = topResources[topResources.length - (y + 1)];
269
- tempGroupedData[0].resourceData = data[parseInt(x.toString(), 10)];
270
- tempGroupedData[0].date = agendaDate;
271
- lastLevelInfo[tempGroupedData[0].groupIndex].push(tempGroupedData[0]);
272
- tempGroupedData = [];
273
- totalRowSpan = 0;
274
- }
275
- }
276
- }
277
- }
278
- this.createResourceTableRow(lastLevelInfo, tBody);
279
- }
280
- }
281
- const totalCollection: Record<string, any>[] = this.parent.eventBase.filterEvents(agendaStart, agendaLastDate);
282
- if (totalCollection.length === 0 && !this.parent.activeViewOptions.allowVirtualScrolling && this.parent.hideEmptyAgendaDays) {
283
- this.renderEmptyContent(tBody, agendaStart);
284
- }
285
- }
286
-
287
- private createResourceTableRow(tContent: TdData[][], tBody: Element): void {
288
- const tr: Element = createElement('tr');
289
- let ntr: Element;
290
- const td: Element = createElement('td');
291
- let tempData: AgendaSlotData;
292
- let rowSpan: number = 0;
293
- let level: string;
294
- if (this.parent.activeViewOptions.group.byDate || this.parent.currentView === 'MonthAgenda') {
295
- let tContentCollection: TdData[] = [];
296
- const parentCollection: ResourcesModel[] = this.parent.resourceBase.resourceCollection.slice(0, -1);
297
- for (let w: number = 0; w < tContent.length; w++) {
298
- tContentCollection = tContentCollection.concat(tContent[parseInt(w.toString(), 10)]);
299
- }
300
- level = (parentCollection.length > 0) ? 'parentColumnLevel_' + parentCollection.length : 'resourceColumn';
301
- const rowSpanCollection: TdData[] = tContentCollection.filter((data: TdData) => data.type === level);
302
- for (let x: number = 0; x < rowSpanCollection.length; x++) {
303
- rowSpan = rowSpan + rowSpanCollection[parseInt(x.toString(), 10)].rowSpan;
304
- }
305
- }
306
- for (let row: number = 0; row < tContent.length; row++) {
307
- ntr = tr.cloneNode() as Element;
308
- for (let col: number = tContent[parseInt(row.toString(), 10)].length - 1; col >= 0; col--) {
309
- const data: AgendaSlotData = tContent[parseInt(row.toString(), 10)][parseInt(col.toString(), 10)];
310
- let ntd: Element = td.cloneNode() as Element;
311
- if (data.type === 'dateColumn') {
312
- if (this.parent.activeViewOptions.group.byDate || this.parent.currentView === 'MonthAgenda') {
313
- tempData = tContent[parseInt(row.toString(), 10)][parseInt(col.toString(), 10)];
314
- continue;
315
- }
316
- ntd.setAttribute('data-date', data.date.getTime().toString());
317
- ntd.appendChild(this.createDateHeaderElement(data.date, data.groupIndex));
318
- const className: string[] = [cls.AGENDA_CELLS_CLASS, cls.AGENDA_DATE_CLASS];
319
- if (data.cssClass) {
320
- className.push(data.cssClass);
321
- }
322
- addClass([ntd], className);
323
- if (this.isCurrentDate(new Date( data.date.getTime()))) { addClass(ntd.childNodes, cls.AGENDA_CURRENT_DAY_CLASS); }
324
- ntr.appendChild(ntd);
325
- } else if (data.type === 'eventColumn') {
326
- const elementType: string = (data.eventData.length === 0) ? 'noEvents' : 'data';
327
- for (let i: number = 0; i < ntr.childNodes.length; i++) {
328
- const currentElement: HTMLElement = ntr.childNodes.item(i) as HTMLElement;
329
- const renderCellElementType: string = currentElement.classList.contains('e-resource-column') ?
330
- event.resourceHeader : event.dateHeader;
331
- this.parent.trigger(event.renderCell, {
332
- elementType: renderCellElementType, element: currentElement, date: data.date, groupIndex: data.groupIndex
333
- });
334
- }
335
- ntd = this.createAgendaContentElement(elementType, data.eventData, ntd, data.groupOrder, data.groupIndex);
336
- ntd.setAttribute('data-date', data.date.getTime().toString());
337
- if (this.parent.activeViewOptions.group.byDate || this.parent.currentView === 'MonthAgenda') {
338
- addClass([ntd], [cls.AGENDA_CELLS_CLASS, cls.AGENDA_DAY_PADDING_CLASS]);
339
- }
340
- ntr.appendChild(ntd);
341
- const renderCellType: string = (data.eventData.length === 0) ? event.noEvents : event.agendaCells;
342
- this.parent.trigger(event.renderCell, {
343
- elementType: renderCellType, element: ntd, date: data.date, groupIndex: data.groupIndex
344
- });
345
- } else {
346
- ntd.setAttribute('rowspan', data.rowSpan.toString());
347
- addClass([ntd], cls.AGENDA_RESOURCE_CLASS);
348
- this.setResourceHeaderContent(ntd, data, data.className[0]);
349
- ntr.appendChild(ntd);
350
- }
351
- }
352
- if (this.parent.activeViewOptions.group.byDate && row === 0 && this.parent.currentView !== 'MonthAgenda') {
353
- const ntd: Element = td.cloneNode() as Element;
354
- ntd.setAttribute('data-date', tempData.date.getTime().toString());
355
- ntd.setAttribute('rowspan', rowSpan.toString());
356
- ntd.appendChild(this.createDateHeaderElement(tempData.date));
357
- addClass([ntd], [cls.AGENDA_CELLS_CLASS, cls.AGENDA_DATE_CLASS, cls.DATE_BORDER_CLASS]);
358
- const daysCount: number = util.getDaysCount(this.parent.selectedDate.getTime(), tempData.date.getTime());
359
- ntr.setAttribute('data-row-index', daysCount.toString());
360
- if (this.parent.element.querySelector(`.e-agenda-view tr[data-row-index="${ daysCount }"]`)) { break; }
361
- ntr.insertBefore(ntd, ntr.childNodes[0]);
362
- }
363
- tBody.appendChild(ntr);
364
- }
365
- }
366
-
367
- public createDateHeaderElement(date: Date, groupIndex?: number): Element {
368
- let dateHeader: Element;
369
- if (this.parent.activeViewOptions.dateHeaderTemplate) {
370
- dateHeader = createElement('div', { className: cls.AGENDA_HEADER_CLASS });
371
- const args: CellTemplateArgs = { date: date, type: 'dateHeader', groupIndex: groupIndex };
372
- const scheduleId: string = this.parent.element.id + '_';
373
- const viewName: string = this.parent.activeViewOptions.dateHeaderTemplateName;
374
- const templateId: string = scheduleId + viewName + 'dateHeaderTemplate';
375
- const dateTemplate: HTMLElement[] =
376
- [].slice.call(this.parent.getDateHeaderTemplate()(args, this.parent, 'dateHeaderTemplate', templateId,
377
- false, undefined, undefined, this.parent.root));
378
- append(dateTemplate, dateHeader);
379
- } else {
380
- dateHeader = this.getMobileDateElement(date, cls.AGENDA_HEADER_CLASS);
381
- }
382
- return dateHeader;
383
- }
384
-
385
- public renderEmptyContent(tBody: Element, agendaDate: Date, hasNoEvents?: boolean): void {
386
- const eTr: Element = this.createTableRowElement(agendaDate, 'noEvents');
387
- const eTd: Element = eTr.children[0];
388
- const noEvents: Element = createElement('div', {
389
- className: cls.AGENDA_EMPTY_EVENT_CLASS,
390
- innerHTML: this.parent.localeObj.getConstant('noEvents')
391
- });
392
- eTd.appendChild(noEvents);
393
- tBody.appendChild(eTr);
394
- if (hasNoEvents) {
395
- this.parent.trigger(event.renderCell, { elementType: event.noEvents, element: eTd, date: agendaDate });
396
- }
397
- }
398
-
399
- public createTableRowElement(date: Date, type: string): Element {
400
- const daysCount: number = util.getDaysCount(this.parent.selectedDate.getTime(), date.getTime());
401
- const tr: Element = createElement('tr', { attrs: { 'data-row-index': daysCount.toString() } });
402
- const td: Element = createElement('td', {
403
- attrs: {
404
- 'class': (type === 'monthHeader') ? cls.MONTH_HEADER_CLASS : cls.AGENDA_CELLS_CLASS,
405
- 'aria-selected': 'false',
406
- 'data-column-index': daysCount.toString(),
407
- 'data-date': date.getTime().toString()
408
- }
409
- });
410
- const dTd: Element = td.cloneNode() as Element;
411
- const aTd: Element = td.cloneNode() as Element;
412
- tr.appendChild(dTd);
413
- if (type !== 'noEvents') {
414
- tr.appendChild(aTd);
415
- }
416
- return tr;
417
- }
418
-
419
- public destroy(): void {
420
- super.destroy();
421
- }
422
-
423
- }
@@ -1,101 +0,0 @@
1
- import { Predicate } from '@syncfusion/ej2-data';
2
- import { EventClickArgs, TdData } from '../base/interface';
3
- import { Schedule } from '../base/schedule';
4
- /**
5
- * EventBase for appointment rendering
6
- */
7
- export declare class EventBase {
8
- parent: Schedule;
9
- slots: number[];
10
- cssClass: string;
11
- groupOrder: string[];
12
- processedData: Record<string, any>[];
13
- private isDoubleTapped;
14
- /**
15
- * Constructor for EventBase
16
- *
17
- * @param {Schedule} parent Accepts the schedule instance
18
- */
19
- constructor(parent: Schedule);
20
- processData(events: Record<string, any>[], timeZonePropChanged?: boolean, oldTimezone?: string): Record<string, any>[];
21
- private findOverlappingData;
22
- private isOverlapRange;
23
- private compareResourceValues;
24
- checkOverlap(eventData: Record<string, any> | Record<string, any>[]): boolean;
25
- updateEventDateTime(eventData: Record<string, any>): Record<string, any>;
26
- getProcessedEvents(eventCollection?: Record<string, any>[]): Record<string, any>[];
27
- timezonePropertyChange(oldTimezone: string): void;
28
- timezoneConvert(eventData: Record<string, any>): void;
29
- private processTimezoneChange;
30
- processTimezone(event: Record<string, any>, isReverse?: boolean): Record<string, any>;
31
- filterBlockEvents(eventObj: Record<string, any>): Record<string, any>[];
32
- filterEvents(startDate: Date, endDate: Date, appointments?: Record<string, any>[], resourceTdData?: TdData): Record<string, any>[];
33
- filterEventsByRange(eventCollection: Record<string, any>[], startDate?: Date, endDate?: Date): Record<string, any>[];
34
- filterEventsByResource(resourceTdData: TdData, appointments?: Record<string, any>[]): Record<string, any>[];
35
- sortByTime(appointmentsCollection: Record<string, any>[]): Record<string, any>[];
36
- sortByDateTime(appointments: Record<string, any>[]): Record<string, any>[];
37
- private customSorting;
38
- getSmallestMissingNumber(array: number[]): number;
39
- splitEventByDay(event: Record<string, any>): Record<string, any>[];
40
- splitEvent(event: Record<string, any>, dateRender: Date[]): Record<string, any>[];
41
- cloneEventObject(event: Record<string, any>, start: number, end: number, count: number, isLeft: boolean, isRight: boolean): Record<string, any>;
42
- private dateInRange;
43
- getSelectedEventElements(target: Element): Element[];
44
- getSelectedEvents(): EventClickArgs;
45
- removeSelectedAppointmentClass(): void;
46
- addSelectedAppointments(cells: Element[], preventFocus?: boolean): void;
47
- getSelectedAppointments(): Element[];
48
- focusElement(isFocused?: boolean): void;
49
- selectWorkCellByTime(eventsData: Record<string, any>[]): Element;
50
- private findNearestSlot;
51
- getGroupIndexFromEvent(eventData: Record<string, any>): number;
52
- isAllDayAppointment(event: Record<string, any>): boolean;
53
- addEventListener(): void;
54
- removeEventListener(): void;
55
- private appointmentBorderRemove;
56
- wireAppointmentEvents(element: HTMLElement, event?: Record<string, any>, isPreventCrud?: boolean): void;
57
- private eventTouchClick;
58
- renderResizeHandler(element: HTMLElement, spanEvent: Record<string, any>, isReadOnly: boolean): void;
59
- private eventClick;
60
- private eventDoubleClick;
61
- getEventByGuid(guid: string): Record<string, any>;
62
- getEventById(id: number | string): Record<string, any>;
63
- generateGuid(): string;
64
- getEventIDType(): string;
65
- getEventMaxID(resourceId?: number): number | string;
66
- private activeEventData;
67
- generateOccurrence(event: Record<string, any>, viewDate?: Date, isMaxCount?: boolean): Record<string, any>[];
68
- private isDayBasedRecurrence;
69
- private getDSTAdjustedTime;
70
- private getDSTDiff;
71
- getParentEvent(eventObj: Record<string, any>, isParent?: boolean): Record<string, any>;
72
- getEventCollections(parentObj: Record<string, any>, childObj?: Record<string, any>): {
73
- [key: string]: Record<string, any>[];
74
- };
75
- getFollowingEvent(parentObj: Record<string, any>, isReverse?: boolean): Record<string, any>;
76
- isFollowingEvent(parentObj: Record<string, any>, childObj: Record<string, any>): boolean;
77
- getOccurrenceEvent(eventObj: Record<string, any>, isGuid?: boolean, isFollowing?: boolean): Record<string, any>[];
78
- getOccurrencesByID(id: number | string): Record<string, any>[];
79
- getOccurrencesByRange(startTime: Date, endTime: Date): Record<string, any>[];
80
- getDeletedOccurrences(recurrenceData: string | number | Record<string, any>): Record<string, any>[];
81
- applyResourceColor(element: HTMLElement, data: Record<string, any>, type: string, index?: string[], alpha?: string): void;
82
- createBlockAppointmentElement(record: Record<string, any>, resIndex: number, isResourceEventTemplate: boolean): HTMLElement;
83
- setWrapperAttributes(appointmentWrapper: HTMLElement, resIndex: number): void;
84
- getReadonlyAttribute(event: Record<string, any>): string;
85
- isBlockRange(eventData: Record<string, any> | Record<string, any>[]): boolean;
86
- getFilterEventsList(dataSource: Record<string, any>[], query: Predicate): Record<string, any>[];
87
- getSeriesEvents(parentEvent: Record<string, any>, startTime?: string): Record<string, any>[];
88
- getEditedOccurrences(deleteFutureEditEventList: Record<string, any>[], startTime?: string): Record<string, any>[];
89
- getRenderedDates(dateRender: Date[]): Date[];
90
- isValidEvent(eventObj: Record<string, any>, start: Date, end: Date, schedule: {
91
- [key: string]: Date;
92
- }): boolean;
93
- allDayExpandScroll(dateHeader: HTMLElement): void;
94
- updateEventMinimumDuration(startEndHours: Record<string, Date>, startTime: Date, endTime: Date): Record<string, Date>;
95
- createEventWrapper(type?: string, index?: number): HTMLElement;
96
- getPageCoordinates(e: MouseEvent & TouchEvent): (MouseEvent & TouchEvent) | Touch;
97
- renderSpannedIcon(element: HTMLElement, spanEvent: Record<string, any>): void;
98
- addCellHeight(selector: string, eventHeight: number, eventGap: number, headerHeight: number, indHeight: number, isScrollUpdate?: boolean): void;
99
- private unWireEvents;
100
- destroy(): void;
101
- }