@syncfusion/ej2-gantt 20.4.51 → 20.4.52

package/dist/es6/ej2-gantt.es2015.js

@@ -631,9 +631,9 @@ class DateProcessor {
      * @returns {Date} .
      * @private
      */
-    getStartDate(endDate, duration, durationUnit, ganttProp) {
+    getStartDate(endDate, duration, durationUnit, ganttProp, fromValidation) {
         let tempEnd = new Date(endDate.getTime());
-        const startDate = new Date(endDate.getTime());
+        let startDate = new Date(endDate.getTime());
         let secondDuration = this.getDurationAsSeconds(duration, durationUnit);
         let nonWork = 0;
         let workHours = 0;
@@ -647,6 +647,12 @@ class DateProcessor {
             }
             tempEnd = new Date(startDate.getTime());
         }
+        /* To render the milestone in proper date while loading */
+        if (fromValidation && ganttProp.isMilestone) {
+            startDate.setDate(startDate.getDate() - 1);
+            this.parent.dateValidationModule.setTime(this.parent.defaultEndTime, startDate);
+            startDate = this.parent.dateValidationModule.checkStartDate(startDate, ganttProp, true);
+        }
         return startDate;
     }
     /**
@@ -708,7 +714,21 @@ class DateProcessor {
                 this.setTime(this.parent.defaultStartTime, sDate);
             }
             else if (!isNullOrUndefined(duration)) {
-                sDate = this.getProjectStartDate(ganttProp);
+                this.parent.flatData.map((record) => {
+                    if (record.ganttProperties.taskId == ganttProp.taskId) {
+                        if ((!isNullOrUndefined(record.parentItem)) && (record.parentItem.taskId)) {
+                            this.parent.flatData.map((data) => {
+                                if (data.ganttProperties.taskId === record.parentItem.taskId) {
+                                    if (!isNullOrUndefined(data.ganttProperties.startDate))
+                                        sDate = data.ganttProperties.startDate;
+                                }
+                            });
+                        }
+                        else {
+                            sDate = this.getProjectStartDate(ganttProp);
+                        }
+                    }
+                });
             }
         }
         else {
@@ -2900,6 +2920,39 @@ class TaskProcessor extends DateProcessor {
             task.taskData[this.parent.taskFields.durationUnit] = task.ganttProperties.durationUnit;
         }
     }
+    setDataSource(data) {
+        let createData = [];
+        let length = data.length;
+        for (var i = 0; i < length; i++) {
+            let record = data[i];
+            createData.push(record);
+            if (!(isNullOrUndefined(data[i][this.parent.taskFields.child]))) {
+                this.setDataSource(data[i][this.parent.taskFields.child]);
+            }
+        }
+        return createData;
+    }
+    setStartDate(task) {
+        let hierarchicalData = [];
+        if (!isNullOrUndefined(this.parent.taskFields.parentID) && !isNullOrUndefined(this.parent.taskFields.id)) {
+            hierarchicalData = this.setDataSource(this.parent.dataSource);
+        }
+        else {
+            hierarchicalData = this.parent.dataSource;
+        }
+        this.parent.flatData.map((data) => {
+            hierarchicalData.map((record) => {
+                if (data.ganttProperties.taskId === record[this.parent.taskFields.id]) {
+                    if (!isNullOrUndefined(this.parent.taskFields.startDate)) {
+                        task[this.parent.taskFields.endDate] = record[this.parent.taskFields.endDate];
+                    }
+                    if (!isNullOrUndefined(this.parent.taskFields.endDate)) {
+                        task[this.parent.taskFields.endDate] = record[this.parent.taskFields.endDate];
+                    }
+                }
+            });
+        });
+    }
     getWorkInHour(work, workUnit) {
         if (workUnit === 'day') {
             return work * (this.parent.secondsPerDay / 3600);
@@ -3191,6 +3244,9 @@ class TaskProcessor extends DateProcessor {
                 if (!isNullOrUndefined(this.parent.taskFields.duration)) {
                     this.setRecordDuration(ganttData, this.parent.taskFields.duration);
                 }
+                if (this.parent.isLoad) {
+                    this.setStartDate(ganttData);
+                }
                 this.calculateScheduledValues(ganttData, data, false);
             }
             this.updateGanttData();
@@ -5649,6 +5705,9 @@ class Timeline {
      * @private
      */
     changeTimelineSettings(newTimeline) {
+        if (!this.isZoomIn) {
+            this.isSingleTier = newTimeline.topTier.unit === 'None' || newTimeline.bottomTier.unit === 'None' ? true : false;
+        }
         const skipProperty = this.isSingleTier ?
             this.customTimelineSettings.topTier.unit === 'None' ?
                 'topTier' : 'bottomTier' : null;
@@ -5660,7 +5719,9 @@ class Timeline {
             else {
                 const value = property === 'topTier' ? 'bottomTier' : 'topTier';
                 const assignValue = 'bottomTier';
-                this.customTimelineSettings[value] = Object.assign({}, newTimeline[assignValue]);
+                if (newTimeline[assignValue].unit != "None") {
+                    this.customTimelineSettings[value] = Object.assign({}, newTimeline[assignValue]);
+                }
             }
         });
         this.parent.isTimelineRoundOff = this.isZoomToFit ? false : isNullOrUndefined(this.parent.projectStartDate) ? true : false;
@@ -5894,7 +5955,9 @@ class Timeline {
             this.customTimelineSettings.bottomTier.count : this.customTimelineSettings.topTier.count;
         const unit = this.customTimelineSettings.bottomTier.unit !== 'None' ?
             this.customTimelineSettings.bottomTier.unit : this.customTimelineSettings.topTier.unit;
-        const zoomLevel = this.getCurrentZoomingLevel(unit, count);
+        const tier = this.customTimelineSettings.bottomTier.unit !== 'None' ?
+            "bottomTier" : "topTier";
+        const zoomLevel = this.getCurrentZoomingLevel(unit, count, tier);
         if (this.parent.toolbarModule) {
             if (zoomLevel === this.parent.zoomingLevels[this.parent.zoomingLevels.length - 1].level) {
                 this.parent.toolbarModule.enableItems([this.parent.controlId + '_zoomin'], false);
@@ -5912,7 +5975,7 @@ class Timeline {
      * @returns {number} .
      * @private
      */
-    getCurrentZoomingLevel(unit, count) {
+    getCurrentZoomingLevel(unit, count, tier) {
         let level;
         let currentZoomCollection;
         let checkSameCountLevels;
@@ -5922,15 +5985,32 @@ class Timeline {
             this.parent.zoomingLevels = this.parent.getZoomingLevels();
         }
         let sameUnitLevels = this.parent.zoomingLevels.filter((tempLevel) => {
-            return tempLevel.bottomTier.unit === unit;
+            if (tier === "bottomTier") {
+                return tempLevel.bottomTier.unit === unit;
+            }
+            else {
+                return tempLevel.topTier.unit === unit;
+            }
         });
         if (sameUnitLevels.length === 0) {
             const closestUnit = this.getClosestUnit(unit, '', false);
             sameUnitLevels = this.parent.zoomingLevels.filter((tempLevel) => {
-                return tempLevel.bottomTier.unit === closestUnit;
+                if (tier === "bottomTier") {
+                    return tempLevel.bottomTier.unit === closestUnit;
+                }
+                else {
+                    return tempLevel.topTier.unit === closestUnit;
+                }
             });
         }
-        const sortedUnitLevels = sameUnitLevels.sort((a, b) => (a.bottomTier.count < b.bottomTier.count) ? 1 : -1);
+        const sortedUnitLevels = sameUnitLevels.sort((a, b) => {
+            if (tier === "bottomTier") {
+                return (a.bottomTier.count < b.bottomTier.count) ? 1 : -1;
+            }
+            else {
+                return (a.topTier.count < b.topTier.count) ? 1 : -1;
+            }
+        });
         for (let i = 0; i < sortedUnitLevels.length; i++) {
             firstValue = sortedUnitLevels[i];
             if (i === sortedUnitLevels.length - 1) {
@@ -5940,10 +6020,15 @@ class Timeline {
             else {
                 secondValue = sortedUnitLevels[i + 1];
             }
-            if (count >= firstValue.bottomTier.count) {
+            if (count >= firstValue[tier].count) {
                 currentZoomCollection = sortedUnitLevels[i];
                 checkSameCountLevels = sortedUnitLevels.filter((tempLevel) => {
-                    return tempLevel.bottomTier.count === currentZoomCollection.bottomTier.count;
+                    if (tier === "bottomTier") {
+                        return tempLevel.bottomTier.count === currentZoomCollection.bottomTier.count;
+                    }
+                    else {
+                        return tempLevel.topTier.count === currentZoomCollection.topTier.count;
+                    }
                 });
                 if (checkSameCountLevels.length > 1) {
                     level = this.checkCollectionsWidth(checkSameCountLevels);
@@ -5953,10 +6038,15 @@ class Timeline {
                 }
                 break;
             }
-            else if (count < firstValue.bottomTier.count && count > secondValue.bottomTier.count) {
+            else if (count < firstValue[tier].count && count > secondValue[tier].count) {
                 currentZoomCollection = sortedUnitLevels[i + 1];
                 checkSameCountLevels = sortedUnitLevels.filter((tempLevel) => {
-                    return tempLevel.bottomTier.count === currentZoomCollection.bottomTier.count;
+                    if (tier === "bottomTier") {
+                        return tempLevel.bottomTier.count === currentZoomCollection.bottomTier.count;
+                    }
+                    else {
+                        return tempLevel.topTier.count === currentZoomCollection.topTier.count;
+                    }
                 });
                 if (checkSameCountLevels.length > 1) {
                     level = this.checkCollectionsWidth(checkSameCountLevels);
@@ -10770,7 +10860,7 @@ class Dependency {
         const offsetValue = predecessor.offset;
         const durationUnit = predecessor.offsetUnit;
         if (offsetValue < 0) {
-            resultDate = this.dateValidateModule.getStartDate(this.dateValidateModule.checkEndDate(date, record), (offsetValue * -1), durationUnit, record);
+            resultDate = this.dateValidateModule.getStartDate(this.dateValidateModule.checkEndDate(date, record), (offsetValue * -1), durationUnit, record, true);
         }
         else {
             resultDate = this.dateValidateModule.getEndDate(date, offsetValue, durationUnit, record, false);
@@ -14270,6 +14360,7 @@ let Gantt = class Gantt extends Component {
                 case 'dayWorkingTime':
                 case 'allowUnscheduledTasks':
                 case 'holidays':
+                    this.isLoad = true;
                     if (prop === 'holidays') {
                         this.totalHolidayDates = this.dataOperation.getHolidayDates();
                         this.notify('ui-update', { module: 'day-markers', properties: newProp });
@@ -14278,6 +14369,7 @@ let Gantt = class Gantt extends Component {
                     this.treeGrid.refreshColumns();
                     this.chartRowsModule.initiateTemplates();
                     this.chartRowsModule.refreshGanttRows();
+                    this.isLoad = false;
                     break;
                 case 'addDialogFields':
                 case 'editDialogFields':
@@ -17946,6 +18038,16 @@ class TaskbarEdit extends DateProcessor {
                     merge(this.taskBarEditRecord.ganttProperties, arg.previousData);
                 }
             });
+            this.parent.flatData.map((data) => {
+                if ((!isNullOrUndefined(this.taskBarEditRecord.parentItem)) && data.ganttProperties.taskId === this.taskBarEditRecord.parentItem.taskId) {
+                    data.childRecords.map((s) => {
+                        if (isNullOrUndefined(s.ganttProperties.startDate) || isNullOrUndefined(s.ganttProperties.endDate) ||
+                            isNullOrUndefined(s.ganttProperties.duration)) {
+                            this.parent.dataOperation.updateGanttData();
+                        }
+                    });
+                }
+            });
         }
     }
     /**
@@ -18498,7 +18600,7 @@ class TaskbarEdit extends DateProcessor {
     }
     updateChildDrag(item) {
         const left = this.getRoundOffStartLeft(item, this.roundOffDuration);
-        const projectStartDate = this.getDateByLeft(left);
+        const projectStartDate = this.getDateByLeft(left, item.isMilestone, item);
         let endDate;
         if (this.segmentIndex === 0) {
             this.parent.setRecordValue('startDate', this.parent.dateValidationModule.checkStartDate(projectStartDate, item, null), item, true);
@@ -18721,10 +18823,16 @@ class TaskbarEdit extends DateProcessor {
      * @returns {Date} .
      * @private
      */
-    getDateByLeft(left) {
-        const pStartDate = new Date(this.parent.timelineModule.timelineStartDate.toString());
+    getDateByLeft(left, isMilestone, property) {
+        let pStartDate = new Date(this.parent.timelineModule.timelineStartDate.toString());
         const milliSecondsPerPixel = (24 * 60 * 60 * 1000) / this.parent.perDayWidth;
         pStartDate.setTime(pStartDate.getTime() + (left * milliSecondsPerPixel));
+        /* To render the milestone in proper date while editing */
+        if (isMilestone) {
+            pStartDate.setDate(pStartDate.getDate() - 1);
+            this.parent.dateValidationModule.setTime(this.parent.defaultEndTime, pStartDate);
+            pStartDate = this.parent.dateValidationModule.checkStartDate(pStartDate, property, true);
+        }
         const tierMode = this.parent.timelineModule.bottomTier !== 'None' ? this.parent.timelineModule.topTier :
             this.parent.timelineModule.bottomTier;
         if (tierMode !== 'Hour' && tierMode !== 'Minutes') {
@@ -23658,7 +23766,7 @@ class Edit$2 {
             durationDiff = this.parent.dateValidationModule.getDuration(validStartDate, validEndDate, 'minute', true, false);
         }
         for (let i = 0; i < childRecords.length; i++) {
-            if (childRecords[i].ganttProperties.isAutoSchedule) {
+            if ((!(this.parent.isUnscheduledTask(childRecords[i].ganttProperties))) && (childRecords[i].ganttProperties.isAutoSchedule)) {
                 if (durationDiff > 0) {
                     const startDate = isScheduledTask(childRecords[i].ganttProperties) ?
                         childRecords[i].ganttProperties.startDate : childRecords[i].ganttProperties.startDate ?
@@ -23686,6 +23794,7 @@ class Edit$2 {
         }
         if (childRecords.length) {
             this.parent.dataOperation.updateParentItems(ganttRecord, true);
+            this.parent.dataOperation.updateGanttData();
         }
     }
     /**
@@ -23764,9 +23873,21 @@ class Edit$2 {
         });
     }
     dmSuccess(e, args) {
-        let eLength = e['length'];
+        let eLength;
+        let rec;
+        if (e.changedRecords) {
+            eLength = e.changedRecords['length'];
+        }
+        else {
+            eLength = e['length'];
+        }
         for (let i = 0; i < eLength; i++) {
-            let rec = e[i];
+            if (e.changedRecords) {
+                rec = e.changedRecords[i];
+            }
+            else {
+                rec = e[i];
+            }
             let _aLength = Object.keys(rec).length;
             for (let j = 0, _a = Object.keys(rec); j < _aLength; j++) {
                 let key = _a[j];
@@ -25416,9 +25537,9 @@ class Edit$2 {
                             const crud = data.saveChanges(updatedData, this.parent.taskFields.id, null, query);
                             crud.then((e) => {
                                 if (this.parent.taskFields.id && !isNullOrUndefined(e.addedRecords[0][this.parent.taskFields.id]) &&
-                                    e.addedRecords[0][this.parent.taskFields.id].toString() !== prevID) {
+                                    e.addedRecords[0][this.parent.taskFields.id].toString() == prevID) {
                                     this.parent.setRecordValue('taskId', e.addedRecords[0][this.parent.taskFields.id], args.data.ganttProperties, true);
-                                    this.parent.setRecordValue('taskData.' + this.parent.taskFields.id, e.addedRecords[0][this.parent.taskFields.id], args.data);
+                                    this.parent.setRecordValue('taskData', e.addedRecords[0], args.data);
                                     this.parent.setRecordValue(this.parent.taskFields.id, e.addedRecords[0][this.parent.taskFields.id], args.data);
                                     this.parent.setRecordValue('rowUniqueID', e.addedRecords[0][this.parent.taskFields.id].toString(), args.data.ganttProperties, true);
                                     const idsIndex = this.parent.ids.indexOf(prevID);