@syncfusion/ej2-schedule 31.1.17 → 31.1.21

package/dist/ts/schedule/event-renderer/inline-edit.d.ts

@@ -1,23 +0,0 @@
-import { Schedule } from '../base/schedule';
-/**
- * Inline Edit interactions
- */
-export declare class InlineEdit {
-    private parent;
-    private inlineInputEle;
-    constructor(parent: Schedule);
-    private inlineEdit;
-    private cellEdit;
-    private eventEdit;
-    private createVerticalViewInline;
-    private createMonthViewInline;
-    private createTimelineViewInline;
-    private getEventDaysCount;
-    private generateEventData;
-    documentClick(target: HTMLInputElement): void;
-    inlineCrudActions(target: HTMLTableCellElement): void;
-    createInlineAppointmentElement(inlineData?: Record<string, any>): HTMLElement;
-    removeInlineAppointmentElement(): void;
-    getInlineElement(): HTMLInputElement | null;
-    destroy(): void;
-}

package/dist/ts/schedule/event-renderer/inline-edit.ts

@@ -1,287 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { addClass, createElement, closest, remove, removeClass, isNullOrUndefined } from '@syncfusion/ej2-base';
-import { Schedule } from '../base/schedule';
-import { CurrentAction } from '../base/type';
-import { InlineClickArgs, TdData } from '../base/interface';
-import { VerticalEvent } from '../event-renderer/vertical-view';
-import { MonthEvent } from '../event-renderer/month';
-import { TimelineEvent } from '../event-renderer/timeline-view';
-import * as cls from '../base/css-constant';
-import * as events from '../base/constant';
-import * as util from '../base/util';
-
-/**
- * Inline Edit interactions
- */
-export class InlineEdit {
-    private parent: Schedule;
-    private inlineInputEle: HTMLInputElement | null;
-
-    constructor(parent: Schedule) {
-        this.parent = parent;
-        this.parent.on(events.inlineClick, this.inlineEdit, this);
-    }
-
-    private inlineEdit(args: InlineClickArgs): void {
-        if (this.parent.quickPopup) {
-            this.parent.quickPopup.quickPopupHide();
-        }
-        if (args.type === 'Cell') {
-            const moreWrapper: Element = this.parent.element.querySelector('.' + cls.MORE_POPUP_WRAPPER_CLASS);
-            if (moreWrapper && moreWrapper.classList.contains(cls.POPUP_OPEN)) {
-                this.parent.quickPopup.morePopup.hide();
-            }
-            this.removeInlineAppointmentElement();
-            this.cellEdit(args);
-        } else {
-            if (this.parent.element.querySelector('.' + cls.INLINE_SUBJECT_CLASS) !==
-                args.element.querySelector('.' + cls.INLINE_SUBJECT_CLASS)) {
-                this.removeInlineAppointmentElement();
-            }
-            this.eventEdit(args);
-        }
-    }
-
-    private cellEdit(args: InlineClickArgs): void {
-        const saveObj: Record<string, any> = this.generateEventData();
-        let cellIndex: number = (args.element as HTMLTableCellElement).cellIndex;
-        let count: number = this.getEventDaysCount(saveObj);
-        if (count > 1) {
-            count = Math.round(count);
-            count--;
-            cellIndex = cellIndex - count;
-        }
-        const start: number = util.resetTime(new Date('' + saveObj[this.parent.eventFields.startTime])).getTime();
-        const end: number = util.resetTime(new Date('' + saveObj[this.parent.eventFields.endTime])).getTime();
-        const resIndex: number = args.groupIndex || 0;
-        const isVertical: boolean = this.parent.currentView === 'Day' || this.parent.currentView === 'Week' || this.parent.currentView === 'WorkWeek';
-        if (this.parent.activeViewOptions.timeScale.enable && isVertical) {
-            const dayIndex: number = (saveObj[this.parent.eventFields.startTime] as Date).getDay();
-            this.createVerticalViewInline(saveObj, dayIndex, resIndex, cellIndex);
-        } else if (this.parent.currentView === 'Month' || (!this.parent.activeViewOptions.timeScale.enable && isVertical)) {
-            this.createMonthViewInline(saveObj, resIndex, start, end);
-        } else {
-            this.createTimelineViewInline(saveObj, start, end, resIndex);
-        }
-        const inlineSubject: Element = this.parent.element.querySelector('.' + cls.INLINE_SUBJECT_CLASS);
-        if (inlineSubject) {
-            (inlineSubject as HTMLElement).focus();
-        }
-    }
-
-    private eventEdit(args: InlineClickArgs): void {
-        let inlineSubject: HTMLInputElement = args.element.querySelector('.' + cls.INLINE_SUBJECT_CLASS) as HTMLInputElement;
-        let subject: string;
-        addClass([args.element], cls.INLINE_EDIT_CLASS);
-        if (inlineSubject) {
-            subject = inlineSubject.value;
-        } else {
-            const subEle: HTMLElement = args.element.querySelector('.' + cls.SUBJECT_CLASS);
-            if (!isNullOrUndefined(subEle)) {
-                addClass([subEle], cls.DISABLE_CLASS);
-            }
-            subject = !isNullOrUndefined(args.data) && args.data[this.parent.eventFields.subject] ||
-                this.parent.eventSettings.fields.subject.default || this.parent.localeObj.getConstant('addTitle');
-            inlineSubject = this.inlineInputEle =
-                createElement('input', { className: cls.INLINE_SUBJECT_CLASS, attrs: { value: subject } }) as HTMLInputElement;
-            if (closest(args.element, '.' + cls.MORE_POPUP_WRAPPER_CLASS)) {
-                args.element.insertBefore(inlineSubject, subEle);
-            } else if (['Agenda', 'MonthAgenda'].indexOf(this.parent.currentView) > -1) {
-                let subjectWrap: Element = args.element.querySelector('.' + cls.SUBJECT_WRAP);
-                if (isNullOrUndefined(subjectWrap)) {
-                    subjectWrap = createElement('div', { className: cls.SUBJECT_WRAP });
-                    args.element.prepend(subjectWrap);
-                }
-                subjectWrap.insertBefore(inlineSubject, subjectWrap.firstChild);
-            } else {
-                const elementSelector: string = ['TimelineDay', 'TimelineWeek', 'TimelineWorkWeek', 'TimelineMonth'].indexOf(this.parent.currentView) > -1 ?
-                    '.e-inner-wrap' : '.e-appointment-details';
-                const innerWrapElement: Element = args.element.querySelector(elementSelector);
-                if (isNullOrUndefined(innerWrapElement)) {
-                    args.element.querySelector('.e-appointment-details').prepend(inlineSubject);
-                }
-                else {
-                    if (subEle && this.parent.activeViewOptions && !this.parent.activeViewOptions.eventTemplate) {
-                        innerWrapElement.insertBefore(inlineSubject, subEle);
-                    } else {
-                        innerWrapElement.prepend(inlineSubject);
-                    }
-                }
-            }
-            inlineSubject.focus();
-        }
-        inlineSubject.setSelectionRange(subject.length, subject.length);
-    }
-
-    private createVerticalViewInline(saveObj: Record<string, any>, dayIndex: number, resIndex: number, daysCount: number): void {
-        const count: number = this.getEventDaysCount(saveObj);
-        const verticalEvent: VerticalEvent = new VerticalEvent(this.parent);
-        verticalEvent.initializeValues();
-        const index: number =
-            verticalEvent.dateRender[parseInt(resIndex.toString(), 10)].map((date: Date) => date.getDay()).indexOf(dayIndex);
-        if (count >= 1) {
-            verticalEvent.allDayElement = [].slice.call(this.parent.element.querySelectorAll('.' + cls.ALLDAY_CELLS_CLASS));
-            verticalEvent.slots.push(...this.parent.activeView.renderDates.map((date: Date) => +date));
-            const allDayElements: HTMLElement[] = [].slice.call(this.parent.element.querySelectorAll('.' + cls.ALLDAY_APPOINTMENT_CLASS));
-            let allDayLevel: number = 0;
-            if (allDayElements.length > 0) {
-                allDayLevel = Math.floor(this.parent.getElementHeight(this.parent.element.querySelector('.' + cls.ALLDAY_ROW_CLASS)) /
-                    allDayElements[0].offsetHeight) - 1;
-            }
-            verticalEvent.allDayLevel = allDayLevel;
-            const appHeight: number = this.parent.getElementHeightFromClass(
-                this.parent.element.querySelector('.' + cls.ALLDAY_APPOINTMENT_WRAPPER_CLASS), cls.APPOINTMENT_CLASS);
-            const cellTop: number = verticalEvent.allDayElement.length > 0 ? verticalEvent.allDayElement[0].offsetTop : 0;
-            verticalEvent.renderAllDayEvents(saveObj, index, resIndex, daysCount, this.parent.allowInline, cellTop, appHeight);
-        } else {
-            verticalEvent.renderNormalEvents(saveObj, index, resIndex, daysCount, this.parent.allowInline);
-        }
-    }
-
-    private createMonthViewInline(saveObj: Record<string, any>, index: number, start: number, end: number): void {
-        const count: number = this.getEventDaysCount(saveObj);
-        const saveObject: Record<string, any> = this.parent.eventBase.cloneEventObject(saveObj, start, end, count, false, false);
-        const monthEvent: MonthEvent = new MonthEvent(this.parent);
-        monthEvent.dateRender = this.parent.activeView.renderDates;
-        monthEvent.inlineValue = this.parent.allowInline;
-        let renderDates: Date[] = this.parent.activeView.renderDates;
-        let workDays: number[] = this.parent.activeViewOptions.workDays;
-        let monthCellSelector: string = '.' + cls.WORK_CELLS_CLASS;
-        if (this.parent.activeViewOptions.group.resources.length > 0) {
-            monthCellSelector += '[data-group-index="' + index + '"]';
-            const resourceData: TdData = this.parent.resourceBase.lastResourceLevel[parseInt(index.toString(), 10)];
-            renderDates = resourceData.renderDates;
-            workDays = resourceData.workDays;
-        }
-        monthEvent.dateRender = renderDates;
-        monthEvent.workCells = [].slice.call(this.parent.element.querySelectorAll(monthCellSelector));
-        monthEvent.cellWidth = monthEvent.workCells[0].offsetWidth;
-        monthEvent.cellHeight = monthEvent.workCells[0].offsetHeight;
-        monthEvent.eventHeight =
-            this.parent.getElementHeightFromClass(this.parent.monthModule.element || monthEvent.element, cls.APPOINTMENT_CLASS);
-        monthEvent.getSlotDates(workDays);
-        const filteredDates: Date[] = monthEvent.getRenderedDates(renderDates);
-        const spannedEvents: Record<string, any>[] = monthEvent.splitEvent(saveObject, filteredDates || renderDates);
-        for (const eventData of spannedEvents) {
-            monthEvent.renderEvents(eventData, index);
-        }
-        const inlineSubject: HTMLInputElement = this.parent.element.querySelector('.' + cls.INLINE_SUBJECT_CLASS) as HTMLInputElement;
-        inlineSubject.focus();
-    }
-
-    private createTimelineViewInline(saveObj: Record<string, any>, start: number, end: number, resIndex: number): void {
-        const count: number = this.getEventDaysCount(saveObj);
-        const saveObject: Record<string, any> = this.parent.eventBase.cloneEventObject(saveObj, start, end, count, false, false);
-        const timelineView: TimelineEvent = new TimelineEvent(this.parent, this.parent.activeViewOptions.timeScale.enable ? 'hour' : 'day');
-        timelineView.dateRender = this.parent.activeView.renderDates;
-        timelineView.eventContainers = [].slice.call(this.parent.element.querySelectorAll('.' + cls.APPOINTMENT_CONTAINER_CLASS));
-        const workCell: HTMLElement = this.parent.element.querySelector('.' + cls.WORK_CELLS_CLASS) as HTMLElement;
-        timelineView.inlineValue = this.parent.allowInline;
-        timelineView.cellWidth = workCell.offsetWidth;
-        timelineView.cellHeight = workCell.offsetHeight;
-        const dayLength: number = this.parent.element.querySelectorAll('.' + cls.CONTENT_TABLE_CLASS + ' tbody tr').length === 0 ?
-            0 : this.parent.element.querySelectorAll('.' + cls.CONTENT_TABLE_CLASS + ' tbody tr')[0].children.length;
-        timelineView.slotsPerDay = dayLength / timelineView.dateRender.length;
-        timelineView.eventHeight = this.parent.getElementHeightFromClass(timelineView.element, cls.APPOINTMENT_CLASS);
-        timelineView.renderEvents(saveObject, resIndex);
-    }
-
-    private getEventDaysCount(saveObj: Record<string, any>): number {
-        const startDate: Date = saveObj[this.parent.eventFields.startTime] as Date;
-        const endDate: Date = saveObj[this.parent.eventFields.endTime] as Date;
-        const daysCount: number = Math.abs(endDate.getTime() - startDate.getTime()) / util.MS_PER_DAY;
-        return daysCount;
-    }
-
-    private generateEventData(target?: HTMLTableCellElement): Record<string, any> {
-        const inlineElement: HTMLInputElement = this.parent.element.querySelector('.' + cls.INLINE_SUBJECT_CLASS) as HTMLInputElement;
-        const subject: string = inlineElement ? inlineElement.value : target ? target.innerHTML : '';
-        const saveObj: Record<string, any> = {};
-        saveObj[this.parent.eventFields.id] = this.parent.eventBase.getEventMaxID();
-        saveObj[this.parent.eventFields.subject] = subject;
-        saveObj[this.parent.eventFields.startTime] = this.parent.activeCellsData.startTime;
-        saveObj[this.parent.eventFields.endTime] = this.parent.activeCellsData.endTime;
-        saveObj[this.parent.eventFields.isAllDay] = this.parent.activeCellsData.isAllDay;
-        this.parent.eventWindow.setDefaultValueToObject(saveObj);
-        if (this.parent.resourceBase) {
-            this.parent.resourceBase.setResourceValues(saveObj, this.parent.activeCellsData.groupIndex);
-        }
-        return saveObj;
-    }
-
-    public documentClick(target: HTMLInputElement): void {
-        if (target && target.value !== '') {
-            this.inlineCrudActions(target as HTMLTableCellElement & HTMLInputElement);
-        }
-        else {
-            this.removeInlineAppointmentElement();
-        }
-    }
-
-    public inlineCrudActions(target: HTMLTableCellElement): void {
-        if (closest(target, '.' + cls.INLINE_APPOINTMENT_CLASS)) {
-            const saveObj: Record<string, any> = this.generateEventData(target);
-            this.parent.addEvent(saveObj);
-        } else {
-            const eventTarget: Element = closest(target, '.' + cls.APPOINTMENT_CLASS);
-            const eventDetails: Record<string, any> = this.parent.getEventDetails(eventTarget) as Record<string, any>;
-            eventDetails[this.parent.eventFields.subject] = (target as HTMLTableCellElement & HTMLInputElement).value;
-            let currentAction: CurrentAction;
-            if (eventDetails[this.parent.eventFields.id] === eventDetails[this.parent.eventFields.recurrenceID]) {
-                currentAction = 'EditOccurrence';
-                eventDetails[this.parent.eventFields.id] = this.parent.eventBase.getEventMaxID();
-            }
-            this.parent.saveEvent(eventDetails, currentAction);
-        }
-        this.removeInlineAppointmentElement();
-    }
-
-    public createInlineAppointmentElement(inlineData?: Record<string, any>): HTMLElement {
-        const inlineAppointmentElement: HTMLElement = createElement('div', {
-            className: cls.APPOINTMENT_CLASS + ' ' + cls.INLINE_APPOINTMENT_CLASS + ' ' + cls.INLINE_EDIT_CLASS
-        });
-        const inlineDetails: HTMLElement = createElement('div', { className: cls.APPOINTMENT_DETAILS });
-        inlineAppointmentElement.appendChild(inlineDetails);
-        const inline: HTMLInputElement = this.inlineInputEle =
-            createElement('input', { className: cls.INLINE_SUBJECT_CLASS }) as HTMLInputElement;
-        inlineDetails.appendChild(inline);
-        if (inlineData) {
-            this.parent.eventBase.applyResourceColor(inlineAppointmentElement, inlineData, 'backgroundColor');
-        }
-        return inlineAppointmentElement;
-    }
-
-    public removeInlineAppointmentElement(): void {
-        const inlineAppointment: Element[] = [].slice.call(this.parent.element.querySelectorAll('.' + cls.INLINE_APPOINTMENT_CLASS));
-        if (inlineAppointment.length > 0) {
-            inlineAppointment.forEach((node: Element) => {
-                const inlineSubject: HTMLElement = node.querySelector('.' + cls.INLINE_SUBJECT_CLASS);
-                if (!isNullOrUndefined(inlineSubject)) {
-                    inlineSubject.blur();
-                }
-                remove(node);
-            });
-        }
-        const inlineSubject: HTMLInputElement | null = this.getInlineElement();
-        if (inlineSubject) {
-            const appointmentSubject: Element = closest(inlineSubject, '.' + cls.APPOINTMENT_CLASS);
-            removeClass([appointmentSubject], cls.INLINE_EDIT_CLASS);
-            const subject: Element = appointmentSubject.querySelector('.' + cls.SUBJECT_CLASS);
-            if (!isNullOrUndefined(subject)) {
-                removeClass([subject], cls.DISABLE_CLASS);
-            }
-            remove(inlineSubject);
-        }
-        this.inlineInputEle = null;
-    }
-
-    public getInlineElement(): HTMLInputElement | null {
-        return this.inlineInputEle;
-    }
-
-    public destroy(): void {
-        this.inlineInputEle = null;
-        this.parent.off(events.inlineClick, this.inlineEdit);
-    }
-
-}

package/dist/ts/schedule/event-renderer/month.d.ts

@@ -1,60 +0,0 @@
-import { EventFieldsMapping, TdData } from '../base/interface';
-import { Schedule } from '../base/schedule';
-import { EventBase } from './event-base';
-/**
- * Month view events render
- */
-export declare class MonthEvent extends EventBase {
-    element: HTMLElement;
-    fields: EventFieldsMapping;
-    dateRender: Date[];
-    renderedEvents: Record<string, any>[];
-    eventHeight: number;
-    private monthHeaderHeight;
-    workCells: HTMLElement[];
-    cellWidth: number;
-    cellHeight: number;
-    moreIndicatorHeight: number;
-    renderType: string;
-    maxHeight: boolean;
-    withIndicator: boolean;
-    maxOrIndicator: boolean;
-    inlineValue: boolean;
-    private isResourceEventTemplate;
-    constructor(parent: Schedule);
-    private removeEventWrapper;
-    renderAppointments(): void;
-    renderEventsHandler(dateRender: Date[], workDays: number[], resData?: TdData): void;
-    private processBlockEvents;
-    private isSameDate;
-    renderBlockEvents(event: Record<string, any>, resIndex: number, isIcon: boolean): void;
-    renderBlockIndicator(cellTd: HTMLElement, position: number, resIndex: number): void;
-    getStartTime(event: Record<string, any>, eventData: Record<string, any>): Date;
-    getEndTime(event: Record<string, any>, eventData: Record<string, any>): Date;
-    getCellTd(day: number): HTMLElement;
-    getEventWidth(startDate: Date, endDate: Date, isAllDay: boolean, count: number): number;
-    getPosition(startTime: Date, endTime: Date, isAllDay: boolean, day: number): number;
-    getRowTop(resIndex: number): number;
-    updateIndicatorIcon(event: Record<string, any>): void;
-    renderResourceEvents(): void;
-    getSlotDates(workDays?: number[]): void;
-    createAppointmentElement(record: Record<string, any>, resIndex: number, isCloneElement?: boolean): HTMLElement;
-    private appendEventIcons;
-    renderEvents(event: Record<string, any>, resIndex: number, eventsList?: Record<string, any>[]): void;
-    adjustAppointments(conWidth: number): void;
-    updateCellHeight(cell: HTMLElement, height: number): void;
-    updateBlockElements(): void;
-    getFilteredEvents(startDate: Date, endDate: Date, groupIndex: string, eventsList?: Record<string, any>[]): Record<string, any>[];
-    getOverlapEvents(date: Date, appointments: Record<string, any>[]): Record<string, any>[];
-    getIndex(date: Date): number;
-    moreIndicatorClick(event: Event): void;
-    renderEventElement(event: Record<string, any>, appointmentElement: HTMLElement, cellTd: Element): void;
-    private getSpannedTime;
-    getEventData(event: Record<string, any>): Record<string, any>;
-    renderElement(cellTd: HTMLElement | Element, element: HTMLElement, isAppointment?: boolean): void;
-    getMoreIndicatorElement(count: number, startDate: Date, endDate: Date): HTMLElement;
-    private getMoreIndicatorText;
-    removeHeightProperty(selector: string): void;
-    setMaxEventHeight(event: HTMLElement, cell: HTMLElement): void;
-    destroy(): void;
-}