@syncfusion/ej2-schedule 20.3.58 → 20.4.38
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.
- package/.eslintrc.json +16 -1
- package/CHANGELOG.md +10 -0
- package/README.md +62 -46
- package/dist/ej2-schedule.min.js +2 -2
- package/dist/ej2-schedule.umd.min.js +2 -2
- package/dist/ej2-schedule.umd.min.js.map +1 -1
- package/dist/es6/ej2-schedule.es2015.js +821 -528
- package/dist/es6/ej2-schedule.es2015.js.map +1 -1
- package/dist/es6/ej2-schedule.es5.js +860 -539
- package/dist/es6/ej2-schedule.es5.js.map +1 -1
- package/dist/global/ej2-schedule.min.js +2 -2
- package/dist/global/ej2-schedule.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +22 -30
- package/src/common/calendar-util.js +1 -1
- package/src/recurrence-editor/date-generator.js +26 -26
- package/src/recurrence-editor/recurrence-editor.js +5 -5
- package/src/schedule/actions/action-base.js +3 -3
- package/src/schedule/actions/crud.js +16 -16
- package/src/schedule/actions/drag.js +36 -32
- package/src/schedule/actions/keyboard.js +10 -8
- package/src/schedule/actions/resize.js +6 -6
- package/src/schedule/actions/touch.js +4 -3
- package/src/schedule/actions/virtual-scroll.js +10 -7
- package/src/schedule/base/interface.d.ts +8 -1
- package/src/schedule/base/resource.d.ts +1 -0
- package/src/schedule/base/resource.js +179 -93
- package/src/schedule/base/schedule-model.d.ts +7 -0
- package/src/schedule/base/schedule.d.ts +23 -0
- package/src/schedule/base/schedule.js +73 -22
- package/src/schedule/base/util.js +4 -6
- package/src/schedule/event-renderer/agenda-base.js +36 -31
- package/src/schedule/event-renderer/event-base.js +25 -25
- package/src/schedule/event-renderer/inline-edit.js +8 -5
- package/src/schedule/event-renderer/month.js +17 -14
- package/src/schedule/event-renderer/timeline-view.js +11 -11
- package/src/schedule/event-renderer/vertical-view.d.ts +1 -0
- package/src/schedule/event-renderer/vertical-view.js +97 -70
- package/src/schedule/event-renderer/year.js +25 -17
- package/src/schedule/exports/calendar-export.js +4 -4
- package/src/schedule/exports/calendar-import.js +14 -15
- package/src/schedule/exports/excel-export.js +1 -1
- package/src/schedule/exports/print.js +39 -4
- package/src/schedule/models/group-model.d.ts +8 -0
- package/src/schedule/models/group.d.ts +7 -0
- package/src/schedule/models/group.js +3 -0
- package/src/schedule/models/views-model.d.ts +8 -1
- package/src/schedule/models/views.d.ts +7 -1
- package/src/schedule/models/views.js +3 -0
- package/src/schedule/popups/event-tooltip.js +3 -2
- package/src/schedule/popups/event-window.js +36 -30
- package/src/schedule/popups/quick-popups.js +6 -6
- package/src/schedule/renderer/agenda.js +5 -5
- package/src/schedule/renderer/header-renderer.d.ts +1 -1
- package/src/schedule/renderer/header-renderer.js +21 -5
- package/src/schedule/renderer/month-agenda.js +11 -4
- package/src/schedule/renderer/month.js +44 -16
- package/src/schedule/renderer/renderer.js +3 -3
- package/src/schedule/renderer/timeline-header-row.js +7 -7
- package/src/schedule/renderer/timeline-month.js +5 -5
- package/src/schedule/renderer/timeline-view.js +2 -2
- package/src/schedule/renderer/timeline-year.js +20 -14
- package/src/schedule/renderer/vertical-view.js +24 -9
- package/src/schedule/renderer/view-base.d.ts +3 -0
- package/src/schedule/renderer/view-base.js +11 -3
- package/src/schedule/renderer/year.js +11 -5
- package/styles/bootstrap-dark.css +364 -101
- package/styles/bootstrap.css +363 -99
- package/styles/bootstrap4.css +375 -141
- package/styles/bootstrap5-dark.css +339 -137
- package/styles/bootstrap5.css +339 -137
- package/styles/fabric-dark.css +330 -101
- package/styles/fabric.css +316 -106
- package/styles/fluent-dark.css +395 -102
- package/styles/fluent.css +395 -102
- package/styles/highcontrast-light.css +407 -98
- package/styles/highcontrast.css +399 -113
- package/styles/material-dark.css +362 -110
- package/styles/material.css +404 -110
- package/styles/recurrence-editor/_layout.scss +42 -28
- package/styles/recurrence-editor/bootstrap-dark.css +137 -28
- package/styles/recurrence-editor/bootstrap-dark.scss +5 -0
- package/styles/recurrence-editor/bootstrap.css +137 -28
- package/styles/recurrence-editor/bootstrap.scss +5 -0
- package/styles/recurrence-editor/bootstrap4.css +171 -28
- package/styles/recurrence-editor/bootstrap4.scss +5 -0
- package/styles/recurrence-editor/bootstrap5-dark.css +178 -28
- package/styles/recurrence-editor/bootstrap5-dark.scss +5 -0
- package/styles/recurrence-editor/bootstrap5.css +178 -28
- package/styles/recurrence-editor/bootstrap5.scss +5 -0
- package/styles/recurrence-editor/fabric-dark.css +113 -28
- package/styles/recurrence-editor/fabric-dark.scss +5 -0
- package/styles/recurrence-editor/fabric.css +106 -28
- package/styles/recurrence-editor/fabric.scss +5 -0
- package/styles/recurrence-editor/fluent-dark.css +158 -28
- package/styles/recurrence-editor/fluent-dark.scss +5 -0
- package/styles/recurrence-editor/fluent.css +158 -28
- package/styles/recurrence-editor/fluent.scss +5 -0
- package/styles/recurrence-editor/highcontrast-light.css +110 -28
- package/styles/recurrence-editor/highcontrast-light.scss +5 -0
- package/styles/recurrence-editor/highcontrast.css +110 -28
- package/styles/recurrence-editor/highcontrast.scss +5 -0
- package/styles/recurrence-editor/material-dark.css +138 -28
- package/styles/recurrence-editor/material-dark.scss +5 -0
- package/styles/recurrence-editor/material.css +163 -28
- package/styles/recurrence-editor/material.scss +5 -0
- package/styles/recurrence-editor/tailwind-dark.css +126 -28
- package/styles/recurrence-editor/tailwind-dark.scss +5 -0
- package/styles/recurrence-editor/tailwind.css +126 -28
- package/styles/recurrence-editor/tailwind.scss +5 -0
- package/styles/schedule/_bootstrap-dark-definition.scss +63 -4
- package/styles/schedule/_bootstrap-definition.scss +62 -3
- package/styles/schedule/_bootstrap4-definition.scss +65 -5
- package/styles/schedule/_bootstrap5-definition.scss +63 -5
- package/styles/schedule/_fabric-dark-definition.scss +61 -3
- package/styles/schedule/_fabric-definition.scss +62 -3
- package/styles/schedule/_fluent-definition.scss +63 -6
- package/styles/schedule/_fusionnew-definition.scss +60 -3
- package/styles/schedule/_highcontrast-definition.scss +62 -3
- package/styles/schedule/_highcontrast-light-definition.scss +62 -3
- package/styles/schedule/_layout.scss +117 -506
- package/styles/schedule/_material-dark-definition.scss +63 -4
- package/styles/schedule/_material-definition.scss +63 -4
- package/styles/schedule/_material3-definition.scss +62 -3
- package/styles/schedule/_tailwind-definition.scss +63 -6
- package/styles/schedule/_theme.scss +97 -62
- package/styles/schedule/bootstrap-dark.css +332 -73
- package/styles/schedule/bootstrap-dark.scss +11 -0
- package/styles/schedule/bootstrap.css +331 -71
- package/styles/schedule/bootstrap.scss +11 -0
- package/styles/schedule/bootstrap4.css +343 -113
- package/styles/schedule/bootstrap4.scss +11 -0
- package/styles/schedule/bootstrap5-dark.css +307 -109
- package/styles/schedule/bootstrap5-dark.scss +11 -0
- package/styles/schedule/bootstrap5.css +307 -109
- package/styles/schedule/bootstrap5.scss +11 -0
- package/styles/schedule/fabric-dark.css +298 -73
- package/styles/schedule/fabric-dark.scss +11 -0
- package/styles/schedule/fabric.css +284 -78
- package/styles/schedule/fabric.scss +11 -0
- package/styles/schedule/fluent-dark.css +363 -74
- package/styles/schedule/fluent-dark.scss +11 -0
- package/styles/schedule/fluent.css +363 -74
- package/styles/schedule/fluent.scss +11 -0
- package/styles/schedule/highcontrast-light.css +375 -70
- package/styles/schedule/highcontrast-light.scss +11 -0
- package/styles/schedule/highcontrast.css +367 -85
- package/styles/schedule/highcontrast.scss +11 -0
- package/styles/schedule/material-dark.css +330 -82
- package/styles/schedule/material-dark.scss +11 -0
- package/styles/schedule/material.css +372 -82
- package/styles/schedule/material.scss +11 -0
- package/styles/schedule/tailwind-dark.css +246 -111
- package/styles/schedule/tailwind-dark.scss +11 -0
- package/styles/schedule/tailwind.css +246 -111
- package/styles/schedule/tailwind.scss +11 -0
- package/styles/tailwind-dark.css +279 -140
- package/styles/tailwind.css +279 -140
|
@@ -4,6 +4,7 @@ import { TdData } from '../base/interface';
|
|
|
4
4
|
* view base
|
|
5
5
|
*/
|
|
6
6
|
export declare class ViewBase {
|
|
7
|
+
previousNextAction: string;
|
|
7
8
|
element: HTMLElement;
|
|
8
9
|
parent: Schedule;
|
|
9
10
|
renderDates: Date[];
|
|
@@ -42,6 +43,8 @@ export declare class ViewBase {
|
|
|
42
43
|
generateColumnLevels(): TdData[][];
|
|
43
44
|
getColumnLevels(): TdData[][];
|
|
44
45
|
highlightCurrentTime(): void;
|
|
46
|
+
getStartDate(): Date;
|
|
47
|
+
getEndDate(): Date;
|
|
45
48
|
startDate(): Date;
|
|
46
49
|
endDate(): Date;
|
|
47
50
|
getStartHour(): Date;
|
|
@@ -12,6 +12,7 @@ var ViewBase = /** @class */ (function () {
|
|
|
12
12
|
* @param {Schedule} parent Accepts the schedule instance
|
|
13
13
|
*/
|
|
14
14
|
function ViewBase(parent) {
|
|
15
|
+
this.previousNextAction = 'next';
|
|
15
16
|
this.parent = parent;
|
|
16
17
|
}
|
|
17
18
|
ViewBase.prototype.isTimelineView = function () {
|
|
@@ -61,7 +62,7 @@ var ViewBase = /** @class */ (function () {
|
|
|
61
62
|
for (var row = 0; row < trCount; row++) {
|
|
62
63
|
eventContainer = createElement('div', { className: cls.APPOINTMENT_CONTAINER_CLASS });
|
|
63
64
|
if (this.parent.resourceBase && !this.parent.uiStateValues.isGroupAdaptive && this.parent.resourceBase.renderedResources) {
|
|
64
|
-
eventContainer.setAttribute('data-group-index', this.parent.resourceBase.renderedResources[row].groupIndex.toString());
|
|
65
|
+
eventContainer.setAttribute('data-group-index', this.parent.resourceBase.renderedResources[parseInt(row.toString(), 10)].groupIndex.toString());
|
|
65
66
|
}
|
|
66
67
|
eventRows.push(eventContainer);
|
|
67
68
|
}
|
|
@@ -189,6 +190,12 @@ var ViewBase = /** @class */ (function () {
|
|
|
189
190
|
ViewBase.prototype.highlightCurrentTime = function () {
|
|
190
191
|
// Here showTimeIndicator functionalities
|
|
191
192
|
};
|
|
193
|
+
ViewBase.prototype.getStartDate = function () {
|
|
194
|
+
return this.renderDates[0];
|
|
195
|
+
};
|
|
196
|
+
ViewBase.prototype.getEndDate = function () {
|
|
197
|
+
return this.renderDates[this.renderDates.length - 1];
|
|
198
|
+
};
|
|
192
199
|
ViewBase.prototype.startDate = function () {
|
|
193
200
|
return this.renderDates[0];
|
|
194
201
|
};
|
|
@@ -288,6 +295,7 @@ var ViewBase = /** @class */ (function () {
|
|
|
288
295
|
return renderDates;
|
|
289
296
|
};
|
|
290
297
|
ViewBase.prototype.getNextPreviousDate = function (type) {
|
|
298
|
+
this.previousNextAction = type;
|
|
291
299
|
if (this.parent.currentView === 'Day' || this.parent.currentView === 'TimelineDay') {
|
|
292
300
|
if (this.parent.activeViewOptions.showWeekend) {
|
|
293
301
|
var daysCount = this.parent.activeViewOptions.interval;
|
|
@@ -558,8 +566,8 @@ var ViewBase = /** @class */ (function () {
|
|
|
558
566
|
if (index >= renderedCount) {
|
|
559
567
|
break;
|
|
560
568
|
}
|
|
561
|
-
index += lastLevel[i].colSpan;
|
|
562
|
-
this.parent.resourceBase.expandedResources.push(lastLevel[i]);
|
|
569
|
+
index += lastLevel[parseInt(i.toString(), 10)].colSpan;
|
|
570
|
+
this.parent.resourceBase.expandedResources.push(lastLevel[parseInt(i.toString(), 10)]);
|
|
563
571
|
}
|
|
564
572
|
if (this.parent.activeViewOptions.group.byDate) {
|
|
565
573
|
this.colLevels[0] = this.parent.resourceBase.expandedResources;
|
|
@@ -93,7 +93,7 @@ var Year = /** @class */ (function (_super) {
|
|
|
93
93
|
Year.prototype.renderCalendarHeader = function (currentDate) {
|
|
94
94
|
var headerWrapper = createElement('div', { className: 'e-header e-month' });
|
|
95
95
|
var headerContent = createElement('div', { className: 'e-day e-title' });
|
|
96
|
-
if (this.parent.monthHeaderTemplate) {
|
|
96
|
+
if (this.parent.activeViewOptions.monthHeaderTemplate) {
|
|
97
97
|
var args = { date: currentDate, type: 'monthHeader' };
|
|
98
98
|
this.renderTemplates(this.parent.getMonthHeaderTemplate(), args, 'monthHeaderTemplate', this.parent.activeViewOptions.monthHeaderTemplateName, headerContent);
|
|
99
99
|
}
|
|
@@ -117,7 +117,7 @@ var Year = /** @class */ (function (_super) {
|
|
|
117
117
|
tr.appendChild(createElement('th'));
|
|
118
118
|
}
|
|
119
119
|
for (var i = 0; i < util.WEEK_LENGTH; i++) {
|
|
120
|
-
if (this.parent.dayHeaderTemplate) {
|
|
120
|
+
if (this.parent.activeViewOptions.dayHeaderTemplate) {
|
|
121
121
|
var th = createElement('th');
|
|
122
122
|
var args = { date: currentWeek, type: 'dayHeader' };
|
|
123
123
|
this.renderTemplates(this.parent.getDayHeaderTemplate(), args, 'dayHeaderTemplate', this.parent.activeViewOptions.dayHeaderTemplateName, th);
|
|
@@ -176,9 +176,14 @@ var Year = /** @class */ (function (_super) {
|
|
|
176
176
|
addClass([td], classList);
|
|
177
177
|
}
|
|
178
178
|
tr_1.appendChild(td);
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
179
|
+
if (!this.parent.isMinMaxDate(date)) {
|
|
180
|
+
addClass([td], cls.DISABLE_DATES);
|
|
181
|
+
}
|
|
182
|
+
else {
|
|
183
|
+
EventHandler.add(td, 'click', this.onCellClick, this);
|
|
184
|
+
if (!this.parent.isAdaptive) {
|
|
185
|
+
EventHandler.add(td, 'dblclick', this.parent.workCellAction.cellDblClick, this.parent.workCellAction);
|
|
186
|
+
}
|
|
182
187
|
}
|
|
183
188
|
this.parent.trigger(event.renderCell, { elementType: 'workCells', element: td, date: date });
|
|
184
189
|
}
|
|
@@ -346,6 +351,7 @@ var Year = /** @class */ (function (_super) {
|
|
|
346
351
|
if (!args.isPreventScrollUpdate) {
|
|
347
352
|
if (this.parent.uiStateValues.isInitial) {
|
|
348
353
|
this.parent.uiStateValues.isInitial = false;
|
|
354
|
+
this.parent.uiStateValues.top = this.parent.uiStateValues.left = 0;
|
|
349
355
|
}
|
|
350
356
|
else {
|
|
351
357
|
if (leftPanelElement) {
|