@syncfusion/ej2-gantt 19.4.56 → 20.1.47-1460716

package/dist/ts/gantt/actions/chart-scroll.ts

@@ -0,0 +1,167 @@
+import { formatUnit, EventHandler, getValue, isNullOrUndefined} from '@syncfusion/ej2-base';
+import { Gantt } from '../base/gantt';
+import { ScrollArgs } from '../base/interface';
+
+/**
+ * To handle scroll event on chart and from TreeGrid
+ *
+ * @hidden
+ */
+export class ChartScroll {
+    private parent: Gantt;
+    private element: HTMLElement;
+    private isFromTreeGrid: boolean;
+    public previousScroll: { top: number, left: number } = { top: 0, left: 0 };
+    /**
+     * Constructor for the scrolling.
+     *
+     * @param {Gantt} parent .
+     * @hidden
+     */
+    constructor(parent: Gantt) {
+        this.parent = parent;
+        this.element = this.parent.ganttChartModule.scrollElement;
+        this.addEventListeners();
+    }
+    /**
+     * Bind event
+     *
+     * @returns {void} .
+     */
+    private addEventListeners(): void {
+        this.parent.on('grid-scroll', this.gridScrollHandler, this);
+        EventHandler.add(this.element, 'scroll' , this.onScroll, this);
+    }
+    /**
+     * Unbind events
+     *
+     * @returns {void} .
+     */
+    private removeEventListeners(): void {
+        EventHandler.remove(this.element, 'scroll', this.onScroll);
+        this.parent.off('grid-scroll', this.gridScrollHandler);
+    }
+    /**
+     *
+     * @param {object} args .
+     * @returns {void} .
+     */
+    private gridScrollHandler(args: object ): void {
+        this.element.scrollTop = getValue('top', args);
+        this.isFromTreeGrid = true;
+    }
+    /**
+     * Method to update vertical grid line, holiday, event markers and weekend container's top position on scroll action
+     *
+     * @returns {void} .
+     * @private
+     */
+    public updateTopPosition(): void {
+        const content: HTMLElement = this.parent.treeGrid.element.querySelector('.e-content');
+        const contentScrollTop: number = content.scrollTop;
+        let scrollTop: number;
+        if (this.parent.virtualScrollModule && this.parent.enableVirtualization) {
+            const top: number = this.parent.virtualScrollModule.getTopPosition();
+            scrollTop = contentScrollTop - top;
+        } else {
+            scrollTop = contentScrollTop;
+        }
+        if (!isNullOrUndefined(this.parent.dayMarkersModule)) {
+            const holidayContainer: HTMLElement = getValue('nonworkingDayRender.holidayContainer', this.parent.dayMarkersModule);
+            const weekendContainer: HTMLElement = getValue('nonworkingDayRender.weekendContainer', this.parent.dayMarkersModule);
+            const eventMarkersContainer: HTMLElement = getValue('eventMarkerRender.eventMarkersContainer', this.parent.dayMarkersModule);
+            if (holidayContainer) {
+                holidayContainer.style.top = formatUnit(scrollTop);
+            }
+            if (weekendContainer) {
+                weekendContainer.style.top = formatUnit(scrollTop);
+            }
+            if (eventMarkersContainer) {
+                eventMarkersContainer.style.top = formatUnit(scrollTop);
+            }
+        }
+        if (this.parent.chartVerticalLineContainer) {
+            this.parent.chartVerticalLineContainer.style.top = formatUnit(scrollTop);
+        }
+    }
+    /**
+     * Scroll event handler
+     *
+     * @returns {void} .
+     */
+    private onScroll(): void {
+        const scrollArgs: ScrollArgs = {};
+        if (this.element.scrollTop !== this.previousScroll.top) {
+            // eslint-disable-next-line
+            !this.isFromTreeGrid ? this.parent.notify('chartScroll', { top: this.element.scrollTop }) : (this.isFromTreeGrid = false);
+            scrollArgs.previousScrollTop = this.previousScroll.top;
+            this.previousScroll.top = this.element.scrollTop;
+            scrollArgs.scrollTop = this.element.scrollTop;
+            scrollArgs.scrollDirection = 'Vertical';
+            scrollArgs.action = 'VerticalScroll';
+            this.updateTopPosition();
+        }
+        if (this.element.scrollLeft !== this.previousScroll.left) {
+            this.parent.ganttChartModule.chartTimelineContainer.scrollLeft = this.element.scrollLeft;
+            scrollArgs.previousScrollLeft = this.previousScroll.left;
+            this.previousScroll.left = this.element.scrollLeft;
+            scrollArgs.scrollLeft = this.element.scrollLeft;
+            scrollArgs.scrollDirection = 'Horizontal';
+            scrollArgs.action = 'HorizontalScroll';
+        }
+        scrollArgs.requestType = 'scroll';
+        this.parent.trigger('actionComplete', scrollArgs);
+    }
+    /**
+     * To set height for chart scroll container
+     *
+     * @param {string | number} height - To set height for scroll container in chart side
+     * @returns {void} .
+     * @private
+     */
+    public setHeight(height: string | number): void {
+        this.element.style.height = formatUnit(height);
+    }
+    /**
+     * To set width for chart scroll container
+     *
+     * @param {string | number} width - To set width to scroll container
+     * @returns {void} .
+     * @private
+     */
+    public setWidth(width: string | number): void {
+        this.element.style.width = formatUnit(width);
+    }
+    /**
+     * To set scroll top for chart scroll container
+     *
+     * @param {number} scrollTop - To set scroll top for scroll container
+     * @returns {void} .
+     * @private
+     */
+    public setScrollTop(scrollTop: number): void {
+        this.element.scrollTop = scrollTop;
+        this.parent.treeGrid.element.querySelector('.e-content').scrollTop = scrollTop;
+    }
+    /**
+     * To set scroll left for chart scroll container
+     *
+     * @param {number} scrollLeft  - To set scroll left for scroll container
+     * @returns {void} .
+     */
+    public setScrollLeft(scrollLeft: number): void {
+        this.element.scrollLeft = scrollLeft;
+        this.parent.ganttChartModule.chartTimelineContainer.scrollLeft = this.element.scrollLeft;
+        this.previousScroll.left = this.element.scrollLeft;
+    }
+
+    /**
+     * Destroy scroll related elements and unbind the events
+     *
+     * @returns {void} .
+     * @private
+     */
+    public destroy(): void {
+        this.removeEventListeners();
+    }
+}

package/dist/ts/gantt/actions/column-menu.ts

@@ -0,0 +1,35 @@
+import { Gantt } from '../base/gantt';
+import { TreeGrid, ColumnMenu as TreeGridColumnMenu } from '@syncfusion/ej2-treegrid';
+
+/**
+ * Configures columnMenu collection in Gantt.
+ */
+export class ColumnMenu {
+    private parent: Gantt;
+
+    constructor(parent?: Gantt) {
+        TreeGrid.Inject(TreeGridColumnMenu);
+        this.parent = parent;
+    }
+    /**
+     * @returns {HTMLAllCollection} .
+     * To get column menu collection.
+     */
+    public getColumnMenu(): HTMLElement {
+        return this.parent.treeGrid.columnMenuModule.getColumnMenu();
+    }
+
+    public destroy(): void {
+    // column menu destroy module
+    }
+
+    /**
+     * For internal use only - Get the module name.
+     *
+     * @returns {string} .
+     * @private
+     */
+    private getModuleName(): string {
+        return 'columnMenu';
+    }
+}

package/dist/ts/gantt/actions/column-reorder.ts

@@ -0,0 +1,52 @@
+import { TreeGrid, Reorder as TreeGridReorder } from '@syncfusion/ej2-treegrid';
+import { Gantt } from '../base/gantt';
+import { ColumnDragEventArgs } from '@syncfusion/ej2-grids';
+/**
+ * To handle column reorder action from TreeGrid
+ */
+export class Reorder {
+    public parent: Gantt;
+    constructor(gantt: Gantt) {
+        this.parent = gantt;
+        TreeGrid.Inject(TreeGridReorder);
+        this.parent.treeGrid.allowReordering = this.parent.allowReordering;
+        this.bindEvents();
+    }
+
+    /**
+     * Get module name
+     *
+     * @returns {string} .
+     */
+    private getModuleName(): string {
+        return 'reorder';
+    }
+
+    /**
+     * To bind reorder events.
+     *
+     * @returns {void} .
+     * @private
+     */
+    private bindEvents(): void {
+        this.parent.treeGrid.columnDragStart = (args: ColumnDragEventArgs) => {
+            this.parent.trigger('columnDragStart', args);
+        };
+        this.parent.treeGrid.columnDrag = (args: ColumnDragEventArgs) => {
+            this.parent.trigger('columnDrag', args);
+        };
+        this.parent.treeGrid.columnDrop = (args: ColumnDragEventArgs) => {
+            this.parent.trigger('columnDrop', args);
+        };
+    }
+
+    /**
+     * To destroy the column-reorder.
+     *
+     * @returns {void} .
+     * @private
+     */
+    public destroy(): void {
+        // Destroy Method
+    }
+}

package/dist/ts/gantt/actions/column-resize.ts

@@ -0,0 +1,52 @@
+import { TreeGrid, Resize as TreeGridResize } from '@syncfusion/ej2-treegrid';
+import { Gantt } from '../base/gantt';
+import { ResizeArgs } from '@syncfusion/ej2-grids';
+/**
+ * Column resize action related code goes here
+ */
+export class Resize {
+    public parent: Gantt;
+    constructor(gantt: Gantt) {
+        this.parent = gantt;
+        TreeGrid.Inject(TreeGridResize);
+        this.parent.treeGrid.allowResizing = this.parent.allowResizing;
+        this.bindEvents();
+    }
+
+    /**
+     * Get module name
+     *
+     * @returns {void} .
+     */
+    private getModuleName(): string {
+        return 'resize';
+    }
+
+    /**
+     * To bind resize events.
+     *
+     * @returns {void} .
+     * @private
+     */
+    private bindEvents(): void {
+        this.parent.treeGrid.resizeStart = (args: ResizeArgs) => {
+            this.parent.trigger('resizeStart', args);
+        };
+        this.parent.treeGrid.resizing = (args: ResizeArgs) => {
+            this.parent.trigger('resizing', args);
+        };
+        this.parent.treeGrid.resizeStop = (args: ResizeArgs) => {
+            this.parent.trigger('resizeStop', args);
+        };
+    }
+
+    /**
+     * To destroy the column-resizer.
+     *
+     * @returns {void} .
+     * @private
+     */
+    public destroy(): void {
+        // Destroy Method
+    }
+}