devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
865 lines (864 loc) • 43.1 kB
JavaScript
/**
* DevExtreme (esm/ui/gantt/ui.gantt.js)
* Version: 21.2.4
* Build date: Mon Dec 06 2021
*
* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
import {
getHeight
} from "../../core/utils/size";
import $ from "../../core/renderer";
import {
compileGetter,
compileSetter
} from "../../core/utils/data";
import {
extend
} from "../../core/utils/extend";
import {
getWindow
} from "../../core/utils/window";
import {
isDefined
} from "../../core/utils/type";
import {
ModelChangesListener
} from "./ui.gantt.model_changes_listener";
import DataOption from "./ui.gantt.data.option";
import LoadPanel from "../load_panel";
import registerComponent from "../../core/component_registrator";
import SplitterControl from "../splitter";
import Widget from "../widget/ui.widget";
import {
GanttActionsManager
} from "./ui.gantt.actions";
import {
GanttCustomFieldsManager
} from "./ui.gantt.custom_fields";
import {
GanttDialog
} from "./ui.gantt.dialogs";
import {
GanttExportHelper
} from "./ui.gantt.export_helper";
import {
GanttHelper
} from "./ui.gantt.helper";
import {
GanttMappingHelper
} from "./ui.gantt.mapping_helper";
import {
GanttSizeHelper
} from "./ui.gantt.size_helper";
import {
GanttTemplatesManager
} from "./ui.gantt.templates";
import {
GanttToolbar,
GanttContextMenuBar
} from "./ui.gantt.bars";
import {
GanttTreeList
} from "./ui.gantt.treelist";
import {
GanttView
} from "./ui.gantt.view";
var window = getWindow();
var GANTT_CLASS = "dx-gantt";
var GANTT_VIEW_CLASS = "dx-gantt-view";
var GANTT_TREE_LIST_WRAPPER = "dx-gantt-treelist-wrapper";
var GANTT_TOOLBAR_WRAPPER = "dx-gantt-toolbar-wrapper";
var GANTT_MAIN_WRAPPER = "dx-gantt-main-wrapper";
var GANTT_TASKS = "tasks";
var GANTT_DEPENDENCIES = "dependencies";
var GANTT_RESOURCES = "resources";
var GANTT_RESOURCE_ASSIGNMENTS = "resourceAssignments";
var GANTT_NEW_TASK_CACHE_KEY = "gantt_new_task_key";
class Gantt extends Widget {
_init() {
super._init();
this._initGantt();
this._isGanttRendered = false;
this._initHelpers()
}
_initGantt() {
this._refreshDataSources()
}
_initMarkup() {
super._initMarkup();
this.$element().addClass(GANTT_CLASS);
this._$toolbarWrapper = $("<div>").addClass(GANTT_TOOLBAR_WRAPPER).appendTo(this.$element());
this._$toolbar = $("<div>").appendTo(this._$toolbarWrapper);
this._$mainWrapper = $("<div>").addClass(GANTT_MAIN_WRAPPER).appendTo(this.$element());
this._$treeListWrapper = $("<div>").addClass(GANTT_TREE_LIST_WRAPPER).appendTo(this._$mainWrapper);
this._$treeList = $("<div>").appendTo(this._$treeListWrapper);
this._$splitter = $("<div>").appendTo(this._$mainWrapper);
this._$ganttView = $("<div>").addClass(GANTT_VIEW_CLASS).appendTo(this._$mainWrapper);
this._$dialog = $("<div>").appendTo(this.$element());
this._$loadPanel = $("<div>").appendTo(this.$element());
this._$contextMenu = $("<div>").appendTo(this.$element())
}
_clean() {
var _this$_ganttView;
null === (_this$_ganttView = this._ganttView) || void 0 === _this$_ganttView ? void 0 : _this$_ganttView._ganttViewCore.cleanMarkup();
delete this._ganttView;
delete this._dialogInstance;
delete this._loadPanel;
delete this._exportHelper;
super._clean()
}
_refresh() {
this._isGanttRendered = false;
super._refresh()
}
_refreshDataSources() {
this._refreshDataSource(GANTT_TASKS);
this._refreshDataSource(GANTT_DEPENDENCIES);
this._refreshDataSource(GANTT_RESOURCES);
this._refreshDataSource(GANTT_RESOURCE_ASSIGNMENTS)
}
_renderContent() {
this._isMainElementVisible = this.$element().is(":visible");
if (this._isMainElementVisible && !this._isGanttRendered) {
this._isGanttRendered = true;
this._renderBars();
this._renderTreeList();
this._renderSplitter()
}
}
_renderTreeList() {
this._ganttTreeList = new GanttTreeList(this);
this._treeList = this._ganttTreeList.getTreeList();
this._ganttTreeList.onAfterTreeListCreate()
}
_renderSplitter() {
this._splitter = this._createComponent(this._$splitter, SplitterControl, {
container: this.$element(),
leftElement: this._$treeListWrapper,
rightElement: this._$ganttView,
onApplyPanelSize: e => {
this._sizeHelper.onApplyPanelSize(e)
}
});
this._splitter.option("initialLeftPanelWidth", this.option("taskListWidth"))
}
_renderBars() {
this._bars = [];
this._toolbar = new GanttToolbar(this._$toolbar, this);
this._updateToolbarContent();
this._bars.push(this._toolbar);
this._contextMenuBar = new GanttContextMenuBar(this._$contextMenu, this);
this._updateContextMenu();
this._bars.push(this._contextMenuBar)
}
_initHelpers() {
this._mappingHelper = new GanttMappingHelper(this);
this._customFieldsManager = new GanttCustomFieldsManager(this);
this._actionsManager = new GanttActionsManager(this);
this._ganttTemplatesManager = new GanttTemplatesManager(this);
this._sizeHelper = new GanttSizeHelper(this)
}
_initGanttView() {
if (this._ganttView) {
return
}
this._ganttView = this._createComponent(this._$ganttView, GanttView, {
width: "100%",
height: this._ganttTreeList.getOffsetHeight(),
rowHeight: this._ganttTreeList.getRowHeight(),
headerHeight: this._ganttTreeList.getHeaderHeight(),
tasks: this._tasks,
dependencies: this._dependencies,
resources: this._resources,
resourceAssignments: this._resourceAssignments,
allowSelection: this.option("allowSelection"),
selectedRowKey: this.option("selectedRowKey"),
showResources: this.option("showResources"),
showDependencies: this.option("showDependencies"),
startDateRange: this.option("startDateRange"),
endDateRange: this.option("endDateRange"),
taskTitlePosition: this.option("taskTitlePosition"),
firstDayOfWeek: this.option("firstDayOfWeek"),
showRowLines: this.option("showRowLines"),
scaleType: this.option("scaleType"),
scaleTypeRange: this.option("scaleTypeRange"),
editing: this.option("editing"),
validation: this.option("validation"),
stripLines: this.option("stripLines"),
bars: this._bars,
mainElement: this.$element(),
onSelectionChanged: e => {
this._ganttTreeList.selectRows(GanttHelper.getArrayFromOneElement(e.id))
},
onScroll: e => {
this._ganttTreeList.scrollBy(e.scrollTop)
},
onDialogShowing: this._showDialog.bind(this),
onPopupMenuShowing: this._showPopupMenu.bind(this),
onExpandAll: this._expandAll.bind(this),
onCollapseAll: this._collapseAll.bind(this),
modelChangesListener: ModelChangesListener.create(this),
exportHelper: this._getExportHelper(),
taskTooltipContentTemplate: this._ganttTemplatesManager.getTaskTooltipContentTemplateFunc(this.option("taskTooltipContentTemplate")),
taskProgressTooltipContentTemplate: this._ganttTemplatesManager.getTaskProgressTooltipContentTemplateFunc(this.option("taskProgressTooltipContentTemplate")),
taskTimeTooltipContentTemplate: this._ganttTemplatesManager.getTaskTimeTooltipContentTemplateFunc(this.option("taskTimeTooltipContentTemplate")),
taskContentTemplate: this._ganttTemplatesManager.getTaskContentTemplateFunc(this.option("taskContentTemplate")),
onTaskClick: e => {
this._ganttTreeList.onRowClick(e)
},
onTaskDblClick: e => {
this._ganttTreeList.onRowDblClick(e)
},
onAdjustControl: () => {
this._sizeHelper.onAdjustControl()
}
});
this._fireContentReadyAction()
}
_refreshDataSource(name) {
var dataOption = this["_".concat(name, "Option")];
if (dataOption) {
dataOption.dispose();
delete this["_".concat(name, "Option")];
delete this["_".concat(name)]
}
dataOption = new DataOption(name, this._getLoadPanel.bind(this), (name, data) => {
this._dataSourceChanged(name, data)
});
dataOption.option("dataSource", this._getSpecificDataSourceOption(name));
dataOption._refreshDataSource();
this["_".concat(name, "Option")] = dataOption
}
_getSpecificDataSourceOption(name) {
var dataSource = this.option("".concat(name, ".dataSource"));
if (!dataSource || Array.isArray(dataSource)) {
return {
store: {
type: "array",
data: null !== dataSource && void 0 !== dataSource ? dataSource : [],
key: this.option("".concat(name, ".keyExpr"))
}
}
}
return dataSource
}
_dataSourceChanged(dataSourceName, data) {
var getters = GanttHelper.compileGettersByOption(this.option(dataSourceName));
var validatedData = this._validateSourceData(dataSourceName, data);
var mappedData = validatedData.map(GanttHelper.prepareMapHandler(getters));
this["_".concat(dataSourceName)] = mappedData;
this._setGanttViewOption(dataSourceName, mappedData);
if (dataSourceName === GANTT_TASKS) {
var _this$_ganttTreeList, _this$_ganttTreeList2;
this._tasksRaw = validatedData;
var forceUpdate = !(null !== (_this$_ganttTreeList = this._ganttTreeList) && void 0 !== _this$_ganttTreeList && _this$_ganttTreeList.getDataSource()) && !this._ganttView;
null === (_this$_ganttTreeList2 = this._ganttTreeList) || void 0 === _this$_ganttTreeList2 ? void 0 : _this$_ganttTreeList2.updateDataSource(validatedData, forceUpdate)
}
}
_validateSourceData(dataSourceName, data) {
return data && dataSourceName === GANTT_TASKS ? this._validateTaskData(data) : data
}
_validateTaskData(data) {
var _this$option;
var keyGetter = compileGetter(this.option("".concat(GANTT_TASKS, ".keyExpr")));
var parentIdGetter = compileGetter(this.option("".concat(GANTT_TASKS, ".parentIdExpr")));
var rootValue = null !== (_this$option = this.option("rootValue")) && void 0 !== _this$option ? _this$option : "dx_dxt_gantt_default_root_value";
var validationTree = {};
for (var i = 0; i < data.length; i++) {
var item = data[i];
if (item) {
var _validationTree$key;
var key = keyGetter(item);
var isRootTask = key === rootValue;
var treeItem = null !== (_validationTree$key = validationTree[key]) && void 0 !== _validationTree$key ? _validationTree$key : validationTree[key] = {
key: key,
children: []
};
if (!isRootTask) {
var _parentIdGetter, _validationTree$paren;
var parentId = null !== (_parentIdGetter = parentIdGetter(item)) && void 0 !== _parentIdGetter ? _parentIdGetter : rootValue;
var parentTreeItem = null !== (_validationTree$paren = validationTree[parentId]) && void 0 !== _validationTree$paren ? _validationTree$paren : validationTree[parentId] = {
key: parentId,
children: []
};
parentTreeItem.children.push(treeItem);
treeItem.parent = parentTreeItem
}
}
}
var validKeys = [rootValue];
this._appendChildKeys(validationTree[rootValue], validKeys);
return data.filter(item => validKeys.indexOf(keyGetter(item)) > -1)
}
_appendChildKeys(treeItem, keys) {
var children = null === treeItem || void 0 === treeItem ? void 0 : treeItem.children;
for (var i = 0; i < (null === children || void 0 === children ? void 0 : children.length); i++) {
var child = children[i];
keys.push(child.key);
this._appendChildKeys(child, keys)
}
}
_onRecordInserted(optionName, record, callback) {
var dataOption = this["_".concat(optionName, "Option")];
if (dataOption) {
var data = GanttHelper.getStoreObject(this.option(optionName), record);
var isTaskInsert = optionName === GANTT_TASKS;
if (isTaskInsert) {
this._customFieldsManager.addCustomFieldsDataFromCache(GANTT_NEW_TASK_CACHE_KEY, data)
}
dataOption.insert(data, response => {
var keyGetter = compileGetter(this.option("".concat(optionName, ".keyExpr")));
var insertedId = keyGetter(response);
callback(insertedId);
dataOption._reloadDataSource().done(data => {
if (isTaskInsert) {
this._ganttTreeList.onTaskInserted(insertedId, record.parentId)
}
});
this._actionsManager.raiseInsertedAction(optionName, data, insertedId)
})
}
}
_onRecordUpdated(optionName, key, fieldName, value) {
var dataOption = this["_".concat(optionName, "Option")];
var isTaskUpdated = optionName === GANTT_TASKS;
if (dataOption) {
var setter = compileSetter(this.option("".concat(optionName, ".").concat(fieldName, "Expr")));
var data = {};
setter(data, value);
var hasCustomFieldsData = isTaskUpdated && this._customFieldsManager.cache.hasData(key);
if (hasCustomFieldsData) {
this._customFieldsManager.addCustomFieldsDataFromCache(key, data)
}
dataOption.update(key, data, () => {
dataOption._reloadDataSource();
this._actionsManager.raiseUpdatedAction(optionName, data, key)
})
}
}
_onRecordRemoved(optionName, key, data) {
var dataOption = this["_".concat(optionName, "Option")];
if (dataOption) {
dataOption.remove(key, () => {
dataOption._reloadDataSource();
this._actionsManager.raiseDeletedAction(optionName, key, this._mappingHelper.convertCoreToMappedData(optionName, data))
})
}
}
_onParentTaskUpdated(data) {
var mappedData = this.getTaskDataByCoreData(data);
this._actionsManager.raiseUpdatedAction(GANTT_TASKS, mappedData, data.id)
}
_onParentTasksRecalculated(data) {
if (!this.isSieving) {
var _this$_ganttTreeList3;
var setters = GanttHelper.compileSettersByOption(this.option(GANTT_TASKS));
var treeDataSource = this._customFieldsManager.appendCustomFields(data.map(GanttHelper.prepareSetterMapHandler(setters)));
null === (_this$_ganttTreeList3 = this._ganttTreeList) || void 0 === _this$_ganttTreeList3 ? void 0 : _this$_ganttTreeList3.setOption("dataSource", treeDataSource)
}
this.isSieving = false
}
_sortAndFilter() {
var columns = this._treeList.getVisibleColumns();
var sortColumn = columns.filter(c => 0 === c.sortIndex)[0];
var filterColumn = columns.filter(c => {
var _c$filterValues;
return isDefined(c.filterValue) || (null === (_c$filterValues = c.filterValues) || void 0 === _c$filterValues ? void 0 : _c$filterValues.length)
})[0];
var sieveColumn = sortColumn || filterColumn;
var isClearSieving = this.sieveColumn && !sieveColumn;
if (sieveColumn || isClearSieving) {
var sievedItems = this._ganttTreeList.getSievedItems();
var sieveOptions = {
sievedItems: sievedItems,
sieveColumn: sieveColumn
};
this.isSieving = !isClearSieving;
this._setGanttViewOption("sieve", isClearSieving ? void 0 : sieveOptions)
}
this.sieveColumn = sieveColumn
}
_getToolbarItems() {
var items = this.option("toolbar.items");
return items ? items : []
}
_updateToolbarContent() {
var items = this._getToolbarItems();
if (items.length) {
this._$toolbarWrapper.show()
} else {
this._$toolbarWrapper.hide()
}
this._toolbar && this._toolbar.createItems(items);
this._updateBarItemsState()
}
_updateContextMenu() {
var contextMenuOptions = this.option("contextMenu");
if (contextMenuOptions.enabled && this._contextMenuBar) {
this._contextMenuBar.createItems(contextMenuOptions.items);
this._updateBarItemsState()
}
}
_updateBarItemsState() {
this._ganttView && this._ganttView.updateBarItemsState()
}
_showDialog(e) {
if (!this._dialogInstance) {
this._dialogInstance = new GanttDialog(this, this._$dialog)
}
this._dialogInstance.show(e.name, e.parameters, e.callback, e.afterClosing, this.option("editing"))
}
_showPopupMenu(info) {
if (this.option("contextMenu.enabled")) {
this._ganttView.getBarManager().updateContextMenu();
var args = {
cancel: false,
event: info.event,
targetType: info.type,
targetKey: info.key,
items: extend(true, [], this._contextMenuBar._items),
data: "task" === info.type ? this.getTaskData(info.key) : this.getDependencyData(info.key)
};
this._actionsManager.raiseContextMenuPreparing(args);
if (!args.cancel) {
this._contextMenuBar.show(info.position, args.items)
}
}
}
_getLoadPanel() {
if (!this._loadPanel) {
this._loadPanel = this._createComponent(this._$loadPanel, LoadPanel, {
position: {
of: this.$element()
}
})
}
return this._loadPanel
}
_getTaskKeyGetter() {
return compileGetter(this.option("".concat(GANTT_TASKS, ".keyExpr")))
}
_setGanttViewOption(optionName, value) {
this._ganttView && this._ganttView.option(optionName, value)
}
_getGanttViewOption(optionName, value) {
var _this$_ganttView2;
return null === (_this$_ganttView2 = this._ganttView) || void 0 === _this$_ganttView2 ? void 0 : _this$_ganttView2.option(optionName)
}
_getExportHelper() {
var _this$_exportHelper;
null !== (_this$_exportHelper = this._exportHelper) && void 0 !== _this$_exportHelper ? _this$_exportHelper : this._exportHelper = new GanttExportHelper(this);
return this._exportHelper
}
_executeCoreCommand(id) {
this._ganttView.executeCoreCommand(id)
}
_expandAll() {
this._changeExpandAll(true)
}
_collapseAll() {
this._changeExpandAll(false)
}
_onTreeListRowExpandChanged(e, expanded) {
if (!this._lockRowExpandEvent) {
this._ganttView.changeTaskExpanded(e.key, expanded);
this._sizeHelper.adjustHeight()
}
}
_changeExpandAll(expanded, level, rowKey) {
var _promise;
var allExpandableNodes = [];
var nodesToExpand = [];
this._treeList.forEachNode(node => {
var _node$children;
if (null !== (_node$children = node.children) && void 0 !== _node$children && _node$children.length) {
allExpandableNodes.push(node)
}
});
if (rowKey) {
var node = this._treeList.getNodeByKey(rowKey);
GanttHelper.getAllParentNodesKeys(node, nodesToExpand)
}
var promise;
this._lockRowExpandEvent = allExpandableNodes.length > 0;
var state = allExpandableNodes.reduce((previous, node, index) => {
if (rowKey) {
expanded = nodesToExpand.includes(node.key)
} else if (level) {
expanded = node.level < level
}
previous[node.key] = expanded;
var action = expanded ? this._treeList.expandRow : this._treeList.collapseRow;
var isLast = index === allExpandableNodes.length - 1;
if (isLast) {
promise = action(node.key)
} else {
action(node.key)
}
return previous
}, {});
null === (_promise = promise) || void 0 === _promise ? void 0 : _promise.then(() => {
this._ganttView._ganttViewCore.applyTasksExpandedState(state);
this._sizeHelper.adjustHeight();
delete this._lockRowExpandEvent
})
}
getTaskResources(key) {
if (!isDefined(key)) {
return null
}
var coreData = this._ganttView._ganttViewCore.getTaskResources(key);
return coreData.map(r => this._mappingHelper.convertCoreToMappedData(GANTT_RESOURCES, r))
}
getVisibleTaskKeys() {
return this._ganttView._ganttViewCore.getVisibleTaskKeys()
}
getVisibleDependencyKeys() {
return this._ganttView._ganttViewCore.getVisibleDependencyKeys()
}
getVisibleResourceKeys() {
return this._ganttView._ganttViewCore.getVisibleResourceKeys()
}
getVisibleResourceAssignmentKeys() {
return this._ganttView._ganttViewCore.getVisibleResourceAssignmentKeys()
}
getTaskData(key) {
if (!isDefined(key)) {
return null
}
var coreData = this._ganttView._ganttViewCore.getTaskData(key);
var mappedData = this.getTaskDataByCoreData(coreData);
return mappedData
}
getTaskDataByCoreData(coreData) {
var mappedData = coreData ? this._mappingHelper.convertCoreToMappedData(GANTT_TASKS, coreData) : null;
this._customFieldsManager.addCustomFieldsData(coreData.id, mappedData);
return mappedData
}
insertTask(data) {
this._customFieldsManager.saveCustomFieldsDataToCache(GANTT_NEW_TASK_CACHE_KEY, data);
this._ganttView._ganttViewCore.insertTask(this._mappingHelper.convertMappedToCoreData(GANTT_TASKS, data))
}
deleteTask(key) {
this._ganttView._ganttViewCore.deleteTask(key)
}
updateTask(key, data) {
var coreTaskData = this._mappingHelper.convertMappedToCoreData(GANTT_TASKS, data);
var isCustomFieldsUpdateOnly = !Object.keys(coreTaskData).length;
this._customFieldsManager.saveCustomFieldsDataToCache(key, data, true, isCustomFieldsUpdateOnly);
if (isCustomFieldsUpdateOnly) {
var customFieldsData = this._customFieldsManager._getCustomFieldsData(data);
if (Object.keys(customFieldsData).length > 0) {
this._actionsManager.raiseUpdatingAction(GANTT_TASKS, {
cancel: false,
key: key,
newValues: {}
})
}
} else {
this._ganttView._ganttViewCore.updateTask(key, coreTaskData)
}
}
getDependencyData(key) {
if (!isDefined(key)) {
return null
}
var coreData = this._ganttView._ganttViewCore.getDependencyData(key);
return coreData ? this._mappingHelper.convertCoreToMappedData(GANTT_DEPENDENCIES, coreData) : null
}
insertDependency(data) {
this._ganttView._ganttViewCore.insertDependency(this._mappingHelper.convertMappedToCoreData(GANTT_DEPENDENCIES, data))
}
deleteDependency(key) {
this._ganttView._ganttViewCore.deleteDependency(key)
}
getResourceData(key) {
var coreData = this._ganttView._ganttViewCore.getResourceData(key);
return coreData ? this._mappingHelper.convertCoreToMappedData(GANTT_RESOURCES, coreData) : null
}
deleteResource(key) {
this._ganttView._ganttViewCore.deleteResource(key)
}
insertResource(data, taskKeys) {
this._ganttView._ganttViewCore.insertResource(this._mappingHelper.convertMappedToCoreData(GANTT_RESOURCES, data), taskKeys)
}
getResourceAssignmentData(key) {
var coreData = this._ganttView._ganttViewCore.getResourceAssignmentData(key);
return coreData ? this._mappingHelper.convertCoreToMappedData(GANTT_RESOURCE_ASSIGNMENTS, coreData) : null
}
assignResourceToTask(resourceKey, taskKey) {
this._ganttView._ganttViewCore.assignResourceToTask(resourceKey, taskKey)
}
unassignResourceFromTask(resourceKey, taskKey) {
this._ganttView._ganttViewCore.unassignResourceFromTask(resourceKey, taskKey)
}
unassignAllResourcesFromTask(taskKey) {
this._ganttView._ganttViewCore.unassignAllResourcesFromTask(taskKey)
}
updateDimensions() {
this._sizeHelper.onAdjustControl()
}
scrollToDate(date) {
this._ganttView._ganttViewCore.scrollToDate(date)
}
showResourceManagerDialog() {
this._ganttView._ganttViewCore.showResourcesDialog()
}
showTaskDetailsDialog(taskKey) {
this._ganttView._ganttViewCore.showTaskDetailsDialog(taskKey)
}
exportToPdf(options) {
return this._exportToPdf(options)
}
_exportToPdf(options) {
var _fullOptions$pdfDocum, _fullOptions$docCreat, _window$jspdf$jsPDF, _window$jspdf, _fullOptions$format;
this._exportHelper.reset();
var fullOptions = extend({}, options);
if (fullOptions.createDocumentMethod) {
fullOptions.docCreateMethod = fullOptions.createDocumentMethod
}
null !== (_fullOptions$pdfDocum = fullOptions.pdfDocument) && void 0 !== _fullOptions$pdfDocum ? _fullOptions$pdfDocum : fullOptions.pdfDocument = fullOptions.jsPDFDocument;
null !== (_fullOptions$docCreat = fullOptions.docCreateMethod) && void 0 !== _fullOptions$docCreat ? _fullOptions$docCreat : fullOptions.docCreateMethod = null !== (_window$jspdf$jsPDF = null === (_window$jspdf = window.jspdf) || void 0 === _window$jspdf ? void 0 : _window$jspdf.jsPDF) && void 0 !== _window$jspdf$jsPDF ? _window$jspdf$jsPDF : window.jsPDF;
null !== (_fullOptions$format = fullOptions.format) && void 0 !== _fullOptions$format ? _fullOptions$format : fullOptions.format = "a4";
return new Promise(resolve => {
var _this$_ganttView3;
var doc = null === (_this$_ganttView3 = this._ganttView) || void 0 === _this$_ganttView3 ? void 0 : _this$_ganttView3._ganttViewCore.exportToPdf(fullOptions);
resolve(doc)
})
}
refresh() {
return new Promise((resolve, reject) => {
try {
this._refreshDataSources();
this._refresh();
resolve()
} catch (e) {
reject(e.message)
}
})
}
expandAll() {
this._expandAll()
}
collapseAll() {
this._collapseAll()
}
expandAllToLevel(level) {
this._changeExpandAll(false, level)
}
expandToTask(key) {
var _node$parent;
var node = this._treeList.getNodeByKey(key);
this._changeExpandAll(false, 0, null === node || void 0 === node ? void 0 : null === (_node$parent = node.parent) || void 0 === _node$parent ? void 0 : _node$parent.key)
}
collapseTask(key) {
this._treeList.collapseRow(key)
}
expandTask(key) {
this._treeList.expandRow(key)
}
showResources(value) {
this.option("showResources", value)
}
showDependencies(value) {
this.option("showDependencies", value)
}
zoomIn() {
this._ganttView._ganttViewCore.zoomIn()
}
zoomOut() {
this._ganttView._ganttViewCore.zoomOut()
}
_getDefaultOptions() {
return extend(super._getDefaultOptions(), GanttHelper.getDefaultOptions())
}
_optionChanged(args) {
var _this$_ganttTreeList4, _this$_sizeHelper, _this$_ganttTreeList5, _this$_actionsManager, _this$_actionsManager2, _this$_actionsManager3, _this$_actionsManager4, _this$_actionsManager5, _this$_actionsManager6, _this$_actionsManager7, _this$_actionsManager8, _this$_actionsManager9, _this$_actionsManager10, _this$_actionsManager11, _this$_actionsManager12, _this$_actionsManager13, _this$_actionsManager14, _this$_actionsManager15, _this$_actionsManager16, _this$_actionsManager17, _this$_actionsManager18, _this$_actionsManager19, _this$_actionsManager20, _this$_actionsManager21, _this$_actionsManager22, _this$_actionsManager23, _this$_actionsManager24, _this$_actionsManager25, _this$_actionsManager26, _this$_ganttTreeList6, _this$_ganttTreeList7, _this$_ganttTemplates, _this$_ganttTemplates2, _this$_ganttTemplates3, _this$_ganttTemplates4, _this$_ganttTreeList8, _this$_sizeHelper2, _this$_sizeHelper3, _this$_ganttTreeList9, _this$_ganttTreeList10, _this$_ganttTreeList11;
switch (args.name) {
case "tasks":
this._refreshDataSource(GANTT_TASKS);
break;
case "dependencies":
this._refreshDataSource(GANTT_DEPENDENCIES);
break;
case "resources":
this._refreshDataSource(GANTT_RESOURCES);
break;
case "resourceAssignments":
this._refreshDataSource(GANTT_RESOURCE_ASSIGNMENTS);
break;
case "columns":
null === (_this$_ganttTreeList4 = this._ganttTreeList) || void 0 === _this$_ganttTreeList4 ? void 0 : _this$_ganttTreeList4.setOption("columns", this._ganttTreeList.getColumns());
break;
case "taskListWidth":
null === (_this$_sizeHelper = this._sizeHelper) || void 0 === _this$_sizeHelper ? void 0 : _this$_sizeHelper.setInnerElementsWidth();
break;
case "showResources":
this._setGanttViewOption("showResources", args.value);
break;
case "showDependencies":
this._setGanttViewOption("showDependencies", args.value);
break;
case "taskTitlePosition":
this._setGanttViewOption("taskTitlePosition", args.value);
break;
case "firstDayOfWeek":
this._setGanttViewOption("firstDayOfWeek", args.value);
break;
case "startDateRange":
this._setGanttViewOption("startDateRange", args.value);
break;
case "endDateRange":
this._setGanttViewOption("endDateRange", args.value);
break;
case "selectedRowKey":
null === (_this$_ganttTreeList5 = this._ganttTreeList) || void 0 === _this$_ganttTreeList5 ? void 0 : _this$_ganttTreeList5.selectRows(GanttHelper.getArrayFromOneElement(args.value));
break;
case "onSelectionChanged":
null === (_this$_actionsManager = this._actionsManager) || void 0 === _this$_actionsManager ? void 0 : _this$_actionsManager.createSelectionChangedAction();
break;
case "onTaskClick":
null === (_this$_actionsManager2 = this._actionsManager) || void 0 === _this$_actionsManager2 ? void 0 : _this$_actionsManager2.createTaskClickAction();
break;
case "onTaskDblClick":
null === (_this$_actionsManager3 = this._actionsManager) || void 0 === _this$_actionsManager3 ? void 0 : _this$_actionsManager3.createTaskDblClickAction();
break;
case "onTaskInserting":
null === (_this$_actionsManager4 = this._actionsManager) || void 0 === _this$_actionsManager4 ? void 0 : _this$_actionsManager4.createTaskInsertingAction();
break;
case "onTaskInserted":
null === (_this$_actionsManager5 = this._actionsManager) || void 0 === _this$_actionsManager5 ? void 0 : _this$_actionsManager5.createTaskInsertedAction();
break;
case "onTaskDeleting":
null === (_this$_actionsManager6 = this._actionsManager) || void 0 === _this$_actionsManager6 ? void 0 : _this$_actionsManager6.createTaskDeletingAction();
break;
case "onTaskDeleted":
null === (_this$_actionsManager7 = this._actionsManager) || void 0 === _this$_actionsManager7 ? void 0 : _this$_actionsManager7.createTaskDeletedAction();
break;
case "onTaskUpdating":
null === (_this$_actionsManager8 = this._actionsManager) || void 0 === _this$_actionsManager8 ? void 0 : _this$_actionsManager8.createTaskUpdatingAction();
break;
case "onTaskUpdated":
null === (_this$_actionsManager9 = this._actionsManager) || void 0 === _this$_actionsManager9 ? void 0 : _this$_actionsManager9.createTaskUpdatedAction();
break;
case "onTaskMoving":
null === (_this$_actionsManager10 = this._actionsManager) || void 0 === _this$_actionsManager10 ? void 0 : _this$_actionsManager10.createTaskMovingAction();
break;
case "onTaskEditDialogShowing":
null === (_this$_actionsManager11 = this._actionsManager) || void 0 === _this$_actionsManager11 ? void 0 : _this$_actionsManager11.createTaskEditDialogShowingAction();
break;
case "onResourceManagerDialogShowing":
null === (_this$_actionsManager12 = this._actionsManager) || void 0 === _this$_actionsManager12 ? void 0 : _this$_actionsManager12.createResourceManagerDialogShowingAction();
break;
case "onDependencyInserting":
null === (_this$_actionsManager13 = this._actionsManager) || void 0 === _this$_actionsManager13 ? void 0 : _this$_actionsManager13.createDependencyInsertingAction();
break;
case "onDependencyInserted":
null === (_this$_actionsManager14 = this._actionsManager) || void 0 === _this$_actionsManager14 ? void 0 : _this$_actionsManager14.createDependencyInsertedAction();
break;
case "onDependencyDeleting":
null === (_this$_actionsManager15 = this._actionsManager) || void 0 === _this$_actionsManager15 ? void 0 : _this$_actionsManager15.createDependencyDeletingAction();
break;
case "onDependencyDeleted":
null === (_this$_actionsManager16 = this._actionsManager) || void 0 === _this$_actionsManager16 ? void 0 : _this$_actionsManager16.createDependencyDeletedAction();
break;
case "onResourceInserting":
null === (_this$_actionsManager17 = this._actionsManager) || void 0 === _this$_actionsManager17 ? void 0 : _this$_actionsManager17.createResourceInsertingAction();
break;
case "onResourceInserted":
null === (_this$_actionsManager18 = this._actionsManager) || void 0 === _this$_actionsManager18 ? void 0 : _this$_actionsManager18.createResourceInsertedAction();
break;
case "onResourceDeleting":
null === (_this$_actionsManager19 = this._actionsManager) || void 0 === _this$_actionsManager19 ? void 0 : _this$_actionsManager19.createResourceDeletingAction();
break;
case "onResourceDeleted":
null === (_this$_actionsManager20 = this._actionsManager) || void 0 === _this$_actionsManager20 ? void 0 : _this$_actionsManager20.createResourceDeletedAction();
break;
case "onResourceAssigning":
null === (_this$_actionsManager21 = this._actionsManager) || void 0 === _this$_actionsManager21 ? void 0 : _this$_actionsManager21.createResourceAssigningAction();
break;
case "onResourceAssigned":
null === (_this$_actionsManager22 = this._actionsManager) || void 0 === _this$_actionsManager22 ? void 0 : _this$_actionsManager22.createResourceAssignedAction();
break;
case "onResourceUnassigning":
null === (_this$_actionsManager23 = this._actionsManager) || void 0 === _this$_actionsManager23 ? void 0 : _this$_actionsManager23.createResourceUnassigningAction();
break;
case "onResourceUnassigned":
null === (_this$_actionsManager24 = this._actionsManager) || void 0 === _this$_actionsManager24 ? void 0 : _this$_actionsManager24.createResourceUnassignedAction();
break;
case "onCustomCommand":
null === (_this$_actionsManager25 = this._actionsManager) || void 0 === _this$_actionsManager25 ? void 0 : _this$_actionsManager25.createCustomCommandAction();
break;
case "onContextMenuPreparing":
null === (_this$_actionsManager26 = this._actionsManager) || void 0 === _this$_actionsManager26 ? void 0 : _this$_actionsManager26.createContextMenuPreparingAction();
break;
case "allowSelection":
null === (_this$_ganttTreeList6 = this._ganttTreeList) || void 0 === _this$_ganttTreeList6 ? void 0 : _this$_ganttTreeList6.setOption("selection.mode", GanttHelper.getSelectionMode(args.value));
this._setGanttViewOption("allowSelection", args.value);
break;
case "showRowLines":
null === (_this$_ganttTreeList7 = this._ganttTreeList) || void 0 === _this$_ganttTreeList7 ? void 0 : _this$_ganttTreeList7.setOption("showRowLines", args.value);
this._setGanttViewOption("showRowLines", args.value);
break;
case "stripLines":
this._setGanttViewOption("stripLines", args.value);
break;
case "scaleType":
this._setGanttViewOption("scaleType", args.value);
break;
case "scaleTypeRange":
this._setGanttViewOption("scaleTypeRange", this.option(args.name));
break;
case "editing":
this._setGanttViewOption("editing", this.option(args.name));
break;
case "validation":
this._setGanttViewOption("validation", this.option(args.name));
break;
case "toolbar":
this._updateToolbarContent();
break;
case "contextMenu":
this._updateContextMenu();
break;
case "taskTooltipContentTemplate":
this._setGanttViewOption("taskTooltipContentTemplate", null === (_this$_ganttTemplates = this._ganttTemplatesManager) || void 0 === _this$_ganttTemplates ? void 0 : _this$_ganttTemplates.getTaskTooltipContentTemplateFunc(args.value));
break;
case "taskProgressTooltipContentTemplate":
this._setGanttViewOption("taskProgressTooltipContentTemplate", null === (_this$_ganttTemplates2 = this._ganttTemplatesManager) || void 0 === _this$_ganttTemplates2 ? void 0 : _this$_ganttTemplates2.getTaskProgressTooltipContentTemplateFunc(args.value));
break;
case "taskTimeTooltipContentTemplate":
this._setGanttViewOption("taskTimeTooltipContentTemplate", null === (_this$_ganttTemplates3 = this._ganttTemplatesManager) || void 0 === _this$_ganttTemplates3 ? void 0 : _this$_ganttTemplates3.getTaskTimeTooltipContentTemplateFunc(args.value));
break;
case "taskContentTemplate":
this._setGanttViewOption("taskContentTemplate", null === (_this$_ganttTemplates4 = this._ganttTemplatesManager) || void 0 === _this$_ganttTemplates4 ? void 0 : _this$_ganttTemplates4.getTaskContentTemplateFunc(args.value));
break;
case "rootValue":
null === (_this$_ganttTreeList8 = this._ganttTreeList) || void 0 === _this$_ganttTreeList8 ? void 0 : _this$_ganttTreeList8.setOption("rootValue", args.value);
break;
case "width":
super._optionChanged(args);
null === (_this$_sizeHelper2 = this._sizeHelper) || void 0 === _this$_sizeHelper2 ? void 0 : _this$_sizeHelper2.updateGanttWidth();
break;
case "height":
super._optionChanged(args);
null === (_this$_sizeHelper3 = this._sizeHelper) || void 0 === _this$_sizeHelper3 ? void 0 : _this$_sizeHelper3.setGanttHeight(getHeight(this._$element));
break;
case "sorting":
null === (_this$_ganttTreeList9 = this._ganttTreeList) || void 0 === _this$_ganttTreeList9 ? void 0 : _this$_ganttTreeList9.setOption("sorting", this.option(args.name));
break;
case "filterRow":
null === (_this$_ganttTreeList10 = this._ganttTreeList) || void 0 === _this$_ganttTreeList10 ? void 0 : _this$_ganttTreeList10.setOption("filterRow", this.option(args.name));
break;
case "headerFilter":
null === (_this$_ganttTreeList11 = this._ganttTreeList) || void 0 === _this$_ganttTreeList11 ? void 0 : _this$_ganttTreeList11.setOption("headerFilter", this.option(args.name));
break;
default:
super._optionChanged(args)
}
}
}
registerComponent("dxGantt", Gantt);
export default Gantt;