Socket
Socket
Sign inDemoInstall

@syncfusion/ej2-schedule

Package Overview
Dependencies
Maintainers
2
Versions
234
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@syncfusion/ej2-schedule - npm Package Compare versions

Comparing version 16.2.41 to 16.2.43

12

CHANGELOG.md

@@ -7,2 +7,14 @@ # Changelog

#### Bug Fixes
- An issue with recurrence validation while using editor template has been fixed.
- An issue with recurring events on day view, created with UNTIL and WEEKLY rule combination has been fixed.
- An alignment issue with recurrence editor in bootstrap theme has been fixed.
- An issue with highlighting current day in month view, when `firstDayOfWeek` is set with the value other than `Sunday` has been fixed.
- An issue while customizing `quick popup` with normal HTML buttons has been fixed.
## 16.2.41 (2018-06-25)
### Schedule
#### New Features

@@ -9,0 +21,0 @@

9

dist/global/index.d.ts

@@ -0,1 +1,10 @@

/*!
* filename: index.d.ts
* version : 16.2.43
* Copyright Syncfusion Inc. 2001 - 2018. All rights reserved.
* Use of this code is subject to the terms of our license.
* A copy of the current license can be obtained at any time by e-mailing
* licensing@syncfusion.com. Any infringement will be prosecuted under
* applicable laws.
*/
import * as _schedule from '@syncfusion/ej2-schedule';

@@ -2,0 +11,0 @@ import * as _base from '@syncfusion/ej2-base';

10

package.json
{
"name": "@syncfusion/ej2-schedule",
"version": "16.2.41",
"version": "16.2.43",
"description": "Essential JS 2 Schedule Component",

@@ -12,9 +12,9 @@ "author": "Syncfusion Inc.",

"@syncfusion/ej2-base": "~16.2.41",
"@syncfusion/ej2-data": "~16.2.41",
"@syncfusion/ej2-data": "~16.2.43",
"@syncfusion/ej2-popups": "~16.2.41",
"@syncfusion/ej2-calendars": "~16.2.41",
"@syncfusion/ej2-calendars": "~16.2.43",
"@syncfusion/ej2-navigations": "~16.2.41",
"@syncfusion/ej2-dropdowns": "~16.2.41",
"@syncfusion/ej2-dropdowns": "~16.2.43",
"@syncfusion/ej2-buttons": "~16.2.41",
"@syncfusion/ej2-inputs": "~16.2.41",
"@syncfusion/ej2-inputs": "~16.2.43",
"@syncfusion/ej2-lists": "~16.2.41"

@@ -21,0 +21,0 @@ },

16

src/recurrence-editor/date-generator.js

@@ -40,4 +40,2 @@ define(["require", "exports", "@syncfusion/ej2-base", "../schedule/base/util"], function (require, exports, ej2_base_1, util_1) {

break;
default:
return '';
}

@@ -591,14 +589,2 @@ if (ruleObject.count) {

var startDateCollection = {};
var propertyKeys = {
FREQ: 'freq',
BYDAY: 'day',
BYSETPOS: 'setPos',
UNTIL: 'until',
INTERVAL: 'interval',
COUNT: 'count',
BYMONTH: 'month',
BYWEEKNO: 'weekNo',
BYMONTHDAY: 'monthDay',
BYYEARDAY: 'yearDay'
};
var tempExcludeDate;

@@ -614,6 +600,4 @@ var dayIndex = ['SU', 'MO', 'TU', 'WE', 'TH', 'FR', 'SA'];

var WEEKPOS = ['first', 'second', 'third', 'fourth', 'last'];
var MONTHDATA = ['jan', 'feb', 'mar', 'apr', 'may', 'jun', 'jul', 'aug', 'sep', 'oct', 'nov', 'dec'];
var TIMES = 'summaryTimes';
var ON = 'summaryOn';
var REPEAT = 'summaryRepeat';
var EVERY = 'every';

@@ -620,0 +604,0 @@ var UNTIL = 'summaryUntil';

2

src/recurrence-editor/recurrence-editor-model.d.ts

@@ -1,2 +0,2 @@

import { Component, Property, NotifyPropertyChanges, INotifyPropertyChanged, Event, Browser } from '@syncfusion/ej2-base';import { EmitType, getDefaultDateObject, getValue, cldrData, L10n, isNullOrUndefined } from '@syncfusion/ej2-base';import { DropDownList, ChangeEventArgs } from '@syncfusion/ej2-dropdowns';import { NumericTextBox } from '@syncfusion/ej2-inputs';import { DatePicker, ChangedEventArgs } from '@syncfusion/ej2-calendars';import { Button, RadioButton } from '@syncfusion/ej2-buttons';import { EventHandler, MouseEventArgs, classList } from '@syncfusion/ej2-base';import { EJ2Instance } from '../schedule/base/interface';import { RecRule, extractObjectFromRule, generate, generateSummary, getRecurrenceStringFromDate } from './date-generator';
import { Component, Property, NotifyPropertyChanges, INotifyPropertyChanged, Event, Browser } from '@syncfusion/ej2-base';import { EmitType, getDefaultDateObject, getValue, cldrData, L10n, isNullOrUndefined, removeClass, addClass } from '@syncfusion/ej2-base';import { DropDownList, ChangeEventArgs } from '@syncfusion/ej2-dropdowns';import { NumericTextBox } from '@syncfusion/ej2-inputs';import { DatePicker, ChangedEventArgs } from '@syncfusion/ej2-calendars';import { Button, RadioButton } from '@syncfusion/ej2-buttons';import { EventHandler, MouseEventArgs, classList } from '@syncfusion/ej2-base';import { EJ2Instance } from '../schedule/base/interface';import { RecRule, extractObjectFromRule, generate, generateSummary, getRecurrenceStringFromDate } from './date-generator';
import {RepeatType,RecurrenceEditorChangeEventArgs} from "./recurrence-editor";

@@ -3,0 +3,0 @@ import {ComponentModel} from '@syncfusion/ej2-base';

1

src/recurrence-editor/recurrence-editor.d.ts

@@ -85,3 +85,2 @@ import { Component, INotifyPropertyChanged } from '@syncfusion/ej2-base';

private renderStatus;
private destroyStatus;
private ruleObject;

@@ -88,0 +87,0 @@ private recurrenceCount;

176

src/recurrence-editor/recurrence-editor.js

@@ -74,3 +74,2 @@ var __extends = (this && this.__extends) || (function () {

var END = 'end';
var MONTH = 'month';
var RADIOLABEL = 'onDay';

@@ -81,4 +80,2 @@ var RULEUNTIL = 'UNTIL';

var RULEBYMONTH = 'BYMONTH';
var RULEBYYEARDAY = 'BYYEARDAY';
var RULEBYWEEKNO = 'BYWEEKNO';
var RULEINTERVAL = 'INTERVAL';

@@ -113,5 +110,2 @@ var RULECOUNT = 'COUNT';

var FOURTH = 'fourth';
var DAYS = '';
var MONTHS = 'months';
var YEARS = 'years';
var contentType = {

@@ -185,3 +179,2 @@ none: '',

_this.renderStatus = false;
_this.destroyStatus = false;
_this.dayButtons = [];

@@ -205,7 +198,6 @@ _this.monthButtons = [];

if (cssClass) {
this.element.classList.add(cssClass);
ej2_base_2.addClass([this.element], cssClass);
}
};
RecurrenceEditor.prototype.initialize = function () {
this.destroyStatus = false;
this.renderComponent();

@@ -227,8 +219,4 @@ if (!ej2_base_2.isNullOrUndefined(this.value)) {

RecurrenceEditor.prototype.resetDayButton = function () {
var elements = this.element.querySelectorAll('.' +
DAYWRAPPER + ' button');
for (var index = 0; index < elements.length; index++) {
elements[index].classList.remove(ACTIVE);
elements[index].classList.remove(PRIMARY);
}
var elements = [].slice.call(this.element.querySelectorAll('.' + DAYWRAPPER + ' button'));
elements.forEach(function (element) { return ej2_base_2.removeClass([element], [ACTIVE, PRIMARY]); });
};

@@ -241,4 +229,3 @@ RecurrenceEditor.prototype.daySelection = function (dayIndex) {

if (element) {
element.classList.add(ACTIVE);
element.classList.add(PRIMARY);
ej2_base_2.addClass([element], [ACTIVE, PRIMARY]);
}

@@ -248,6 +235,6 @@ };

if (status) {
this.element.classList.add(RTLCLASS);
ej2_base_2.addClass([this.element], RTLCLASS);
}
else {
this.element.classList.remove(RTLCLASS);
ej2_base_2.removeClass([this.element], RTLCLASS);
}

@@ -269,6 +256,5 @@ };

RecurrenceEditor.prototype.updateForm = function (state) {
var elements;
var btn;
var _this = this;
this.repeatType.setProperties({ value: state });
var end = this.element.querySelector('.e-end-on');
var end = this.element.querySelector('.' + ENDON);
if (state === DAILY) {

@@ -282,30 +268,15 @@ ej2_base_3.classList(end, [FORMLEFT], [FORMRIGHT]);

case NONE:
for (var index = 0; index < neverClassList.length; index++) {
btn = this.element.querySelector('.' + neverClassList[index]);
btn.classList.add(HIDEWRAPPER);
}
neverClassList.forEach(function (className) { return ej2_base_2.addClass([_this.element.querySelector('.' + className)], HIDEWRAPPER); });
break;
case WEEKLY:
for (var index = 0; index < weekClassList.length; index++) {
btn = this.element.querySelector('.' + weekClassList[index]);
btn.classList.add(HIDEWRAPPER);
}
weekClassList.forEach(function (className) { return ej2_base_2.addClass([_this.element.querySelector('.' + className)], HIDEWRAPPER); });
break;
case MONTHLY:
for (var index = 0; index < monthClassList.length; index++) {
btn = this.element.querySelector('.' + monthClassList[index]);
btn.classList.add(HIDEWRAPPER);
}
monthClassList.forEach(function (className) { return ej2_base_2.addClass([_this.element.querySelector('.' + className)], HIDEWRAPPER); });
break;
case YEARLY:
for (var index = 0; index < yearClassList.length; index++) {
btn = this.element.querySelector('.' + yearClassList[index]);
btn.classList.add(HIDEWRAPPER);
}
yearClassList.forEach(function (className) { return ej2_base_2.addClass([_this.element.querySelector('.' + className)], HIDEWRAPPER); });
break;
case DAILY:
for (var index = 0; index < dailyClassList.length; index++) {
btn = this.element.querySelector('.' + dailyClassList[index]);
btn.classList.add(HIDEWRAPPER);
}
dailyClassList.forEach(function (className) { return ej2_base_2.addClass([_this.element.querySelector('.' + className)], HIDEWRAPPER); });
break;

@@ -315,22 +286,13 @@ }

RecurrenceEditor.prototype.updateEndOnForm = function (state) {
var element;
var _this = this;
this.endType.setProperties({ value: state });
switch (state) {
case NEVER:
for (var index = 0; index < noEndClassList.length; index++) {
element = this.element.querySelector('.' + noEndClassList[index]);
element.classList.add(HIDEWRAPPER);
}
noEndClassList.forEach(function (className) { return ej2_base_2.addClass([_this.element.querySelector('.' + className)], HIDEWRAPPER); });
break;
case UNTIL:
for (var index = 0; index < endOnDateClassList.length; index++) {
element = this.element.querySelector('.' + endOnDateClassList[index]);
element.classList.add(HIDEWRAPPER);
}
endOnDateClassList.forEach(function (className) { return ej2_base_2.addClass([_this.element.querySelector('.' + className)], HIDEWRAPPER); });
break;
case COUNT:
for (var index = 0; index < endOnCountClassList.length; index++) {
element = this.element.querySelector('.' + endOnCountClassList[index]);
element.classList.add(HIDEWRAPPER);
}
endOnCountClassList.forEach(function (className) { return ej2_base_2.addClass([_this.element.querySelector('.' + className)], HIDEWRAPPER); });
break;

@@ -340,17 +302,13 @@ }

RecurrenceEditor.prototype.freshOnEndForm = function () {
var btn;
for (var index = 0; index < noEndClassList.length; index++) {
btn = this.element.querySelector('.' + noEndClassList[index]);
if (btn) {
btn.classList.remove(HIDEWRAPPER);
var _this = this;
noEndClassList.forEach(function (className) {
var element = _this.element.querySelector('.' + className);
if (element) {
ej2_base_2.removeClass([element], HIDEWRAPPER);
}
}
});
};
RecurrenceEditor.prototype.showFormElement = function () {
var btn;
var elements = this.element.querySelectorAll('.' + HIDEWRAPPER);
for (var index = 0; index < neverClassList.length; index++) {
btn = this.element.querySelector('.' + neverClassList[index]);
btn.classList.remove(HIDEWRAPPER);
}
var _this = this;
neverClassList.forEach(function (className) { return ej2_base_2.removeClass([_this.element.querySelector('.' + className)], HIDEWRAPPER); });
};

@@ -372,5 +330,2 @@ RecurrenceEditor.prototype.renderDropdowns = function () {

change: function (args) {
if (self.destroyStatus) {
return;
}
self.setProperties({ selectedType: args.value }, false);

@@ -396,5 +351,2 @@ self.element.querySelector('.' + REPEATCONTENT).innerHTML =

change: function (args) {
if (self.destroyStatus) {
return;
}
self.freshOnEndForm();

@@ -418,5 +370,2 @@ self.updateEndOnForm(args.value);

change: function (args) {
if (self.destroyStatus) {
return;
}
self.onWeekDay.setProperties({ checked: true });

@@ -442,6 +391,2 @@ self.resetFormValues();

change: function (args) {
if (self.destroyStatus) {
return;
}
self.onWeekDay.setProperties({ checked: true });
self.resetFormValues();

@@ -455,5 +400,4 @@ self.triggerChangeEvent();

var formelement = [].slice.call(this.element.querySelectorAll('.e-control .e-numerictextbox'));
for (var index = 0, len = formelement.length; index < len; index++) {
var element = formelement[index];
var value = void 0;
for (var _i = 0, formelement_1 = formelement; _i < formelement_1.length; _i++) {
var element = formelement_1[_i];
var instance = element.ej2_instances[0];

@@ -472,7 +416,7 @@ if (instance.element.classList.contains(REPEATINTERVAL)) {

var recurreneElement = [].slice.call(this.element.querySelectorAll('.e-control [type="text"]'));
for (var index = 0, len = recurreneElement.length; index < len; index++) {
var element = recurreneElement[index];
var value = void 0;
for (var _i = 0, recurreneElement_1 = recurreneElement; _i < recurreneElement_1.length; _i++) {
var element = recurreneElement_1[_i];
var instance = void 0;
if (element.classList.contains('e-datepicker')) {
var instance = element.ej2_instances[0];
instance = element.ej2_instances[0];
if (instance.value) {

@@ -487,3 +431,3 @@ instance.value = instance.value;

else if (element.classList.contains('e-dropdownlist')) {
var instance = element.ej2_instances[0];
instance = element.ej2_instances[0];
instance.index = instance.index || 0;

@@ -493,14 +437,14 @@ instance.dataBind();

else if (element.classList.contains('e-numerictextbox')) {
var instance = element.ej2_instances[0];
var value_1 = void 0;
instance = element.ej2_instances[0];
var value = void 0;
if (instance.element.classList.contains(REPEATINTERVAL)) {
value_1 = 1;
value = 1;
}
else if (instance.element.classList.contains(ENDONCOUNT)) {
value_1 = 10;
value = 10;
}
else {
value_1 = this.startDate.getDate();
value = this.startDate.getDate();
}
instance.value = instance.value || value_1;
instance.value = instance.value || value;
instance.dataBind();

@@ -529,24 +473,17 @@ }

var _this = this;
var btns = this.element.querySelectorAll('.' +
DAYWRAPPER + ' button');
var btn;
var btns = [].slice.call(this.element.querySelectorAll('.' + DAYWRAPPER + ' button'));
var self = this;
for (var index = 0; index < btns.length; index++) {
btn = btns[index];
var button = new ej2_buttons_1.Button({
isToggle: true,
enableRtl: this.enableRtl
});
button.appendTo(btn);
for (var _i = 0, btns_1 = btns; _i < btns_1.length; _i++) {
var btn = btns_1[_i];
var button = new ej2_buttons_1.Button({ isToggle: true, enableRtl: this.enableRtl }, btn);
this.dayButtons.push(button);
ej2_base_3.EventHandler.add(btn, 'click', function (args) {
var btns = _this.element.querySelectorAll('.' +
DAYWRAPPER + ' button.' + PRIMARY);
var btns = [].slice.call(_this.element.querySelectorAll('.' + DAYWRAPPER + ' button.' + PRIMARY));
var element = args.target;
if (!element.classList.contains(PRIMARY)) {
element.classList.add(PRIMARY);
ej2_base_2.addClass([element], PRIMARY);
self.triggerChangeEvent();
}
else if (btns.length > 1) {
element.classList.remove(PRIMARY);
ej2_base_2.removeClass([element], PRIMARY);
self.triggerChangeEvent();

@@ -694,9 +631,8 @@ }

var cldrObj;
var temp = ((format === 'narrow') ? 'narrow' : 'wide');
this.rotateArray(weekday, this.firstDayOfWeek);
if (this.locale === 'en' || this.locale === 'en-US') {
cldrObj = (ej2_base_2.getValue('days.stand-alone.' + temp, ej2_base_2.getDefaultDateObject()));
cldrObj = (ej2_base_2.getValue('days.stand-alone.' + format, ej2_base_2.getDefaultDateObject()));
}
else {
cldrObj = (ej2_base_2.getValue('main.' + '' + this.locale + '.dates.calendars.gregorian.days.stand-alone.' + temp, ej2_base_2.cldrData));
cldrObj = (ej2_base_2.getValue('main.' + '' + this.locale + '.dates.calendars.gregorian.days.stand-alone.' + format, ej2_base_2.cldrData));
}

@@ -819,6 +755,5 @@ for (var _i = 0, weekday_1 = weekday; _i < weekday_1.length; _i++) {

this.rotateArray(weekday, this.firstDayOfWeek);
var index;
for (var _i = 0, _a = this.dayButtons; _i < _a.length; _i++) {
var obj = _a[_i];
index = parseInt(obj.element.getAttribute('data-index'), 10);
var index = parseInt(obj.element.getAttribute('data-index'), 10);
if (keys.indexOf(weekday[index]) !== -1) {

@@ -904,9 +839,5 @@ obj.setProperties({ isPrimary: true });

}
this.dayButtons.forEach(function (element) {
element.destroy();
});
this.dayButtons.forEach(function (element) { return element.destroy(); });
this.dayButtons = [];
this.monthButtons.forEach(function (element) {
element.destroy();
});
this.monthButtons.forEach(function (element) { return element.destroy(); });
this.monthButtons = [];

@@ -982,4 +913,9 @@ };

RecurrenceEditor.prototype.destroy = function () {
this.destroyStatus = true;
this.destroyComponents();
_super.prototype.destroy.call(this);
var removeClasses = ['e-' + this.getModuleName()];
if (this.cssClass) {
removeClasses = removeClasses.concat(this.cssClass.split(' '));
}
ej2_base_2.removeClass([this.element], removeClasses);
this.element.innerHTML = '';

@@ -986,0 +922,0 @@ };

5

src/schedule/actions/keyboard.d.ts

@@ -28,3 +28,3 @@ import { Schedule } from '../base/schedule';

selectCells(isMultiple: boolean, target: HTMLTableCellElement): void;
private selectAppointment(isReverse, target, isMoreEvent?);
private selectAppointment(isReverse, target);
private selectAppointmentElementFromWorkCell(isReverse, target);

@@ -39,3 +39,4 @@ private getAllDayCells(cells);

private processDown(e, isMultiple);
private processLeftRight(target, isMultiple);
private processLeftRight(target);
private getQuickPopupElement();
private isCancelLeftRightAction(isMultiple);

@@ -42,0 +43,0 @@ private processRight(e, isMultiple);

59

src/schedule/actions/keyboard.js

@@ -131,3 +131,3 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "../base/constant", "../base/util", "../base/css-constant"], function (require, exports, ej2_base_1, ej2_base_2, event, util, cls) {

var target = ej2_base_1.closest(e.target, '.' + cls.APPOINTMENT_CLASS);
var selectedElements = this.parent.eventBase.getSelectedEventElements(target);
this.parent.eventBase.getSelectedEventElements(target);
};

@@ -278,12 +278,4 @@ KeyboardInteraction.prototype.onMoveup = function (e) {

};
KeyboardInteraction.prototype.selectAppointment = function (isReverse, target, isMoreEvent) {
if (isMoreEvent === void 0) { isMoreEvent = false; }
var appointments;
if (isMoreEvent) {
var moreEventWrapper = this.parent.element.querySelector('.' + cls.MORE_EVENT_WRAPPER_CLASS);
appointments = [].slice.call(moreEventWrapper.children);
}
else {
appointments = this.getAppointmentElements();
}
KeyboardInteraction.prototype.selectAppointment = function (isReverse, target) {
var appointments = this.getAppointmentElements();
if (appointments.length < 0) {

@@ -302,3 +294,3 @@ return;

if (nextAppEle) {
this.parent.eventBase.addSelectedAppointments([nextAppEle], nextAppEle);
this.parent.eventBase.addSelectedAppointments([nextAppEle]);
nextAppEle.focus();

@@ -330,3 +322,3 @@ ej2_base_2.addClass([nextAppEle], cls.AGENDA_SELECTED_CELL);

var focusElements = this.getAppointmentElementsByGuid(selectedElement.getAttribute('data-guid'));
this.parent.eventBase.addSelectedAppointments(focusElements, focusElements[focusElements.length - 1]);
this.parent.eventBase.addSelectedAppointments(focusElements);
(focusElements[focusElements.length - 1]).focus();

@@ -391,3 +383,3 @@ }

var moreEventWrapper = this.parent.element.querySelector('.' + cls.MORE_POPUP_WRAPPER_CLASS);
var quickPopupWrapper = this.parent.element.querySelector('.' + cls.POPUP_WRAPPER_CLASS);
var quickPopupWrapper = this.getQuickPopupElement();
if (selectedElements.length > 0 && !e.target.classList.contains(cls.WORK_CELLS_CLASS)) {

@@ -421,3 +413,3 @@ target = selectedElements[selectedElements.length - 1];

var moreEventWrapper = this.parent.element.querySelector('.' + cls.MORE_POPUP_WRAPPER_CLASS);
var quickPopupWrapper = this.parent.element.querySelector('.' + cls.POPUP_WRAPPER_CLASS);
var quickPopupWrapper = this.getQuickPopupElement();
if (selectedCells.length > 0 && !e.target.classList.contains(cls.WORK_CELLS_CLASS)) {

@@ -443,3 +435,3 @@ target = selectedCells[selectedCells.length - 1];

};
KeyboardInteraction.prototype.processLeftRight = function (target, isMultiple) {
KeyboardInteraction.prototype.processLeftRight = function (target) {
var tableEle = this.parent.getContentTable();

@@ -455,2 +447,5 @@ var curRowIndex = target.parentNode.sectionRowIndex;

};
KeyboardInteraction.prototype.getQuickPopupElement = function () {
return (this.parent.isAdaptive ? document.body : this.parent.element).querySelector('.' + cls.POPUP_WRAPPER_CLASS);
};
KeyboardInteraction.prototype.isCancelLeftRightAction = function (isMultiple) {

@@ -461,3 +456,3 @@ if (this.parent.currentView === 'Agenda' || (isMultiple && this.parent.currentView === 'MonthAgenda')) {

var moreEventWrapper = this.parent.element.querySelector('.' + cls.MORE_POPUP_WRAPPER_CLASS);
var quickPopupWrapper = this.parent.element.querySelector('.' + cls.POPUP_WRAPPER_CLASS);
var quickPopupWrapper = this.getQuickPopupElement();
if (moreEventWrapper.classList.contains(cls.POPUP_OPEN) || quickPopupWrapper.classList.contains(cls.POPUP_OPEN)) {

@@ -483,5 +478,8 @@ return true;

this.parent.eventBase.removeSelectedAppointmentClass();
if (!target) {
return;
}
}
if (target.classList.contains(cls.WORK_CELLS_CLASS)) {
var key = this.processLeftRight(target, isMultiple);
var key = this.processLeftRight(target);
if (key.columnIndex >= 0 && key.columnIndex < key.maxIndex - 1) {

@@ -537,6 +535,8 @@ targetCell = this.calculateNextPrevDate(target, key.element.rows[key.rowIndex].cells[target.cellIndex + 1], 'right');

this.parent.eventBase.removeSelectedAppointmentClass();
if (!target) {
return;
}
}
var initialId = this.initialTarget.getAttribute('data-group-index');
if (target.classList.contains(cls.WORK_CELLS_CLASS)) {
var key = this.processLeftRight(target, isMultiple);
var key = this.processLeftRight(target);
if (key.columnIndex > 0 && key.columnIndex < key.maxIndex) {

@@ -621,19 +621,10 @@ targetCell = this.calculateNextPrevDate(target, key.element.rows[key.rowIndex].cells[target.cellIndex - 1], 'left');

var target = e.target;
if (ej2_base_1.closest(target, '.' + cls.MORE_POPUP_WRAPPER_CLASS)) {
var moreEventWrapper = this.parent.element.querySelector('.' + cls.MORE_POPUP_WRAPPER_CLASS);
if (ej2_base_2.isNullOrUndefined(moreEventWrapper) || !moreEventWrapper.classList.contains(cls.POPUP_OPEN)) {
return;
var popupWrapper = ej2_base_1.closest(target, '.' + cls.POPUP_WRAPPER_CLASS + ',.' + cls.MORE_POPUP_WRAPPER_CLASS);
if (popupWrapper && popupWrapper.classList.contains(cls.POPUP_OPEN)) {
if (popupWrapper.classList.contains(cls.MORE_POPUP_WRAPPER_CLASS)) {
this.parent.eventBase.removeSelectedAppointmentClass();
}
this.parent.eventBase.removeSelectedAppointmentClass();
this.processTabOnPopup(e, moreEventWrapper);
this.processTabOnPopup(e, popupWrapper);
return;
}
if (ej2_base_1.closest(target, '.' + cls.POPUP_WRAPPER_CLASS)) {
var quickPopupWrapper = this.parent.element.querySelector('.' + cls.POPUP_WRAPPER_CLASS);
if (ej2_base_2.isNullOrUndefined(quickPopupWrapper) || !quickPopupWrapper.classList.contains(cls.POPUP_OPEN)) {
return;
}
this.processTabOnPopup(e, quickPopupWrapper);
return;
}
if (target.classList.contains(cls.ROOT)) {

@@ -640,0 +631,0 @@ this.parent.eventBase.removeSelectedAppointmentClass();

4

src/schedule/actions/scroll.d.ts

@@ -33,2 +33,5 @@ import { Schedule } from '../base/schedule';

removeEventListener(): void;
/**
* @hidden
*/
private setDimensions();

@@ -38,3 +41,2 @@ /**

*/
private getCssProperties(enableRtl);
private onPropertyChanged(e);

@@ -41,0 +43,0 @@ /**

9

src/schedule/actions/scroll.js

@@ -29,12 +29,5 @@ define(["require", "exports", "@syncfusion/ej2-base", "../base/constant"], function (require, exports, ej2_base_1, constant_1) {

this.setHeight();
var cssProps = this.getCssProperties(this.parent.enableRtl);
var data = { cssProperties: cssProps, module: this.getModuleName() };
var data = { cssProperties: this.parent.getCssProperties(), module: this.getModuleName() };
this.parent.notify(constant_1.scrollUiUpdate, data);
};
Scroll.prototype.getCssProperties = function (enableRtl) {
var css = {};
css.border = enableRtl ? 'borderLeftWidth' : 'borderRightWidth';
css.padding = enableRtl ? 'paddingLeft' : 'paddingRight';
return css;
};
Scroll.prototype.onPropertyChanged = function (e) {

@@ -41,0 +34,0 @@ this.setDimensions();

6

src/schedule/actions/touch.js

@@ -101,4 +101,6 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "../base/constant", "../base/css-constant"], function (require, exports, ej2_base_1, ej2_base_2, events, cls) {

if (!ej2_base_2.isNullOrUndefined(target)) {
var event_1 = e.originalEvent;
this.parent.notify(events.tapHoldReady, { event: event_1 });
if (this.parent.isAdaptive) {
var event_1 = e.originalEvent;
this.parent.notify(events.tapHoldReady, { event: event_1 });
}
return;

@@ -105,0 +107,0 @@ }

12

src/schedule/base/css-constant.d.ts

@@ -139,8 +139,2 @@ /**

/** @hidden */
export declare const DAY_HEADER_CLASS: string;
/** @hidden */
export declare const AGENDA_HIDDEN_CLASS: string;
/** @hidden */
export declare const AGENDA_ALIGN_CLASS: string;
/** @hidden */
export declare const AGENDA_DAY_BORDER_CLASS: string;

@@ -194,6 +188,2 @@ /** @hidden */

/** @hidden */
export declare const SCHEDULE_INNER_CLASS: string;
/** @hidden */
export declare const QUICK_POPUP_ROOT_CLASS: string;
/** @hidden */
export declare const CELL_POPUP_CLASS: string;

@@ -247,4 +237,2 @@ /** @hidden */

/** @hidden */
export declare const DIALOG_FOOTER_CONTENT_CLASS: string;
/** @hidden */
export declare const QUICK_DIALOG_EDIT_EVENT_CLASS: string;

@@ -251,0 +239,0 @@ /** @hidden */

6

src/schedule/base/css-constant.js

@@ -71,5 +71,2 @@ define(["require", "exports"], function (require, exports) {

exports.DATE_HEADER_CLASS = 'e-date-header';
exports.DAY_HEADER_CLASS = 'e-day-header';
exports.AGENDA_HIDDEN_CLASS = 'e-item-hide';
exports.AGENDA_ALIGN_CLASS = 'e-item-align';
exports.AGENDA_DAY_BORDER_CLASS = 'e-day-border';

@@ -99,4 +96,2 @@ exports.DATE_BORDER_CLASS = 'e-date-border';

exports.MORE_INDICATOR_CLASS = 'e-more-indicator';
exports.SCHEDULE_INNER_CLASS = 'e-schedule-inner';
exports.QUICK_POPUP_ROOT_CLASS = 'e-schedule-quick-popup';
exports.CELL_POPUP_CLASS = 'e-cell-popup';

@@ -126,3 +121,2 @@ exports.EVENT_POPUP_CLASS = 'e-event-popup';

exports.QUICK_DIALOG_CLASS = 'e-quick-dialog';
exports.DIALOG_FOOTER_CONTENT_CLASS = 'e-footer-content';
exports.QUICK_DIALOG_EDIT_EVENT_CLASS = 'e-quick-dialog-edit-event';

@@ -129,0 +123,0 @@ exports.QUICK_DIALOG_EDIT_SERIES_CLASS = 'e-quick-dialog-edit-series';

2

src/schedule/base/schedule-model.d.ts

@@ -1,2 +0,2 @@

import { Component, ModuleDeclaration, Property, Event, Animation, Collection } from '@syncfusion/ej2-base';import { EventHandler, EmitType, Browser, Internationalization, getDefaultDateObject, cldrData, L10n } from '@syncfusion/ej2-base';import { getValue, compile, extend, isNullOrUndefined, NotifyPropertyChanges, INotifyPropertyChanged, Complex } from '@syncfusion/ej2-base';import { removeClass, addClass, remove, createElement } from '@syncfusion/ej2-base';import { createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';import { HeaderRenderer } from '../renderer/header-renderer';import { Scroll } from '../actions/scroll';import { ScheduleTouch } from '../actions/touch';import { KeyboardInteraction } from '../actions/keyboard';import { Data } from '../actions/data';import { View, CurrentAction, ReturnType } from '../base/type';import { EventBase } from '../event-renderer/event-base';import { QuickPopups } from '../popups/quick-popups';import { EventTooltip } from '../popups/event-tooltip';import { EventWindow } from '../popups/event-window';import { Render } from '../renderer/renderer';import { Day } from '../renderer/day';import { Week } from '../renderer/week';import { WorkWeek } from '../renderer/work-week';import { Month } from '../renderer/month';import { Agenda } from '../renderer/agenda';import { MonthAgenda } from '../renderer/month-agenda';import { WorkHours } from '../models/work-hours';import { TimeScale } from '../models/time-scale';import { Crud } from '../actions/crud';import { WorkHoursModel, ViewsModel, EventSettingsModel, GroupModel, ResourcesModel, TimeScaleModel } from '../models/models';import { EventSettings } from '../models/event-settings';import { Group } from '../models/group';import { Resources } from '../models/resources';import { IRenderer, ActionEventArgs, NavigatingEventArgs, CellClickEventArgs, RenderCellEventArgs, ScrollCss } from '../base/interface';import { EventFieldsMapping, EventClickArgs, EventRenderedArgs, PopupOpenEventArgs, UIStateArgs, NotifyEventArgs } from '../base/interface';import { TdData, ResourceDetails } from '../base/interface';import { ResourceBase } from '../base/resource';import * as events from '../base/constant';import * as cls from '../base/css-constant';import * as util from '../base/util';
import { Component, ModuleDeclaration, Property, Event, Animation, Collection } from '@syncfusion/ej2-base';import { EventHandler, EmitType, Browser, Internationalization, getDefaultDateObject, cldrData, L10n } from '@syncfusion/ej2-base';import { getValue, compile, extend, isNullOrUndefined, NotifyPropertyChanges, INotifyPropertyChanged, Complex } from '@syncfusion/ej2-base';import { removeClass, addClass, createElement, classList } from '@syncfusion/ej2-base';import { createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';import { HeaderRenderer } from '../renderer/header-renderer';import { Scroll } from '../actions/scroll';import { ScheduleTouch } from '../actions/touch';import { KeyboardInteraction } from '../actions/keyboard';import { Data } from '../actions/data';import { View, CurrentAction, ReturnType } from '../base/type';import { EventBase } from '../event-renderer/event-base';import { QuickPopups } from '../popups/quick-popups';import { EventTooltip } from '../popups/event-tooltip';import { EventWindow } from '../popups/event-window';import { Render } from '../renderer/renderer';import { Day } from '../renderer/day';import { Week } from '../renderer/week';import { WorkWeek } from '../renderer/work-week';import { Month } from '../renderer/month';import { Agenda } from '../renderer/agenda';import { MonthAgenda } from '../renderer/month-agenda';import { WorkHours } from '../models/work-hours';import { TimeScale } from '../models/time-scale';import { Crud } from '../actions/crud';import { WorkHoursModel, ViewsModel, EventSettingsModel, GroupModel, ResourcesModel, TimeScaleModel } from '../models/models';import { EventSettings } from '../models/event-settings';import { Group } from '../models/group';import { Resources } from '../models/resources';import { IRenderer, ActionEventArgs, NavigatingEventArgs, CellClickEventArgs, RenderCellEventArgs, ScrollCss } from '../base/interface';import { EventFieldsMapping, EventClickArgs, EventRenderedArgs, PopupOpenEventArgs, UIStateArgs } from '../base/interface';import { TdData, ResourceDetails } from '../base/interface';import { ResourceBase } from '../base/resource';import * as events from '../base/constant';import * as cls from '../base/css-constant';import * as util from '../base/util';
import {ComponentModel} from '@syncfusion/ej2-base';

@@ -3,0 +3,0 @@

7

src/schedule/base/schedule.d.ts

@@ -24,3 +24,3 @@ import { Component, ModuleDeclaration } from '@syncfusion/ej2-base';

import { WorkHoursModel, ViewsModel, EventSettingsModel, GroupModel, ResourcesModel, TimeScaleModel } from '../models/models';
import { IRenderer, ActionEventArgs, NavigatingEventArgs, CellClickEventArgs, RenderCellEventArgs } from '../base/interface';
import { IRenderer, ActionEventArgs, NavigatingEventArgs, CellClickEventArgs, RenderCellEventArgs, ScrollCss } from '../base/interface';
import { EventFieldsMapping, EventClickArgs, EventRenderedArgs, PopupOpenEventArgs, UIStateArgs } from '../base/interface';

@@ -375,3 +375,3 @@ import { ResourceDetails } from '../base/interface';

private setViewOptions(isModuleLoad?);
private getActiveViewOptions(viewName);
private getActiveViewOptions();
private initializeDataModule();

@@ -422,4 +422,5 @@ private initializeView(viewName);

getResourceHeaderTemplate(): Function;
getCssProperties(): ScrollCss;
private onDocumentClick(args);
private onScheduleResize(args);
private onScheduleResize();
private templateParser(template);

@@ -426,0 +427,0 @@ /**

65

src/schedule/base/schedule.js

@@ -26,18 +26,21 @@ var __extends = (this && this.__extends) || (function () {

Schedule.prototype.render = function () {
ej2_base_4.addClass([this.element], cls.ROOT);
var addClasses = [];
var removeClasses = [];
addClasses.push(cls.ROOT);
if (this.enableRtl) {
ej2_base_4.addClass([this.element], cls.RTL);
addClasses.push(cls.RTL);
}
else {
ej2_base_4.removeClass([this.element], cls.RTL);
removeClasses.push(cls.RTL);
}
if (this.isAdaptive) {
ej2_base_4.addClass([this.element], cls.DEVICE_CLASS);
addClasses.push(cls.DEVICE_CLASS);
}
else {
ej2_base_4.removeClass([this.element], cls.DEVICE_CLASS);
removeClasses.push(cls.DEVICE_CLASS);
}
if (this.cssClass) {
ej2_base_4.addClass([this.element], this.cssClass);
addClasses.push(this.cssClass);
}
ej2_base_4.classList(this.element, addClasses, removeClasses);
this.validateDate();

@@ -138,3 +141,3 @@ this.eventTooltipTemplateFn = this.templateParser(this.eventSettings.tooltipTemplate);

};
Schedule.prototype.getActiveViewOptions = function (viewName) {
Schedule.prototype.getActiveViewOptions = function () {
var timeScale = {

@@ -206,3 +209,3 @@ enable: this.timeScale.enable,

this.showSpinner();
this.activeViewOptions = this.getActiveViewOptions(viewName);
this.activeViewOptions = this.getActiveViewOptions();
if (this.resourceBase) {

@@ -289,5 +292,3 @@ this.resourceBase.setResourceCollection();

}
var navArgs = {
action: 'date', cancel: false, previousDate: this.selectedDate, currentDate: selectedDate
};
var navArgs = { action: 'date', cancel: false, previousDate: this.selectedDate, currentDate: selectedDate };
this.trigger(events.navigating, navArgs);

@@ -451,4 +452,4 @@ if (navArgs.cancel) {

Schedule.prototype.isAllDayCell = function (td) {
if (this.currentView === 'Month' || td.classList.contains(cls.ALLDAY_CELLS_CLASS) ||
td.classList.contains(cls.HEADER_CELLS_CLASS) || !this.activeViewOptions.timeScale.enable) {
if (this.currentView === 'Month' || td.classList.contains(cls.ALLDAY_CELLS_CLASS) || td.classList.contains(cls.HEADER_CELLS_CLASS)
|| !this.activeViewOptions.timeScale.enable) {
return true;

@@ -489,6 +490,13 @@ }

};
Schedule.prototype.getCssProperties = function () {
var cssProps = {
border: this.enableRtl ? 'borderLeftWidth' : 'borderRightWidth',
padding: this.enableRtl ? 'paddingLeft' : 'paddingRight'
};
return cssProps;
};
Schedule.prototype.onDocumentClick = function (args) {
this.notify(events.documentClick, { event: args });
};
Schedule.prototype.onScheduleResize = function (args) {
Schedule.prototype.onScheduleResize = function () {
if (this.quickPopup) {

@@ -500,7 +508,5 @@ this.quickPopup.onClosePopup();

}
this.adjustEventWrapper();
};
Schedule.prototype.templateParser = function (template) {
if (template) {
var error = void 0;
try {

@@ -538,6 +544,3 @@ if (document.querySelectorAll(template).length) {

case 'height':
this.notify(events.uiUpdate, {
module: 'scroll',
properties: { width: newProp.width, height: newProp.height }
});
this.notify(events.uiUpdate, { module: 'scroll', properties: { width: newProp.width, height: newProp.height } });
break;

@@ -558,3 +561,3 @@ case 'views':

case 'dateFormat':
this.activeViewOptions = this.getActiveViewOptions(this.currentView);
this.activeViewOptions = this.getActiveViewOptions();
if (this.headerModule) {

@@ -571,7 +574,5 @@ this.headerModule.updateDateRange(this.activeView.getDateRangeText());

this.headerModule = new header_renderer_1.HeaderRenderer(this);
this.headerModule.updateDateRange(this.activeView.getDateRangeText());
}
var cssProps = this.enableRtl ? { border: 'borderLeftWidth', padding: 'paddingLeft' } :
{ border: 'borderRightWidth', padding: 'paddingRight' };
var uiArgs = { cssProperties: cssProps };
this.notify(events.scrollUiUpdate, uiArgs);
this.notify(events.scrollUiUpdate, { cssProperties: this.getCssProperties() });
break;

@@ -647,3 +648,3 @@ case 'showWeekend':

case 'agendaDaysCount':
this.activeViewOptions = this.getActiveViewOptions(this.currentView);
this.activeViewOptions = this.getActiveViewOptions();
this.changeView(this.currentView, null, true);

@@ -825,8 +826,6 @@ break;

Schedule.prototype.getOccurrencesByID = function (eventID) {
var occurrenceObj = this.eventBase.getOccurrencesByID(eventID);
return occurrenceObj;
return this.eventBase.getOccurrencesByID(eventID);
};
Schedule.prototype.getOccurrencesByRange = function (startTime, endTime) {
var occurrenceObj = this.eventBase.getOccurrencesByRange(startTime, endTime);
return occurrenceObj;
return this.eventBase.getOccurrencesByRange(startTime, endTime);
};

@@ -897,3 +896,7 @@ Schedule.prototype.getCurrentViewDates = function () {

this.element.innerHTML = '';
ej2_base_4.removeClass([this.element], cls.ROOT);
var removeClasses = [cls.ROOT];
if (this.cssClass) {
removeClasses = removeClasses.concat(this.cssClass.split(' '));
}
ej2_base_4.removeClass([this.element], removeClasses);
};

@@ -900,0 +903,0 @@ __decorate([

46

src/schedule/event-renderer/agenda-base.js

@@ -28,4 +28,4 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-lists", "@syncfusion/ej2-data", "../renderer/view-base", "../base/util", "../base/css-constant", "../base/constant"], function (require, exports, ej2_base_1, ej2_lists_1, ej2_data_1, view_base_1, util, cls, event) {

var appWrapper = ej2_base_1.createElement('div', {
id: 'Appointment_' + listData[li][this.parent.eventFields.id],
className: cls.APPOINTMENT_CLASS, attrs: {
'data-id': 'Appointment_' + listData[li][this.parent.eventFields.id],
'data-guid': listData[li].Guid,

@@ -70,17 +70,12 @@ 'role': 'button',

var fieldMapping = this.parent.eventFields;
var recordSubject = (event[fieldMapping.subject] || this.parent.eventSettings.fields.subject.default ||
var eventSubject = (event[fieldMapping.subject] || this.parent.eventSettings.fields.subject.default ||
this.parent.localeObj.getConstant('addTitle'));
var eventLocation = (event[fieldMapping.location] || this.parent.eventSettings.fields.location.default);
var appSubjectWrap = ej2_base_1.createElement('div', { className: cls.SUBJECT_WRAP });
if (!ej2_base_1.isNullOrUndefined(event[fieldMapping.location]) && event[fieldMapping.location] !== '') {
recordSubject += ',';
if (!ej2_base_1.isNullOrUndefined(eventLocation) && eventLocation !== '') {
eventSubject += ',';
}
appSubjectWrap.appendChild(ej2_base_1.createElement('div', {
className: cls.SUBJECT_CLASS,
innerHTML: recordSubject
}));
if (!ej2_base_1.isNullOrUndefined(event[fieldMapping.location])) {
appSubjectWrap.appendChild(ej2_base_1.createElement('div', {
className: cls.LOCATION_CLASS,
innerHTML: event[fieldMapping.location]
}));
appSubjectWrap.appendChild(ej2_base_1.createElement('div', { className: cls.SUBJECT_CLASS, innerHTML: eventSubject }));
if (!ej2_base_1.isNullOrUndefined(eventLocation) && eventLocation !== '') {
appSubjectWrap.appendChild(ej2_base_1.createElement('div', { className: cls.LOCATION_CLASS, innerHTML: eventLocation }));
}

@@ -102,6 +97,4 @@ if (!ej2_base_1.isNullOrUndefined(event[fieldMapping.recurrenceRule])) {

}
var appDateTime = ej2_base_1.createElement('div', {
className: cls.DATE_TIME_CLASS,
innerHTML: (!ej2_base_1.isNullOrUndefined(event.data) || isAllDay) ? allDayStr : timeStr
});
var displayStr = (!ej2_base_1.isNullOrUndefined(event.data) || isAllDay) ? allDayStr : timeStr;
var appDateTime = ej2_base_1.createElement('div', { className: cls.DATE_TIME_CLASS, innerHTML: displayStr });
return [appSubjectWrap, appDateTime];

@@ -243,8 +236,3 @@ };

}
if (parentCollection.length > 0) {
level = 'parentColumnLevel_' + parentCollection.length.toString();
}
else {
level = 'resourceColumn';
}
level = (parentCollection.length > 0) ? 'parentColumnLevel_' + parentCollection.length : 'resourceColumn';
var rowSpanCollection = new ej2_data_1.DataManager({ json: tContentCollection }).executeLocal(new ej2_data_1.Query()

@@ -259,3 +247,2 @@ .where('type', 'equal', level));

for (var col = tContent[row].length - 1; col >= 0; col--) {
var className = void 0;
var data = tContent[row][col];

@@ -270,3 +257,3 @@ var ntd = td.cloneNode();

ntd.appendChild(this.createDateHeaderElement(data.date));
className = [cls.AGENDA_CELLS_CLASS, cls.AGENDA_DATE_CLASS];
var className = [cls.AGENDA_CELLS_CLASS, cls.AGENDA_DATE_CLASS];
if (data.text === 'lastRow') {

@@ -283,4 +270,3 @@ className.push(cls.AGENDA_DAY_BORDER_CLASS);

if (this.parent.activeViewOptions.group.byDate || this.parent.currentView === 'MonthAgenda') {
className = [cls.AGENDA_CELLS_CLASS, cls.AGENDA_DAY_PADDING_CLASS];
ej2_base_1.addClass([ntd], className);
ej2_base_1.addClass([ntd], [cls.AGENDA_CELLS_CLASS, cls.AGENDA_DAY_PADDING_CLASS]);
}

@@ -301,8 +287,6 @@ ntr.appendChild(ntd);

ntd.appendChild(this.createDateHeaderElement(tempData.date));
var className = [cls.AGENDA_CELLS_CLASS, cls.AGENDA_DATE_CLASS, cls.DATE_BORDER_CLASS];
ej2_base_1.addClass([ntd], className);
ej2_base_1.addClass([ntd], [cls.AGENDA_CELLS_CLASS, cls.AGENDA_DATE_CLASS, cls.DATE_BORDER_CLASS]);
var daysCount = util.getDaysCount(this.parent.selectedDate.getTime(), tempData.date.getTime());
ntr.setAttribute('aria-rowindex', daysCount.toString());
if (this.parent.element.querySelector('.e-agenda-view tr[aria-rowindex="' +
parseInt(ntr.getAttribute('aria-rowindex'), 10) + '"]')) {
if (this.parent.element.querySelector(".e-agenda-view tr[aria-rowindex=\"" + daysCount + "\"]")) {
break;

@@ -309,0 +293,0 @@ }

2

src/schedule/event-renderer/event-base.d.ts

@@ -41,3 +41,3 @@ import { EventClickArgs, TdData } from '../base/interface';

removeSelectedAppointmentClass(): void;
addSelectedAppointments(cells: Element[], focusCell?: Element): void;
addSelectedAppointments(cells: Element[]): void;
getSelectedAppointments(): Element[];

@@ -44,0 +44,0 @@ focusElement(): void;

17

src/schedule/event-renderer/event-base.js

@@ -292,3 +292,3 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-data", "../timezone/timezone", "../../recurrence-editor/date-generator", "../base/util", "../base/css-constant", "../base/constant"], function (require, exports, ej2_base_1, ej2_data_1, timezone_1, date_generator_1, util, cls, event) {

if (target && this.parent.selectedElements.length > 0) {
this.addSelectedAppointments(this.parent.selectedElements, this.parent.selectedElements[0]);
this.addSelectedAppointments(this.parent.selectedElements);
}

@@ -302,3 +302,3 @@ return this.parent.selectedElements;

var selectAppointments = [].slice.call(this.parent.element.querySelectorAll('.' + cls.APPOINTMENT_BORDER));
selectAppointments.filter(function (element, index, selectAppointments) {
selectAppointments.filter(function (element) {
eventSelect.push(_this.getEventByGuid(element.getAttribute('data-guid')));

@@ -323,3 +323,3 @@ elementSelect.push(element);

};
EventBase.prototype.addSelectedAppointments = function (cells, focusCell) {
EventBase.prototype.addSelectedAppointments = function (cells) {
for (var _i = 0, cells_1 = cells; _i < cells_1.length; _i++) {

@@ -329,2 +329,3 @@ var cell = cells_1[_i];

}
this.parent.removeSelectedClass();
ej2_base_1.addClass(cells, cls.APPOINTMENT_BORDER);

@@ -419,3 +420,2 @@ };

EventBase.prototype.appointmentBorderRemove = function (event) {
var target = [].slice.call(this.parent.element.querySelectorAll('.' + cls.APPOINTMENT_CLASS));
var element = event.event.target;

@@ -488,2 +488,3 @@ if (ej2_base_1.closest(element, '.' + cls.APPOINTMENT_CLASS)) {

EventBase.prototype.activeEventData = function (eventData) {
var _this = this;
var target = ej2_base_1.closest(eventData.target, '.' + cls.APPOINTMENT_CLASS);

@@ -493,6 +494,5 @@ var guid = target.getAttribute('data-guid');

var eventObject = this.getEventByGuid(guid);
if (eventObject.isSpanned) {
var fields_1 = this.parent.eventFields;
if (eventObject && eventObject.isSpanned) {
eventObject = this.parent.eventsData.filter(function (obj) {
return obj[fields_1.id] === eventObject[fields_1.id];
return obj[_this.parent.eventFields.id] === eventObject[_this.parent.eventFields.id];
})[0];

@@ -509,2 +509,4 @@ }

var eventRule = event[fields.recurrenceRule];
var duration = endDate.getTime() - startDate.getTime();
currentViewDate = new Date(+currentViewDate - duration);
var dates = date_generator_1.generate(startDate, eventRule, event[fields.recurrenceException], this.parent.firstDayOfWeek, undefined, currentViewDate);

@@ -525,3 +527,2 @@ if (this.parent.currentView === 'Agenda' && eventRule.indexOf('COUNT') === -1 && eventRule.indexOf('UNTIL') === -1) {

var date = dates.shift();
var duration = endDate.getTime() - startDate.getTime();
while (date) {

@@ -528,0 +529,0 @@ var clonedObject = ej2_base_1.extend({}, event, null, true);

2

src/schedule/event-renderer/month.d.ts

@@ -27,4 +27,4 @@ import { Schedule } from '../base/schedule';

private getFilteredEvents(startDate, endDate, groupIndex);
private getIndex(record, date);
private getIndex(date);
private moreIndicatorClick(event);
}

10

src/schedule/event-renderer/month.js

@@ -109,5 +109,5 @@ var __extends = (this && this.__extends) || (function () {

var appointmentWrapper = ej2_base_1.createElement('div', {
id: 'Appointment_' + record[this.fields.id],
className: cls.APPOINTMENT_CLASS,
attrs: {
'data-id': 'Appointment_' + record[this.fields.id],
'data-guid': record.Guid, 'role': 'button', 'tabindex': '0',

@@ -177,5 +177,3 @@ 'aria-readonly': 'false', 'aria-selected': 'false', 'aria-grabbed': 'true',

});
var appLocation = ej2_base_1.createElement('div', {
className: cls.LOCATION_CLASS, innerHTML: eventData[this.fields.location]
});
var appLocation = ej2_base_1.createElement('div', { className: cls.LOCATION_CLASS, innerHTML: eventLocation });
innerElement = [appointmentSubject, appTime, appLocation];

@@ -221,3 +219,3 @@ }

}
var overlapCount = this.getIndex(event, startTime);
var overlapCount = this.getIndex(startTime);
event.Index = overlapCount;

@@ -302,3 +300,3 @@ var moreIndicatorHeight = 19;

};
MonthEvent.prototype.getIndex = function (record, date) {
MonthEvent.prototype.getIndex = function (date) {
var appIndex = -1;

@@ -305,0 +303,0 @@ var appointments = this.renderedEvents;

4

src/schedule/event-renderer/vertical-view.d.ts

@@ -35,3 +35,3 @@ import { Schedule } from '../base/schedule';

private createMoreIndicator(allDayRow, count, currentDay);
private renderSpannedIcon(element, spanEvent, isAllDay);
private renderSpannedIcon(element, spanEvent);
private isSpannedEvent(record, day, resource);

@@ -47,4 +47,4 @@ private renderAllDayEvents(eventObj, dayIndex, resource, dayCount);

private getEventHeight();
private rowExpandCollapse(event);
private rowExpandCollapse();
private animationUiUpdate();
}

141

src/schedule/event-renderer/vertical-view.js

@@ -127,5 +127,5 @@ var __extends = (this && this.__extends) || (function () {

var appointmentWrapper = ej2_base_1.createElement('div', {
id: 'Appointment_' + record[fieldMapping.id],
className: cls.APPOINTMENT_CLASS,
attrs: {
'data-id': 'Appointment_' + record[fieldMapping.id],
'data-guid': record.Guid,

@@ -191,17 +191,10 @@ 'role': 'button',

}
ej2_base_1.append([].slice.call(templateElement), appointmentDetails);
if (!ej2_base_2.isNullOrUndefined(record[fieldMapping.recurrenceRule])) {
ej2_base_1.append(templateElement, appointmentDetails);
if (!this.parent.isAdaptive && !ej2_base_2.isNullOrUndefined(record[fieldMapping.recurrenceRule])) {
var iconClass = (record[fieldMapping.id] === record[fieldMapping.recurrenceID]) ?
cls.EVENT_RECURRENCE_ICON_CLASS : cls.EVENT_RECURRENCE_EDIT_ICON_CLASS;
var recurrenceIcon = ej2_base_1.createElement('div', {
className: cls.ICON + ' ' + iconClass + (this.parent.isAdaptive ? ' ' + cls.DISABLE_CLASS : '')
});
var recurrenceIcon = ej2_base_1.createElement('div', { className: cls.ICON + ' ' + iconClass });
isAllDay ? appointmentDetails.appendChild(recurrenceIcon) : appointmentWrapper.appendChild(recurrenceIcon);
}
if (isAllDay) {
this.renderSpannedIcon(appointmentDetails, eventData, isAllDay);
}
else {
this.renderSpannedIcon(appointmentWrapper, eventData, isAllDay);
}
this.renderSpannedIcon(isAllDay ? appointmentDetails : appointmentWrapper, eventData);
if (!ej2_base_2.isNullOrUndefined(this.cssClass)) {

@@ -214,11 +207,12 @@ ej2_base_2.addClass([appointmentWrapper], this.cssClass);

VerticalEvent.prototype.createMoreIndicator = function (allDayRow, count, currentDay) {
var countWrapper = allDayRow[currentDay + count];
var index = currentDay + count;
var countWrapper = allDayRow[index];
if (countWrapper.childElementCount <= 0) {
var innerCountWrap = ej2_base_1.createElement('div', {
className: cls.ROW_COUNT_WRAPPER_CLASS,
id: cls.ROW_COUNT_WRAPPER_CLASS + '-' + (currentDay + count).toString()
id: cls.ROW_COUNT_WRAPPER_CLASS + '-' + index.toString()
});
var moreIndicatorElement = ej2_base_1.createElement('div', {
className: cls.MORE_INDICATOR_CLASS,
attrs: { 'tabindex': '0', 'data-index': (currentDay + count).toString(), 'data-count': '1' },
attrs: { 'tabindex': '0', 'data-index': index.toString(), 'data-count': '1' },
innerHTML: '+1&nbsp;' + (this.parent.isAdaptive ? '' : this.parent.localeObj.getConstant('more'))

@@ -231,38 +225,30 @@ });

else {
var countCell = countWrapper.firstChild;
countCell.firstChild.setAttribute('data-count', (parseInt(countCell.firstChild.getAttribute('data-count'), 10) + 1).toString());
countCell.firstChild.innerHTML =
'+' + (parseInt(countCell.firstChild.getAttribute('data-count'), 10)).toString() + '&nbsp;' +
(this.parent.isAdaptive ? '' : this.parent.localeObj.getConstant('more'));
var countCell = countWrapper.querySelector('.' + cls.MORE_INDICATOR_CLASS);
var moreCount = parseInt(countCell.getAttribute('data-count'), 10) + 1;
countCell.setAttribute('data-count', moreCount.toString());
countCell.innerHTML = countCell.innerHTML.replace(/[0-9]/g, moreCount.toString());
}
};
VerticalEvent.prototype.renderSpannedIcon = function (element, spanEvent, isAllDay) {
if (isAllDay) {
if (spanEvent.isLeft) {
var iconLeft = ej2_base_1.createElement('div', {
className: cls.EVENT_INDICATOR_CLASS + ' ' + cls.ICON + ' ' + cls.EVENT_ICON_LEFT_CLASS
});
ej2_base_1.prepend([iconLeft], element);
}
if (spanEvent.isRight) {
var iconRight = ej2_base_1.createElement('div', {
className: cls.EVENT_INDICATOR_CLASS + ' ' + cls.ICON + ' ' + cls.EVENT_ICON_RIGHT_CLASS
});
ej2_base_1.append([iconRight], element);
}
VerticalEvent.prototype.renderSpannedIcon = function (element, spanEvent) {
var iconElement = ej2_base_1.createElement('div', { className: cls.EVENT_INDICATOR_CLASS + ' ' + cls.ICON });
if (spanEvent.isLeft) {
var iconLeft = iconElement.cloneNode();
ej2_base_2.addClass([iconLeft], cls.EVENT_ICON_LEFT_CLASS);
ej2_base_1.prepend([iconLeft], element);
}
else {
if (spanEvent.isTop) {
var iconTop = ej2_base_1.createElement('div', {
className: cls.EVENT_INDICATOR_CLASS + ' ' + cls.ICON + ' ' + cls.EVENT_ICON_UP_CLASS
});
ej2_base_1.prepend([iconTop], element);
}
if (spanEvent.isBottom) {
var iconBottom = ej2_base_1.createElement('div', {
className: cls.EVENT_INDICATOR_CLASS + ' ' + cls.ICON + ' ' + cls.EVENT_ICON_DOWN_CLASS
});
ej2_base_1.append([iconBottom], element);
}
if (spanEvent.isRight) {
var iconRight = iconElement.cloneNode();
ej2_base_2.addClass([iconRight], cls.EVENT_ICON_RIGHT_CLASS);
ej2_base_1.append([iconRight], element);
}
if (spanEvent.isTop) {
var iconTop = iconElement.cloneNode();
ej2_base_2.addClass([iconTop], cls.EVENT_ICON_UP_CLASS);
ej2_base_1.prepend([iconTop], element);
}
if (spanEvent.isBottom) {
var iconBottom = iconElement.cloneNode();
ej2_base_2.addClass([iconBottom], cls.EVENT_ICON_DOWN_CLASS);
ej2_base_1.append([iconBottom], element);
}
};

@@ -326,7 +312,5 @@ VerticalEvent.prototype.isSpannedEvent = function (record, day, resource) {

if (ej2_base_2.isNullOrUndefined(this.renderedAllDayEvents[resource])) {
this.renderedAllDayEvents[resource] = [ej2_base_1.extend({}, record, null, true)];
this.renderedAllDayEvents[resource] = [];
}
else {
this.renderedAllDayEvents[resource].push(ej2_base_1.extend({}, record, null, true));
}
this.renderedAllDayEvents[resource].push(ej2_base_1.extend({}, record, null, true));
var allDayRow = [].slice.call(this.element.querySelector('.' + cls.ALLDAY_ROW_CLASS).children);

@@ -340,5 +324,6 @@ var wIndex = this.parent.activeViewOptions.group.byDate ? (this.resources.length * dayIndex) + resource : dayCount;

this.parent.trigger(events.eventRendered, args);
if (!args.cancel) {
eventWrapper.appendChild(appointmentElement);
if (args.cancel) {
return;
}
eventWrapper.appendChild(appointmentElement);
var appHeight = appointmentElement.offsetHeight;

@@ -369,17 +354,14 @@ topValue += (allDayIndex === 0 ? cellTop : (cellTop + (allDayIndex * appHeight))) + 1;

var topValue = 0;
var appLevel = 0;
var currentDates = this.dateRender[resource];
var isDateRange = currentDates[0].getTime() <= eStart.getTime() &&
util.addDays(currentDates.slice(-1)[0], 1).getTime() >= eStart.getTime();
if (eStart <= eEnd && isDateRange) {
var currentDate = util.resetTime(new Date(this.dateRender[resource][dayIndex].getTime()));
var schedule = util.getStartEndHours(currentDate, this.startHour, this.endHour);
if (eStart <= eEnd && !(eStart.getTime() >= schedule.endHour.getTime() || eEnd.getTime() <= schedule.startHour.getTime())) {
var appHeight = 0;
var startEndHours = util.getStartEndHours(util.resetTime(currentDates[dayIndex]), this.startHour, this.endHour);
if (startEndHours.endHour.getTime() <= eEnd.getTime() && startEndHours.startHour.getTime() >= eStart.getTime()) {
appHeight = this.getAppointmentHeight(this.cellHeight, startEndHours.startHour, startEndHours.endHour);
if (schedule.endHour.getTime() <= eEnd.getTime() && schedule.startHour.getTime() >= eStart.getTime()) {
appHeight = this.getAppointmentHeight(this.cellHeight, schedule.startHour, schedule.endHour);
}
else if (startEndHours.endHour.getTime() <= eEnd.getTime()) {
appHeight = this.getAppointmentHeight(this.cellHeight, eStart, startEndHours.endHour);
else if (schedule.endHour.getTime() <= eEnd.getTime()) {
appHeight = this.getAppointmentHeight(this.cellHeight, eStart, schedule.endHour);
}
else if (startEndHours.startHour.getTime() >= eStart.getTime()) {
appHeight = this.getAppointmentHeight(this.cellHeight, startEndHours.startHour, eEnd);
else if (schedule.startHour.getTime() >= eStart.getTime()) {
appHeight = this.getAppointmentHeight(this.cellHeight, schedule.startHour, eEnd);
}

@@ -390,3 +372,3 @@ else {

appHeight = (appHeight < this.cellHeight) ? this.cellHeight : appHeight;
if (eStart.getTime() > startEndHours.startHour.getTime()) {
if (eStart.getTime() > schedule.startHour.getTime()) {
topValue = this.getTopValue(eStart, dayIndex, resource);

@@ -398,4 +380,6 @@ }

if (this.overlapList.length > 1) {
(ej2_base_2.isNullOrUndefined(this.overlapEvents[appIndex])) ? this.overlapEvents[appIndex] = [record] :
this.overlapEvents[appIndex].push(record);
if (ej2_base_2.isNullOrUndefined(this.overlapEvents[appIndex])) {
this.overlapEvents[appIndex] = [];
}
this.overlapEvents[appIndex].push(record);
}

@@ -415,7 +399,5 @@ else {

if (ej2_base_2.isNullOrUndefined(this.renderedEvents[resource])) {
this.renderedEvents[resource] = [ej2_base_1.extend({}, record, null, true)];
this.renderedEvents[resource] = [];
}
else {
this.renderedEvents[resource].push(ej2_base_1.extend({}, record, null, true));
}
this.renderedEvents[resource].push(ej2_base_1.extend({}, record, null, true));
var appointmentWrap = [].slice.call(this.element.querySelectorAll('.' + cls.APPOINTMENT_WRAPPER_CLASS));

@@ -426,4 +408,5 @@ var appointmentElement = this.createAppointmentElement(eventObj, false, record.isSpanned, resource);

var maxHeight = appHeight - 40 - iconHeight;
if (!this.parent.isAdaptive && appointmentElement.querySelector('.' + cls.SUBJECT_CLASS)) {
appointmentElement.querySelector('.' + cls.SUBJECT_CLASS).style.maxHeight = maxHeight + 'px';
var subjectElement = appointmentElement.querySelector('.' + cls.SUBJECT_CLASS);
if (!this.parent.isAdaptive && subjectElement) {
subjectElement.style.maxHeight = ej2_base_1.formatUnit(maxHeight);
}

@@ -439,5 +422,6 @@ if (this.parent.enableRtl) {

this.parent.trigger(events.eventRendered, args);
if (!args.cancel) {
appointmentWrap[index].appendChild(appointmentElement);
if (args.cancel) {
return;
}
appointmentWrap[index].appendChild(appointmentElement);
this.wireAppointmentEvents(appointmentElement);

@@ -534,5 +518,4 @@ }

}
var leftPosition = ((parseInt(appWidth, 0) + 1) * args.index) + '%';
data.appWidth = appWidth;
data.appLeft = leftPosition;
data.appLeft = ((parseInt(appWidth, 0) + 1) * args.index) + '%';
}

@@ -588,3 +571,3 @@ }

};
VerticalEvent.prototype.rowExpandCollapse = function (event) {
VerticalEvent.prototype.rowExpandCollapse = function () {
var target = this.element.querySelector('.' + cls.ALLDAY_APPOINTMENT_SECTION_CLASS);

@@ -591,0 +574,0 @@ this.parent.uiStateValues.expand = target.classList.contains(cls.APPOINTMENT_ROW_EXPAND_CLASS);

2

src/schedule/models/field-options-model.d.ts

@@ -1,2 +0,2 @@

import { Property } from '@syncfusion/ej2-base';
import { Property, ChildProperty } from '@syncfusion/ej2-base';

@@ -3,0 +3,0 @@ /**

3

src/schedule/models/field-options.d.ts

@@ -0,5 +1,6 @@

import { ChildProperty } from '@syncfusion/ej2-base';
/**
* Configuration of every event field related options on Schedule.
*/
export declare class FieldOptions {
export declare class FieldOptions extends ChildProperty<FieldOptions> {
/**

@@ -6,0 +7,0 @@ * It denotes the field name to be mapped from the dataSource for every event fields.

16

src/schedule/models/field-options.js

@@ -0,1 +1,11 @@

var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {

@@ -10,4 +20,6 @@ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

Object.defineProperty(exports, "__esModule", { value: true });
var FieldOptions = (function () {
var FieldOptions = (function (_super) {
__extends(FieldOptions, _super);
function FieldOptions() {
return _super !== null && _super.apply(this, arguments) || this;
}

@@ -27,4 +39,4 @@ __decorate([

return FieldOptions;
}());
}(ej2_base_1.ChildProperty));
exports.FieldOptions = FieldOptions;
});

24

src/schedule/models/fields-model.d.ts

@@ -1,2 +0,2 @@

import { Property, ChildProperty } from '@syncfusion/ej2-base';import { FieldOptionsModel } from './field-options-model';
import { Property, ChildProperty, Complex } from '@syncfusion/ej2-base';import { FieldOptionsModel } from './field-options-model';import { FieldOptions } from './field-options';

@@ -17,3 +17,3 @@ /**

* The `subject` field is optional, and usually assigns the subject text to each of the events.
* @default null
* @default { name: null, default: 'Add title', title: null, validation: {} }
*/

@@ -24,3 +24,3 @@ subject?: FieldOptionsModel;

* The `startTime` field defines the start time of an event and it is mandatory to provide it for any of the valid event objects.
* @default null
* @default { name: null, default: null, title: null, validation: {} }
*/

@@ -31,3 +31,3 @@ startTime?: FieldOptionsModel;

* The `endTime` field defines the end time of an event and it is mandatory to provide the end time for any of the valid event objects.
* @default null
* @default { name: null, default: null, title: null, validation: {} }
*/

@@ -41,3 +41,3 @@ endTime?: FieldOptionsModel;

* then the events will be processed based on the timezone assigned to the Schedule.
* @default null
* @default { name: null, default: null, title: null, validation: {} }
*/

@@ -51,3 +51,3 @@ startTimezone?: FieldOptionsModel;

* to the Schedule.
* @default null
* @default { name: null, default: null, title: null, validation: {} }
*/

@@ -59,3 +59,3 @@ endTimezone?: FieldOptionsModel;

* events, while given it for an event object.
* @default null
* @default { name: null, default: null, title: null, validation: {} }
*/

@@ -66,3 +66,3 @@ location?: FieldOptionsModel;

* It maps the `description` field from the dataSource and denotes the event description which is optional.
* @default null
* @default { name: null, default: null, title: null, validation: {} }
*/

@@ -74,3 +74,3 @@ description?: FieldOptionsModel;

* for an entire day or for specific time alone.
* @default null
* @default { name: null, default: null, title: null, validation: {} }
*/

@@ -82,3 +82,3 @@ isAllDay?: FieldOptionsModel;

* recurrence event. It is applicable only for the edited occurrence events.
* @default null
* @default { name: null, default: null, title: null, validation: {} }
*/

@@ -90,3 +90,3 @@ recurrenceID?: FieldOptionsModel;

* event belongs to a recurring event type or normal ones.
* @default null
* @default { name: null, default: null, title: null, validation: {} }
*/

@@ -98,3 +98,3 @@ recurrenceRule?: FieldOptionsModel;

* which needs to be excluded from recurring type.
* @default null
* @default { name: null, default: null, title: null, validation: {} }
*/

@@ -101,0 +101,0 @@ recurrenceException?: FieldOptionsModel;

22

src/schedule/models/fields.d.ts

@@ -19,3 +19,3 @@ import { ChildProperty } from '@syncfusion/ej2-base';

* The `subject` field is optional, and usually assigns the subject text to each of the events.
* @default null
* @default { name: null, default: 'Add title', title: null, validation: {} }
*/

@@ -25,3 +25,3 @@ subject: FieldOptionsModel;

* The `startTime` field defines the start time of an event and it is mandatory to provide it for any of the valid event objects.
* @default null
* @default { name: null, default: null, title: null, validation: {} }
*/

@@ -31,3 +31,3 @@ startTime: FieldOptionsModel;

* The `endTime` field defines the end time of an event and it is mandatory to provide the end time for any of the valid event objects.
* @default null
* @default { name: null, default: null, title: null, validation: {} }
*/

@@ -40,3 +40,3 @@ endTime: FieldOptionsModel;

* then the events will be processed based on the timezone assigned to the Schedule.
* @default null
* @default { name: null, default: null, title: null, validation: {} }
*/

@@ -49,3 +49,3 @@ startTimezone: FieldOptionsModel;

* to the Schedule.
* @default null
* @default { name: null, default: null, title: null, validation: {} }
*/

@@ -56,3 +56,3 @@ endTimezone: FieldOptionsModel;

* events, while given it for an event object.
* @default null
* @default { name: null, default: null, title: null, validation: {} }
*/

@@ -62,3 +62,3 @@ location: FieldOptionsModel;

* It maps the `description` field from the dataSource and denotes the event description which is optional.
* @default null
* @default { name: null, default: null, title: null, validation: {} }
*/

@@ -69,3 +69,3 @@ description: FieldOptionsModel;

* for an entire day or for specific time alone.
* @default null
* @default { name: null, default: null, title: null, validation: {} }
*/

@@ -76,3 +76,3 @@ isAllDay: FieldOptionsModel;

* recurrence event. It is applicable only for the edited occurrence events.
* @default null
* @default { name: null, default: null, title: null, validation: {} }
*/

@@ -83,3 +83,3 @@ recurrenceID: FieldOptionsModel;

* event belongs to a recurring event type or normal ones.
* @default null
* @default { name: null, default: null, title: null, validation: {} }
*/

@@ -90,5 +90,5 @@ recurrenceRule: FieldOptionsModel;

* which needs to be excluded from recurring type.
* @default null
* @default { name: null, default: null, title: null, validation: {} }
*/
recurrenceException: FieldOptionsModel;
}

24

src/schedule/models/fields.js

@@ -17,3 +17,3 @@ var __extends = (this && this.__extends) || (function () {

};
define(["require", "exports", "@syncfusion/ej2-base"], function (require, exports, ej2_base_1) {
define(["require", "exports", "@syncfusion/ej2-base", "./field-options"], function (require, exports, ej2_base_1, field_options_1) {
"use strict";

@@ -30,33 +30,33 @@ Object.defineProperty(exports, "__esModule", { value: true });

__decorate([
ej2_base_1.Property({ name: 'Subject', default: 'Add title' })
ej2_base_1.Complex({ name: 'Subject', default: 'Add title' }, field_options_1.FieldOptions)
], Field.prototype, "subject", void 0);
__decorate([
ej2_base_1.Property({ name: 'StartTime' })
ej2_base_1.Complex({ name: 'StartTime' }, field_options_1.FieldOptions)
], Field.prototype, "startTime", void 0);
__decorate([
ej2_base_1.Property({ name: 'EndTime' })
ej2_base_1.Complex({ name: 'EndTime' }, field_options_1.FieldOptions)
], Field.prototype, "endTime", void 0);
__decorate([
ej2_base_1.Property({ name: 'StartTimezone' })
ej2_base_1.Complex({ name: 'StartTimezone' }, field_options_1.FieldOptions)
], Field.prototype, "startTimezone", void 0);
__decorate([
ej2_base_1.Property({ name: 'EndTimezone' })
ej2_base_1.Complex({ name: 'EndTimezone' }, field_options_1.FieldOptions)
], Field.prototype, "endTimezone", void 0);
__decorate([
ej2_base_1.Property({ name: 'Location' })
ej2_base_1.Complex({ name: 'Location' }, field_options_1.FieldOptions)
], Field.prototype, "location", void 0);
__decorate([
ej2_base_1.Property({ name: 'Description' })
ej2_base_1.Complex({ name: 'Description' }, field_options_1.FieldOptions)
], Field.prototype, "description", void 0);
__decorate([
ej2_base_1.Property({ name: 'IsAllDay' })
ej2_base_1.Complex({ name: 'IsAllDay' }, field_options_1.FieldOptions)
], Field.prototype, "isAllDay", void 0);
__decorate([
ej2_base_1.Property({ name: 'RecurrenceID' })
ej2_base_1.Complex({ name: 'RecurrenceID' }, field_options_1.FieldOptions)
], Field.prototype, "recurrenceID", void 0);
__decorate([
ej2_base_1.Property({ name: 'RecurrenceRule' })
ej2_base_1.Complex({ name: 'RecurrenceRule' }, field_options_1.FieldOptions)
], Field.prototype, "recurrenceRule", void 0);
__decorate([
ej2_base_1.Property({ name: 'RecurrenceException' })
ej2_base_1.Complex({ name: 'RecurrenceException' }, field_options_1.FieldOptions)
], Field.prototype, "recurrenceException", void 0);

@@ -63,0 +63,0 @@ return Field;

1

src/schedule/popups/event-tooltip.js

@@ -43,3 +43,2 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-popups", "../base/css-constant", "../base/util"], function (require, exports, ej2_base_1, ej2_popups_1, cls, util) {

var startMonthDate = globalize.formatDate(eventStart, { type: 'date', skeleton: 'MMMd' });
var endMonthDate = globalize.formatDate(eventEnd, { type: 'date', skeleton: 'MMMd' });
var startMonthYearDate = globalize.formatDate(eventStart, { type: 'date', skeleton: 'yMMMd' });

@@ -46,0 +45,0 @@ var endMonthYearDate = globalize.formatDate(eventEnd, { type: 'date', skeleton: 'yMMMd' });

9

src/schedule/popups/event-window.d.ts

@@ -25,2 +25,3 @@ import { Dialog } from '@syncfusion/ej2-popups';

private timezone;
private duration;
/**

@@ -34,3 +35,3 @@ * Constructor for event window

private onBeforeOpen(args);
private onBeforeClose(args);
private onBeforeClose();
private getEventWindowContent();

@@ -44,3 +45,3 @@ private getDefaultEventWindowContent();

refreshDateTimePicker(duration?: number): void;
private onTimeChange(args);
private onTimeChange();
private renderMultiSelect(index);

@@ -76,3 +77,3 @@ private renderDropDown(value);

private updateRepeatLabel(repeatRule);
private dialogClose(args);
private dialogClose();
private timezoneChangeStyle(value);

@@ -91,3 +92,3 @@ private resetFormFields();

private getInstance(className);
private eventDelete(args);
private eventDelete();
getRecurrenceEditorInstance(): RecurrenceEditor;

@@ -94,0 +95,0 @@ private destroyComponents();

3

src/schedule/popups/form-validator.d.ts

@@ -1,2 +0,1 @@

import { Schedule } from '../base/schedule';
/**

@@ -6,6 +5,4 @@ * Appointment window field validation

export declare class FieldValidator {
private parent;
private formObj;
private element;
constructor(parent: Schedule);
renderFormValidator(form: HTMLFormElement, rules: {

@@ -12,0 +9,0 @@ [key: string]: Object;

3

src/schedule/popups/form-validator.js

@@ -5,4 +5,3 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-inputs", "../base/css-constant"], function (require, exports, ej2_base_1, ej2_inputs_1, cls) {

var FieldValidator = (function () {
function FieldValidator(parent) {
this.parent = parent;
function FieldValidator() {
}

@@ -9,0 +8,0 @@ FieldValidator.prototype.renderFormValidator = function (form, rules, element) {

8

src/schedule/popups/quick-popups.d.ts

@@ -37,7 +37,7 @@ import { Dialog, Popup } from '@syncfusion/ej2-popups';

private getResourceText(args, type);
private getFormattedString(eventData, type);
private getFormattedString(eventData);
moreEventClick(data: EventClickArgs, groupIndex?: string): void;
private saveClick();
private detailsClick();
private editClick(event);
private editClick();
deleteClick(): void;

@@ -57,4 +57,4 @@ private updateMoreEventContent();

private quickPopupClose();
private morePopupOpen(event);
private morePopupClose(event);
private morePopupOpen();
private morePopupClose();
quickPopupHide(hideAnimation?: Boolean): void;

@@ -61,0 +61,0 @@ private navigationClick(e);

154

src/schedule/popups/quick-popups.js

@@ -10,3 +10,3 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-popups", "@syncfusion/ej2-buttons", "@syncfusion/ej2-inputs", "../actions/crud", "./form-validator", "../base/constant", "../base/css-constant", "../base/util"], function (require, exports, ej2_base_1, ej2_base_2, ej2_popups_1, ej2_buttons_1, ej2_inputs_1, crud_1, form_validator_1, event, cls, util) {

this.crudAction = new crud_1.Crud(parent);
this.fieldValidator = new form_validator_1.FieldValidator(this.parent);
this.fieldValidator = new form_validator_1.FieldValidator();
this.render();

@@ -228,30 +228,37 @@ this.addEventListener();

var moreEventWrapperEle = ej2_base_2.createElement('div', { className: cls.MORE_EVENT_WRAPPER_CLASS });
for (var _i = 0, eventCollection_1 = eventCollection; _i < eventCollection_1.length; _i++) {
var eventData = eventCollection_1[_i];
var eventText = (eventData[fields.subject] || this.parent.eventSettings.fields.subject.default ||
this.l10n.getConstant('noTitle'));
var appointmentEle = ej2_base_2.createElement('div', {
id: '' + eventData[fields.id],
className: cls.APPOINTMENT_CLASS,
attrs: {
'data-guid': eventData.Guid, 'role': 'button', 'tabindex': '0', 'aria-readonly': 'false',
'aria-selected': 'false', 'aria-grabbed': 'true', 'aria-label': eventText
if (eventCollection.length === 0) {
moreEventWrapperEle = ej2_base_2.createElement('div', {
className: cls.MORE_EVENT_CONTENT_CLASS,
innerHTML: this.l10n.getConstant('emptyContainer')
});
}
else {
for (var _i = 0, eventCollection_1 = eventCollection; _i < eventCollection_1.length; _i++) {
var eventData = eventCollection_1[_i];
var eventText = (eventData[fields.subject] || this.parent.eventSettings.fields.subject.default);
var appointmentEle = ej2_base_2.createElement('div', {
className: cls.APPOINTMENT_CLASS,
attrs: {
'data-id': '' + eventData[fields.id],
'data-guid': eventData.Guid, 'role': 'button', 'tabindex': '0', 'aria-readonly': 'false',
'aria-selected': 'false', 'aria-grabbed': 'true', 'aria-label': eventText
}
});
appointmentEle.appendChild(ej2_base_2.createElement('div', { className: cls.SUBJECT_CLASS, innerHTML: eventText }));
if (this.parent.activeViewOptions.group.resources.length > 0) {
appointmentEle.setAttribute('data-group-index', groupIndex);
}
});
appointmentEle.appendChild(ej2_base_2.createElement('div', { className: cls.SUBJECT_CLASS, innerHTML: eventText }));
if (this.parent.activeViewOptions.group.resources.length > 0) {
appointmentEle.setAttribute('data-group-index', groupIndex);
if (!ej2_base_1.isNullOrUndefined(eventData[fields.recurrenceRule])) {
var iconClass = (eventData[fields.id] === eventData[fields.recurrenceID]) ?
cls.EVENT_RECURRENCE_ICON_CLASS : cls.EVENT_RECURRENCE_EDIT_ICON_CLASS;
appointmentEle.appendChild(ej2_base_2.createElement('div', { className: cls.ICON + ' ' + iconClass }));
}
var args = { data: eventData, element: appointmentEle, cancel: false };
this.parent.trigger(event.eventRendered, args);
if (!args.cancel) {
moreEventWrapperEle.appendChild(appointmentEle);
this.parent.eventBase.wireAppointmentEvents(appointmentEle);
this.parent.eventBase.applyResourceColor(appointmentEle, eventData, 'backgroundColor', groupOrder);
}
}
if (!ej2_base_1.isNullOrUndefined(eventData[fields.recurrenceRule])) {
var iconClass = (eventData[fields.id] === eventData[fields.recurrenceID]) ?
cls.EVENT_RECURRENCE_ICON_CLASS : cls.EVENT_RECURRENCE_EDIT_ICON_CLASS;
appointmentEle.appendChild(ej2_base_2.createElement('div', { className: cls.ICON + ' ' + iconClass }));
}
var args = { data: eventData, element: appointmentEle, cancel: false };
this.parent.trigger(event.eventRendered, args);
if (!args.cancel) {
moreEventWrapperEle.appendChild(appointmentEle);
this.parent.eventBase.wireAppointmentEvents(appointmentEle);
this.parent.eventBase.applyResourceColor(appointmentEle, eventData, 'backgroundColor', groupOrder);
}
}

@@ -264,24 +271,22 @@ moreEventContentEle.appendChild(moreEventWrapperEle);

this.isMultipleEventSelect = false;
if (!ej2_base_1.isNullOrUndefined(target) && this.parent.isAdaptive) {
this.parent.selectedElements = [];
this.isMultipleEventSelect = true;
var selectedElements = this.parent.eventBase.getSelectedEventElements(target);
this.parent.activeEventData = this.parent.eventBase.getSelectedEvents();
var guid = target.getAttribute('data-guid');
var eventObj = this.parent.eventBase.getEventByGuid(guid);
var eventTitle = (eventObj[this.parent.eventFields.subject] || this.l10n.getConstant('noTitle'));
var eventTemplate = "<div class=\"" + cls.MULTIPLE_EVENT_POPUP_CLASS + "\"><div class=\"" + cls.POPUP_HEADER_CLASS + "\">" +
("<button class=\"" + cls.CLOSE_CLASS + "\" title=\"" + this.l10n.getConstant('close') + "\"></button>") +
("<div class=\"" + cls.SUBJECT_CLASS + "\">" + eventTitle + "</div>") +
("<button class=\"" + cls.EDIT_CLASS + "\" title=\"" + this.l10n.getConstant('edit') + "\"></button>") +
("<button class=\"" + cls.DELETE_CLASS + "\" title=\"" + this.l10n.getConstant('delete') + "\"></button></div></div>");
this.quickPopup.element.innerHTML = eventTemplate;
var closeIcon = this.quickPopup.element.querySelector('.' + cls.CLOSE_CLASS);
this.renderButton('e-flat e-round e-small', cls.ICON + ' ' + cls.CLOSE_ICON_CLASS, false, closeIcon, this.closeClick);
var editIcon = this.quickPopup.element.querySelector('.' + cls.EDIT_CLASS);
this.renderButton('e-flat e-round e-small', cls.ICON + ' ' + cls.EDIT_ICON_CLASS, false, editIcon, this.editClick);
var deleteIcon = this.quickPopup.element.querySelector('.' + cls.DELETE_CLASS);
this.renderButton('e-flat e-round e-small', cls.ICON + ' ' + cls.DELETE_ICON_CLASS, false, deleteIcon, this.deleteClick);
this.beforeQuickPopupOpen(target);
}
this.parent.selectedElements = [];
this.isMultipleEventSelect = true;
this.parent.eventBase.getSelectedEventElements(target);
this.parent.activeEventData = this.parent.eventBase.getSelectedEvents();
var guid = target.getAttribute('data-guid');
var eventObj = this.parent.eventBase.getEventByGuid(guid);
var eventTitle = (eventObj[this.parent.eventFields.subject] || this.l10n.getConstant('noTitle'));
var eventTemplate = "<div class=\"" + cls.MULTIPLE_EVENT_POPUP_CLASS + "\"><div class=\"" + cls.POPUP_HEADER_CLASS + "\">" +
("<button class=\"" + cls.CLOSE_CLASS + "\" title=\"" + this.l10n.getConstant('close') + "\"></button>") +
("<div class=\"" + cls.SUBJECT_CLASS + "\">" + eventTitle + "</div>") +
("<button class=\"" + cls.EDIT_CLASS + "\" title=\"" + this.l10n.getConstant('edit') + "\"></button>") +
("<button class=\"" + cls.DELETE_CLASS + "\" title=\"" + this.l10n.getConstant('delete') + "\"></button></div></div>");
this.quickPopup.element.innerHTML = eventTemplate;
var closeIcon = this.quickPopup.element.querySelector('.' + cls.CLOSE_CLASS);
this.renderButton('e-flat e-round e-small', cls.ICON + ' ' + cls.CLOSE_ICON_CLASS, false, closeIcon, this.closeClick);
var editIcon = this.quickPopup.element.querySelector('.' + cls.EDIT_CLASS);
this.renderButton('e-flat e-round e-small', cls.ICON + ' ' + cls.EDIT_ICON_CLASS, false, editIcon, this.editClick);
var deleteIcon = this.quickPopup.element.querySelector('.' + cls.DELETE_CLASS);
this.renderButton('e-flat e-round e-small', cls.ICON + ' ' + cls.DELETE_ICON_CLASS, false, deleteIcon, this.deleteClick);
this.beforeQuickPopupOpen(target);
};

@@ -298,5 +303,2 @@ QuickPopups.prototype.cellClick = function (args) {

}
var timeDetails = this.parent.activeCellsData.isAllDay ? this.l10n.getConstant('allDay') :
this.parent.getTimeString(this.parent.activeCellsData.startTime) + ' - ' +
this.parent.getTimeString(this.parent.activeCellsData.endTime);
var temp = {};

@@ -306,3 +308,3 @@ temp[this.parent.eventFields.startTime] = this.parent.activeCellsData.startTime;

temp[this.parent.eventFields.isAllDay] = this.parent.activeCellsData.isAllDay;
var cellDetails = this.getFormattedString(temp, 'cell');
var cellDetails = this.getFormattedString(temp);
var cellTemplate = "<div class=\"" + cls.POPUP_HEADER_CLASS + "\"><div class=\"" + cls.POPUP_HEADER_ICON_WRAPPER + "\">" +

@@ -330,3 +332,3 @@ ("<button class=\"" + cls.CLOSE_CLASS + "\" title=\"" + this.l10n.getConstant('close') + "\"></button></div></div>") +

var moreButton = quickCellPopup.querySelector('.' + cls.QUICK_POPUP_EVENT_DETAILS_CLASS);
this.renderButton('e-flat', '', this.parent.activeViewOptions.readonly, moreButton, this.detailsClick);
this.renderButton('e-flat', '', false, moreButton, this.detailsClick);
var saveButton = quickCellPopup.querySelector('.' + cls.EVENT_CREATE_CLASS);

@@ -361,3 +363,3 @@ this.renderButton('e-flat e-primary', '', this.parent.activeViewOptions.readonly, saveButton, this.saveClick);

var eventData = events.event;
var args = this.getFormattedString(eventData, 'event');
var args = this.getFormattedString(eventData);
var eventTemplate = "<div class=\"" + cls.POPUP_HEADER_CLASS + "\"><div class=\"" + cls.POPUP_HEADER_ICON_WRAPPER + "\">" +

@@ -430,10 +432,8 @@ ("<button class=\"" + (cls.EDIT_CLASS + ' ' + cls.ICON) + "\" title=\"" + this.l10n.getConstant('edit') + "\"></button>") +

var resourceIndex_1 = 0;
if (type === 'event') {
var eventData_1 = args.event;
resourceData.forEach(function (resource, index) {
if (resource[resourceCollection_1.idField] === eventData_1[resourceCollection_1.field]) {
resourceIndex_1 = index;
}
});
}
var eventData_1 = args.event;
resourceData.forEach(function (resource, index) {
if (resource[resourceCollection_1.idField] === eventData_1[resourceCollection_1.field]) {
resourceIndex_1 = index;
}
});
resourceValue = resourceData[resourceIndex_1][resourceCollection_1.textField];

@@ -474,3 +474,3 @@ }

};
QuickPopups.prototype.getFormattedString = function (eventData, type) {
QuickPopups.prototype.getFormattedString = function (eventData) {
var fields = this.parent.eventFields;

@@ -541,3 +541,3 @@ var eventSubject = (eventData[fields.subject] || this.l10n.getConstant('noTitle'));

saveObj[fields.subject] = this.quickPopup.element.querySelector('.' + cls.SUBJECT_CLASS).value ||
this.parent.eventSettings.fields.subject.default || this.parent.localeObj.getConstant('addTitle');
this.parent.eventSettings.fields.subject.default;
saveObj[fields.startTime] = this.parent.activeCellsData.startTime;

@@ -561,3 +561,3 @@ saveObj[fields.endTime] = this.parent.activeCellsData.endTime;

};
QuickPopups.prototype.editClick = function (event) {
QuickPopups.prototype.editClick = function () {
this.quickPopupHide(true);

@@ -603,12 +603,4 @@ var data = this.parent.activeEventData.event;

var filteredEvents = this.parent.eventBase.filterEvents(startDate, endDate, this.parent.eventsProcessed, data);
if (filteredEvents.length === 0) {
this.morePopup.element.children[0].appendChild(ej2_base_2.createElement('div', {
className: cls.MORE_EVENT_CONTENT_CLASS,
innerHTML: this.l10n.getConstant('emptyContainer')
}));
}
else {
var moreElement = this.createMoreEventList(filteredEvents, groupOrder, groupIndex);
this.morePopup.element.querySelector('.' + cls.MORE_EVENT_POPUP_CLASS).appendChild(moreElement);
}
var moreElement = this.createMoreEventList(filteredEvents, groupOrder, groupIndex);
this.morePopup.element.querySelector('.' + cls.MORE_EVENT_POPUP_CLASS).appendChild(moreElement);
};

@@ -772,7 +764,7 @@ QuickPopups.prototype.closeClick = function () {

};
QuickPopups.prototype.morePopupOpen = function (event) {
QuickPopups.prototype.morePopupOpen = function () {
this.morePopup.element.querySelector('.' + cls.MORE_EVENT_HEADER_DATE_CLASS).focus();
this.morePopup.refreshPosition();
};
QuickPopups.prototype.morePopupClose = function (event) {
QuickPopups.prototype.morePopupClose = function () {
var moreWrapper = this.parent.element.querySelector('.' + cls.MORE_EVENT_WRAPPER_CLASS);

@@ -810,3 +802,5 @@ if (moreWrapper) {

var target = e.event.target;
if (!ej2_base_1.closest(target, '.' + cls.POPUP_WRAPPER_CLASS + ',.e-header-cells,.e-all-day-cells,.e-work-cells,.e-appointment')) {
var classNames = '.' + cls.POPUP_WRAPPER_CLASS + ',.' + cls.HEADER_CELLS_CLASS + ',.' + cls.ALLDAY_CELLS_CLASS +
',.' + cls.WORK_CELLS_CLASS + ',.' + cls.APPOINTMENT_CLASS;
if (!ej2_base_1.closest(target, classNames)) {
this.quickPopupHide();

@@ -838,3 +832,3 @@ }

QuickPopups.prototype.destroyButtons = function () {
var buttonCollections = [].slice.call(this.quickPopup.element.getElementsByTagName('button'));
var buttonCollections = [].slice.call(this.quickPopup.element.querySelectorAll('.e-control.e-btn'));
buttonCollections.forEach(function (button) {

@@ -841,0 +835,0 @@ var instance = button.ej2_instances[0];

2

src/schedule/renderer/agenda.d.ts

@@ -48,3 +48,3 @@ import { IRenderer } from '../base/interface';

removeEventListener(): void;
private onAgendaScrollUiUpdate(args);
private onAgendaScrollUiUpdate();
/**

@@ -51,0 +51,0 @@ * To destroy the agenda.

2

src/schedule/renderer/agenda.js

@@ -378,3 +378,3 @@ var __extends = (this && this.__extends) || (function () {

};
Agenda.prototype.onAgendaScrollUiUpdate = function (args) {
Agenda.prototype.onAgendaScrollUiUpdate = function () {
var headerHeight = 2;

@@ -381,0 +381,0 @@ if (this.parent.headerModule) {

6

src/schedule/renderer/header-renderer.js

@@ -335,9 +335,9 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-navigations", "@syncfusion/ej2-calendars", "@syncfusion/ej2-popups", "../base/constant", "../base/util", "../base/css-constant"], function (require, exports, ej2_base_1, ej2_navigations_1, ej2_calendars_1, ej2_popups_1, events, util, cls) {

if (prevNavEle) {
(classType === 'add') ? ej2_base_1.addClass([prevNavEle], cls.AGENDA_HIDDEN_CLASS) : ej2_base_1.removeClass([prevNavEle], cls.AGENDA_HIDDEN_CLASS);
(classType === 'add') ? ej2_base_1.addClass([prevNavEle], cls.HIDDEN_CLASS) : ej2_base_1.removeClass([prevNavEle], cls.HIDDEN_CLASS);
}
if (nextNavEle) {
(classType === 'add') ? ej2_base_1.addClass([nextNavEle], cls.AGENDA_HIDDEN_CLASS) : ej2_base_1.removeClass([nextNavEle], cls.AGENDA_HIDDEN_CLASS);
(classType === 'add') ? ej2_base_1.addClass([nextNavEle], cls.HIDDEN_CLASS) : ej2_base_1.removeClass([nextNavEle], cls.HIDDEN_CLASS);
}
if (dateRangeEle) {
(classType === 'add') ? ej2_base_1.addClass([dateRangeEle], cls.AGENDA_ALIGN_CLASS) : ej2_base_1.removeClass([dateRangeEle], cls.AGENDA_ALIGN_CLASS);
(classType === 'add') ? ej2_base_1.addClass([dateRangeEle], cls.TEXT_ELLIPSIS) : ej2_base_1.removeClass([dateRangeEle], cls.TEXT_ELLIPSIS);
}

@@ -344,0 +344,0 @@ };

8

src/schedule/renderer/month.js

@@ -90,9 +90,7 @@ var __extends = (this && this.__extends) || (function () {

var classList = [cls.HEADER_CELLS_CLASS];
if (this.isCurrentMonth(this.parent.selectedDate) && new Date().getDay() === col) {
var currentDateIndex = renderDates.slice(0, count).map(function (date) { return date.getDay(); });
if (this.isCurrentMonth(this.parent.selectedDate) && currentDateIndex.indexOf(new Date().getDay()) === col) {
classList.push(cls.CURRENT_DAY_CLASS);
}
dateSlots.push({
date: this.renderDates[col], type: 'monthHeader', className: classList,
colSpan: 1, workDays: workDays
});
dateSlots.push({ date: renderDates[col], type: 'monthHeader', className: classList, colSpan: 1, workDays: workDays });
}

@@ -99,0 +97,0 @@ return dateSlots;

4

src/schedule/renderer/renderer.js

@@ -61,3 +61,2 @@ define(["require", "exports", "@syncfusion/ej2-base", "../base/constant", "../base/css-constant"], function (require, exports, ej2_base_1, events, cls) {

}
this.parent.adjustEventWrapper();
};

@@ -74,4 +73,3 @@ Render.prototype.updateLabelText = function (view) {

var dataManager = this.parent.dataModule.getData(this.parent.dataModule.generateQuery(start, end));
dataManager.then(function (e) { return _this.dataManagerSuccess(e); })
.catch(function (e) { return _this.dataManagerFailure(e); });
dataManager.then(function (e) { return _this.dataManagerSuccess(e); }).catch(function (e) { return _this.dataManagerFailure(e); });
};

@@ -78,0 +76,0 @@ Render.prototype.dataManagerSuccess = function (e) {

3

src/schedule/renderer/vertical-view.d.ts

@@ -10,3 +10,2 @@ import { Schedule } from '../base/schedule';

currentTimeIndicatorTimer: number;
private currentDateIndex;
viewClass: string;

@@ -30,2 +29,3 @@ isInverseTableSelect: boolean;

highlightCurrentTime(): void;
private getCurrentTimeIndicatorIndex();
private clearCurrentTimeIndicatorTimer();

@@ -52,3 +52,2 @@ private removeCurrentTimeIndicatorElements();

getEndDateFromStartDate(start: Date): Date;
adjustEventWrapper(): void;
private getTimeSlotRows(handler?);

@@ -55,0 +54,0 @@ /**

139

src/schedule/renderer/vertical-view.js

@@ -22,3 +22,2 @@ var __extends = (this && this.__extends) || (function () {

var _this = _super.call(this, parent) || this;
_this.currentDateIndex = [];
_this.viewClass = 'e-day-view';

@@ -159,29 +158,4 @@ _this.isInverseTableSelect = true;

if (this.parent.showTimeIndicator && this.isWorkHourRange(new Date())) {
var flag = false;
this.currentDateIndex = [];
if (!ej2_base_1.isNullOrUndefined(this.parent.resourceBase) && (this.parent.activeViewOptions.group.resources.length > 0) &&
!this.parent.uiStateValues.isGroupAdaptive) {
var count = 0;
for (var _i = 0, _a = this.parent.resourceBase.lastResourceLevel; _i < _a.length; _i++) {
var resource = _a[_i];
var index = this.parent.getIndexOfDate(resource.renderDates, util.resetTime(new Date()));
if (index >= 0) {
var resIndex = this.parent.activeViewOptions.group.byDate ?
(this.parent.resourceBase.lastResourceLevel.length * index) + count : count + index;
this.currentDateIndex.push(resIndex);
flag = true;
}
count += this.parent.activeViewOptions.group.byDate ? 1 : resource.renderDates.length;
}
}
else {
var renderDates = (this.parent.uiStateValues.isGroupAdaptive) ?
this.parent.resourceBase.lastResourceLevel[this.parent.uiStateValues.groupIndex].renderDates : this.renderDates;
var index = this.parent.getIndexOfDate(renderDates, util.resetTime(new Date()));
if (index >= 0) {
this.currentDateIndex.push(index);
flag = true;
}
}
if (flag) {
var currentDateIndex = this.getCurrentTimeIndicatorIndex();
if (currentDateIndex.length > 0) {
this.changeCurrentTimePosition();

@@ -200,2 +174,28 @@ if (ej2_base_1.isNullOrUndefined(this.currentTimeIndicatorTimer)) {

};
VerticalView.prototype.getCurrentTimeIndicatorIndex = function () {
var currentDateIndex = [];
if (!ej2_base_1.isNullOrUndefined(this.parent.resourceBase) && (this.parent.activeViewOptions.group.resources.length > 0) &&
!this.parent.uiStateValues.isGroupAdaptive) {
var count = 0;
for (var _i = 0, _a = this.parent.resourceBase.lastResourceLevel; _i < _a.length; _i++) {
var resource = _a[_i];
var index = this.parent.getIndexOfDate(resource.renderDates, util.resetTime(new Date()));
if (index >= 0) {
var resIndex = this.parent.activeViewOptions.group.byDate ?
(this.parent.resourceBase.lastResourceLevel.length * index) + count : count + index;
currentDateIndex.push(resIndex);
}
count += this.parent.activeViewOptions.group.byDate ? 1 : resource.renderDates.length;
}
}
else {
var renderDates = (this.parent.uiStateValues.isGroupAdaptive) ?
this.parent.resourceBase.lastResourceLevel[this.parent.uiStateValues.groupIndex].renderDates : this.renderDates;
var index = this.parent.getIndexOfDate(renderDates, util.resetTime(new Date()));
if (index >= 0) {
currentDateIndex.push(index);
}
}
return currentDateIndex;
};
VerticalView.prototype.clearCurrentTimeIndicatorTimer = function () {

@@ -209,10 +209,5 @@ if (!ej2_base_1.isNullOrUndefined(this.currentTimeIndicatorTimer)) {

VerticalView.prototype.removeCurrentTimeIndicatorElements = function () {
var currentTimeEle = this.element.querySelector('.' + cls.CURRENT_TIME_CLASS);
var timelineEle = this.element.querySelector('.' + cls.TIMELINE_WRAPPER_CLASS);
if (currentTimeEle) {
ej2_base_2.remove(currentTimeEle);
}
if (timelineEle) {
ej2_base_2.remove(timelineEle);
}
var queryString = '.' + cls.PREVIOUS_TIMELINE_CLASS + ',.' + cls.CURRENT_TIMELINE_CLASS + ',.' + cls.CURRENT_TIME_CLASS;
var timeIndicator = [].slice.call(this.element.querySelectorAll(queryString));
timeIndicator.forEach(function (indicator) { return ej2_base_2.remove(indicator); });
};

@@ -224,44 +219,28 @@ VerticalView.prototype.changeCurrentTimePosition = function () {

this.removeCurrentTimeIndicatorElements();
var currentDateIndex = this.getCurrentTimeIndicatorIndex();
var firstRow = this.parent.getContentTable().rows[0];
var firstCell = firstRow.cells[0];
var currentCell = firstRow.cells[this.currentDateIndex[0]];
var cellWidth = 100 / firstRow.cells.length;
var prevLineWidth = (cellWidth * (currentCell.cellIndex - firstCell.cellIndex)) + '%';
var currentLineWidth = cellWidth + '%';
var top = this.getTopFromDateTime(new Date());
var topInPx = ej2_base_1.formatUnit(top);
var timeCellsWrap = this.getTimeCellsElement();
var rowIndex = Math.floor(top / firstCell.offsetHeight);
var rowIndex = Math.floor(top / firstRow.cells[0].offsetHeight);
if (ej2_base_1.isNullOrUndefined(rowIndex)) {
return;
}
ej2_base_2.removeClass(timeCellsWrap.querySelectorAll('.' + cls.HIDE_CHILDS_CLASS), cls.HIDE_CHILDS_CLASS);
ej2_base_2.addClass([timeCellsWrap.querySelectorAll('tr')[rowIndex].lastChild], cls.HIDE_CHILDS_CLASS);
var timelineWrap = ej2_base_2.createElement('div', { className: cls.TIMELINE_WRAPPER_CLASS });
var timelineEle = [];
var previousDateTimelineEle = ej2_base_2.createElement('div', {
className: cls.PREVIOUS_TIMELINE_CLASS,
styles: 'width:' + ej2_base_1.formatUnit(prevLineWidth) + '; left: 0; right: 0; top:' + topInPx
});
timelineEle.push(previousDateTimelineEle);
for (var _i = 0, _a = this.currentDateIndex; _i < _a.length; _i++) {
var dateIndex = _a[_i];
currentCell = firstRow.cells[dateIndex];
prevLineWidth = (cellWidth * (currentCell.cellIndex - firstCell.cellIndex)) + '%';
var currentDateTimelineEle = ej2_base_2.createElement('div', {
className: cls.CURRENT_TIMELINE_CLASS,
styles: 'width:' + currentLineWidth + '; ' +
(this.parent.enableRtl ? 'right:' : 'left:') + prevLineWidth + ';top:' + topInPx
});
timelineEle.push(currentDateTimelineEle);
var curTimeWrap = this.element.querySelectorAll('.' + cls.TIMELINE_WRAPPER_CLASS);
for (var i = 0, length_1 = currentDateIndex[0]; i < length_1; i++) {
curTimeWrap[i].appendChild(ej2_base_2.createElement('div', { className: cls.PREVIOUS_TIMELINE_CLASS, styles: 'top:' + topInPx }));
}
for (var _i = 0, currentDateIndex_1 = currentDateIndex; _i < currentDateIndex_1.length; _i++) {
var day = currentDateIndex_1[_i];
curTimeWrap[day].appendChild(ej2_base_2.createElement('div', { className: cls.CURRENT_TIMELINE_CLASS, styles: 'top:' + topInPx }));
}
var currentTimeEle = ej2_base_2.createElement('div', {
innerHTML: this.parent.getTimeString(new Date()),
className: cls.CURRENT_TIME_CLASS,
styles: 'width: 100%; position: absolute; left: 0; right: 0; top:' + topInPx
styles: 'top:' + topInPx
});
var timeCellsWrap = this.getTimeCellsElement();
ej2_base_2.removeClass(timeCellsWrap.querySelectorAll('.' + cls.HIDE_CHILDS_CLASS), cls.HIDE_CHILDS_CLASS);
ej2_base_2.addClass([timeCellsWrap.querySelectorAll('tr')[rowIndex].lastChild], cls.HIDE_CHILDS_CLASS);
ej2_base_2.prepend([currentTimeEle], timeCellsWrap);
currentTimeEle.style.top = ej2_base_1.formatUnit(currentTimeEle.offsetTop - (currentTimeEle.offsetHeight / 2));
ej2_base_2.prepend(timelineEle, timelineWrap);
ej2_base_2.prepend([timelineWrap], this.getContentAreaElement().querySelector('.' + cls.WRAPPER_CLASS));
};

@@ -438,3 +417,5 @@ VerticalView.prototype.getTopFromDateTime = function (date) {

tbl.querySelector('tbody').appendChild(ntr);
ej2_base_2.prepend([this.createEventWrapper('allDay')], tbl);
var thead = ej2_base_2.createElement('thead');
thead.appendChild(this.createEventWrapper('allDay'));
ej2_base_2.prepend([thead], tbl);
wrap.appendChild(tbl);

@@ -498,4 +479,2 @@ return container;

var wrap = ej2_base_2.createElement('div', { className: cls.CONTENT_WRAP_CLASS });
var innerWrap = ej2_base_2.createElement('div', { className: cls.WRAPPER_CLASS });
wrap.appendChild(innerWrap);
var tbl = this.createTableLayout(cls.CONTENT_TABLE_CLASS);

@@ -544,3 +523,8 @@ var tr = ej2_base_2.createElement('tr', { attrs: { role: 'row' } });

this.getTimeSlotRows(handler);
ej2_base_2.prepend([this.createEventWrapper()], tbl);
var thead = ej2_base_2.createElement('thead');
thead.appendChild(this.createEventWrapper());
if (this.parent.activeViewOptions.timeScale.enable) {
thead.appendChild(this.createEventWrapper('timeIndicator'));
}
ej2_base_2.prepend([thead], tbl);
wrap.appendChild(tbl);

@@ -552,10 +536,13 @@ ej2_base_1.EventHandler.add(wrap, 'scroll', this.onContentScroll, this);

if (type === void 0) { type = ''; }
var thead = ej2_base_2.createElement('thead');
var tr = ej2_base_2.createElement('tr', { attrs: { role: 'row' } });
this.colLevels.slice(-1)[0].forEach(function (col, day) {
var appointmentWrap = ej2_base_2.createElement('td', {
className: (type === 'allDay') ? cls.ALLDAY_APPOINTMENT_WRAPPER_CLASS : cls.DAY_WRAPPER_CLASS,
className: (type === 'allDay') ? cls.ALLDAY_APPOINTMENT_WRAPPER_CLASS : (type === 'timeIndicator') ?
cls.TIMELINE_WRAPPER_CLASS : cls.DAY_WRAPPER_CLASS,
attrs: { role: 'gridcell', 'aria-selected': 'false' }
});
if (type !== 'allDay') {
if (!ej2_base_1.isNullOrUndefined(col.groupIndex)) {
appointmentWrap.setAttribute('data-group-index', col.groupIndex.toString());
}
if (type === '') {
var innerWrapper = ej2_base_2.createElement('div', {

@@ -569,4 +556,3 @@ id: cls.APPOINTMENT_WRAPPER_CLASS + '-' + day.toString(),

});
thead.appendChild(tr);
return thead;
return tr;
};

@@ -597,7 +583,2 @@ VerticalView.prototype.getScrollableElement = function () {

};
VerticalView.prototype.adjustEventWrapper = function () {
var tblWidth = this.element.querySelector('.' + cls.CONTENT_TABLE_CLASS).offsetWidth;
this.element.querySelector('.' + cls.WRAPPER_CLASS).style.width = tblWidth + 'px';
this.element.querySelector('.' + cls.ALLDAY_APPOINTMENT_WRAPPER_CLASS).style.width = tblWidth + 'px';
};
VerticalView.prototype.getTimeSlotRows = function (handler) {

@@ -604,0 +585,0 @@ var rows = [];

dist/ej2-schedule.umd.min.js

Sorry, the diff of this file is too big to display

dist/ej2-schedule.umd.min.js.map

Sorry, the diff of this file is not supported yet

dist/es6/ej2-schedule.es2015.js

Sorry, the diff of this file is too big to display

dist/es6/ej2-schedule.es2015.js.map

Sorry, the diff of this file is not supported yet

dist/es6/ej2-schedule.es5.js

Sorry, the diff of this file is too big to display

dist/es6/ej2-schedule.es5.js.map

Sorry, the diff of this file is not supported yet

dist/global/ej2-schedule.min.js

Sorry, the diff of this file is too big to display

dist/global/ej2-schedule.min.js.map

Sorry, the diff of this file is not supported yet

src/schedule/popups/event-window.js

Sorry, the diff of this file is too big to display

styles/bootstrap.css

Sorry, the diff of this file is not supported yet

styles/fabric.css

Sorry, the diff of this file is not supported yet

styles/highcontrast.css

Sorry, the diff of this file is not supported yet

styles/material.css

Sorry, the diff of this file is not supported yet

styles/recurrence-editor/_layout.scss

Sorry, the diff of this file is not supported yet

styles/recurrence-editor/bootstrap.css

Sorry, the diff of this file is not supported yet

styles/recurrence-editor/fabric.css

Sorry, the diff of this file is not supported yet

styles/recurrence-editor/highcontrast.css

Sorry, the diff of this file is not supported yet

styles/recurrence-editor/material.css

Sorry, the diff of this file is not supported yet

styles/schedule/_layout.scss

Sorry, the diff of this file is not supported yet

styles/schedule/bootstrap.css

Sorry, the diff of this file is not supported yet

styles/schedule/fabric.css

Sorry, the diff of this file is not supported yet

styles/schedule/highcontrast.css

Sorry, the diff of this file is not supported yet

styles/schedule/material.css

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc