').append(toggleButton).append(views).append(actionsWrap);\n if (views.find('li').length > 1) {\n views.prepend(VIEWBUTTONTEMPLATE({ styles: ganttStyles.toolbar }));\n }\n this.wrapper.prepend(toolbar);\n this.toolbar = toolbar;\n if (supportsMedia) {\n this._mediaQueryHandler = proxy(handler, this);\n this._mediaQuery = window.matchMedia('(max-width: 480px)');\n this._mediaQuery.addListener(this._mediaQueryHandler);\n }\n toolbar.on(CLICK + NS, viewsSelector, function (e) {\n e.preventDefault();\n var list = that.list;\n var name = $(this).attr(kendo.attr('name'));\n var currentView = views.find(DOT + ganttStyles.toolbar.currentView);\n if (currentView.is(':visible')) {\n currentView.parent().toggleClass(ganttStyles.toolbar.expanded);\n }\n if (list.editable && list.editable.trigger('validate')) {\n return;\n }\n if (!that.trigger('navigate', { view: name })) {\n that.view(name);\n }\n that.toolbar.find(DOT + ganttStyles.focused).removeClass(ganttStyles.focused);\n }).on('keydown' + NS, viewsSelector, function (e) {\n var views = $(DOT + ganttStyles.toolbar.views).children(':not(.k-current-view)');\n var focusedViewIndex = views.index(that._focusedView && that._focusedView[0] || views.closest(DOT + ganttStyles.selected)[0]);\n if (e.keyCode === keys.RIGHT) {\n $(that.toolbar.find(DOT + ganttStyles.focused)).removeClass(ganttStyles.focused);\n that._focusedView = focusedViewIndex + 1 === views.length ? $(views[0]) : $(views[focusedViewIndex + 1]);\n that._focusedView.focus().addClass(ganttStyles.focused);\n e.preventDefault();\n } else if (e.keyCode === keys.LEFT) {\n $(that.toolbar.find(DOT + ganttStyles.focused)).removeClass(ganttStyles.focused);\n that._focusedView = focusedViewIndex === 0 ? $(views[views.length - 1]) : $(views[focusedViewIndex - 1]);\n that._focusedView.focus().addClass(ganttStyles.focused);\n e.preventDefault();\n } else if (e.keyCode === keys.DOWN && that.toolbar.find(DOT + ganttStyles.toolbar.currentView).parent().hasClass(ganttStyles.toolbar.expanded)) {\n $(that.toolbar.find(DOT + ganttStyles.focused)).removeClass(ganttStyles.focused);\n that._focusedView = focusedViewIndex + 1 === views.length ? $(views[0]) : $(views[focusedViewIndex + 1]);\n that._focusedView.focus().addClass(ganttStyles.focused);\n e.preventDefault();\n } else if (e.keyCode === keys.UP && that.toolbar.find(DOT + ganttStyles.toolbar.currentView).parent().hasClass(ganttStyles.toolbar.expanded)) {\n $(that.toolbar.find(DOT + ganttStyles.focused)).removeClass(ganttStyles.focused);\n that._focusedView = focusedViewIndex === 0 ? $(views[views.length - 1]) : $(views[focusedViewIndex - 1]);\n that._focusedView.focus().addClass(ganttStyles.focused);\n e.preventDefault();\n } else if ((e.keyCode === keys.ENTER || e.keyCode === keys.SPACEBAR) && that._focusedView) {\n that.view(that._focusedView.text().toLowerCase());\n e.preventDefault();\n } else if ((e.keyCode === keys.SPACEBAR || e.keyCode === keys.ENTER || e.keyCode === keys.DOWN && e.altKey) && that.toolbar.find(DOT + ganttStyles.toolbar.currentView + ' > a').hasClass(ganttStyles.focused)) {\n that.toolbar.find(DOT + ganttStyles.toolbar.currentView).parent().toggleClass(ganttStyles.toolbar.expanded);\n e.preventDefault();\n } else if (e.keyCode === keys.ESC && that.toolbar.find(DOT + ganttStyles.toolbar.currentView).parent().hasClass(ganttStyles.toolbar.expanded)) {\n that.toolbar.find(DOT + ganttStyles.toolbar.currentView).parent().toggleClass(ganttStyles.toolbar.expanded).blur();\n that._focusedView = null;\n that.toolbar.find(DOT + ganttStyles.toolbar.currentView + ' > a').addClass(ganttStyles.focused).focus();\n e.preventDefault();\n } else if (e.keyCode >= 49 && e.keyCode <= 57) {\n that.view(that.timeline._viewByIndex(e.keyCode - 49));\n }\n }).on(CLICK + NS, pdfSelector, function (e) {\n e.preventDefault();\n that.saveAsPDF();\n }).on(CLICK + NS, toggleSelector, function (e) {\n e.preventDefault();\n if (treelist.is(':visible')) {\n treelist.css({\n 'display': 'none',\n 'width': '0'\n });\n timeline.css({\n 'display': 'inline-block',\n 'width': '100%'\n });\n that.refresh();\n timeline.find(contentSelector).scrollTop(that.scrollTop);\n } else {\n timeline.css({\n 'display': 'none',\n 'width': 0\n });\n treelist.css({\n 'display': 'inline-block',\n 'width': '100%',\n 'max-width': 'none'\n }).find(contentSelector).scrollTop(that.scrollTop);\n }\n that._resize();\n });\n this.wrapper.on('focusout' + NS, function (e) {\n if (!$(e.relatedTarget).closest(DOT + ganttStyles.toolbar.toolbar).length) {\n that.toolbar.find(DOT + ganttStyles.focused).removeClass(ganttStyles.focused);\n }\n if (!$(e.relatedTarget).closest(DOT + ganttStyles.toolbar.views).length) {\n that.toolbar.find(DOT + ganttStyles.toolbar.views).removeClass(ganttStyles.toolbar.expanded);\n }\n }).find(DOT + ganttStyles.toolbar.toolbar + ' li').hover(function () {\n $(this).addClass(hoveredClassName);\n }, function () {\n $(this).removeClass(hoveredClassName);\n });\n },\n _actions: function () {\n var options = this.options;\n var editable = options.editable;\n var actions = options.toolbar;\n var html = '';\n if (!isArray(actions)) {\n if (editable && editable.create !== false) {\n actions = ['append'];\n } else {\n return html;\n }\n }\n for (var i = 0, length = actions.length; i < length; i++) {\n html += this._createButton(actions[i]);\n }\n return html;\n },\n _footer: function () {\n var editable = this.options.editable;\n if (!editable || editable.create === false) {\n return;\n }\n var ganttStyles = Gantt.styles.toolbar;\n var messages = this.options.messages.actions;\n var button = $(kendo.template(BUTTON_TEMPLATE)(extend(true, { styles: ganttStyles }, defaultCommands.append, { text: messages.append })));\n var actionsWrap = $('
').append(button);\n var footer = $('
').append(actionsWrap);\n this.wrapper.append(footer);\n this.footer = footer;\n },\n _createButton: function (command) {\n var template = command.template || BUTTON_TEMPLATE;\n var messages = this.options.messages.actions;\n var commandName = typeof command === STRING ? command : command.name || command.text;\n var className = defaultCommands[commandName] ? defaultCommands[commandName].className : 'k-gantt-' + (commandName || '').replace(/\\s/g, '');\n var options = {\n iconClass: '',\n action: '',\n text: commandName,\n className: className,\n styles: Gantt.styles.toolbar\n };\n if (!commandName && !(isPlainObject(command) && command.template)) {\n throw new Error('Custom commands should have name specified');\n }\n options = extend(true, options, defaultCommands[commandName], { text: messages[commandName] });\n if (isPlainObject(command)) {\n if (command.className && inArray(options.className, command.className.split(' ')) < 0) {\n command.className += ' ' + options.className;\n }\n options = extend(true, options, command);\n }\n return kendo.template(template)(options);\n },\n _adjustDimensions: function () {\n var element = this.element;\n var ganttStyles = Gantt.styles;\n var listSelector = DOT + ganttStyles.list;\n var timelineSelector = DOT + ganttStyles.timeline;\n var splitBarSelector = DOT + ganttStyles.splitBar;\n var toolbarHeight = outerHeight(this.toolbar);\n var footerHeight = this.footer ? outerHeight(this.footer) : 0;\n var totalHeight = element.height();\n var totalWidth = element.width();\n var splitBarWidth = outerWidth(element.find(splitBarSelector));\n var treeListWidth = outerWidth(element.find(listSelector));\n element.children([\n listSelector,\n timelineSelector,\n splitBarSelector\n ].join(',')).height(totalHeight - (toolbarHeight + footerHeight)).end().children(timelineSelector).width(totalWidth - (splitBarWidth + treeListWidth));\n if (totalWidth < treeListWidth + splitBarWidth) {\n element.find(listSelector).width(totalWidth - splitBarWidth);\n }\n },\n _scrollTo: function (value) {\n var view = this.timeline.view();\n var list = this.list;\n var attr = kendo.attr('uid');\n var id = typeof value === 'string' ? value : value.closest('tr' + selector()).attr(attr);\n var action;\n var scrollTarget;\n var scrollIntoView = function () {\n if (scrollTarget.length !== 0) {\n action();\n }\n };\n if (view.content.is(':visible')) {\n scrollTarget = view.content.find(selector(id));\n action = function () {\n view._scrollTo(scrollTarget);\n };\n } else {\n scrollTarget = list.content.find(selector(id));\n action = function () {\n scrollTarget.get(0).scrollIntoView();\n };\n }\n scrollIntoView();\n },\n _dropDowns: function () {\n var that = this;\n var actionsSelector = DOT + Gantt.styles.toolbar.actions;\n var actionMessages = this.options.messages.actions;\n var timeline = this.timeline;\n var editable = this.options.editable;\n var handler = function (e) {\n var type = e.type;\n var orderId;\n var dataSource = that.dataSource;\n var task = dataSource._createNewModel();\n var selected = that.dataItem(that.select());\n var parent = dataSource.taskParent(selected);\n var firstSlot = timeline.view()._timeSlots()[0];\n var target = type === 'add' ? selected : parent;\n var editable = that.list.editable;\n if (editable && editable.trigger('validate')) {\n return;\n }\n task.set('title', 'New task');\n if (target) {\n task.set('parentId', target.get('id'));\n task.set('start', target.get('start'));\n task.set('end', target.get('end'));\n } else {\n task.set('start', firstSlot.start);\n task.set('end', firstSlot.end);\n }\n if (type !== 'add') {\n orderId = selected.get('orderId');\n orderId = type === 'insert-before' ? orderId : orderId + 1;\n }\n that._createTask(task, orderId);\n };\n if (!editable || editable.create === false) {\n return;\n }\n this.footerDropDown = new TaskDropDown(this.footer.children(actionsSelector).eq(0), {\n messages: { actions: actionMessages },\n direction: 'up',\n animation: { open: { effects: 'slideIn:up' } },\n navigatable: that.options.navigatable\n });\n this.headerDropDown = new TaskDropDown(this.toolbar.children(actionsSelector).eq(0), {\n messages: { actions: actionMessages },\n navigatable: that.options.navigatable\n });\n this.footerDropDown.bind('command', handler);\n this.headerDropDown.bind('command', handler);\n },\n _list: function () {\n var that = this;\n var navigatable = that.options.navigatable;\n var ganttStyles = Gantt.styles;\n var listWrapper = this.wrapper.find(DOT + ganttStyles.list);\n var element = listWrapper.find('> div');\n var toggleButtons = this.wrapper.find(DOT + ganttStyles.toolbar.actions + ' > button');\n var options = {\n columns: this.options.columns || [],\n dataSource: this.dataSource,\n selectable: this.options.selectable,\n editable: this.options.editable,\n resizable: this.options.resizable,\n columnResizeHandleWidth: this.options.columnResizeHandleWidth,\n listWidth: outerWidth(listWrapper),\n resourcesField: this.resources.field,\n rowHeight: this.options.rowHeight\n };\n var columns = options.columns;\n var column;\n var restoreFocus = function () {\n if (navigatable) {\n that._current(that._cachedCurrent);\n focusTable(that.list.content.find('table'), true);\n }\n delete that._cachedCurrent;\n };\n for (var i = 0; i < columns.length; i++) {\n column = columns[i];\n if (column.field === this.resources.field && typeof column.editor !== 'function') {\n column.editor = proxy(this._createResourceEditor, this);\n }\n }\n this.list = new kendo.ui.GanttList(element, options);\n this.list.bind('render', function () {\n that._navigatable();\n }, true).bind('edit', function (e) {\n that._cachedCurrent = e.cell;\n if (that.trigger('edit', {\n task: e.model,\n container: e.cell\n })) {\n e.preventDefault();\n }\n }).bind('cancel', function (e) {\n if (that.trigger('cancel', {\n task: e.model,\n container: e.cell\n })) {\n e.preventDefault();\n }\n restoreFocus();\n }).bind('update', function (e) {\n that._updateTask(e.task, e.updateInfo);\n restoreFocus();\n }).bind('change', function () {\n that.trigger('change');\n var selection = that.list.select();\n if (selection.length) {\n toggleButtons.removeAttr('data-action', 'add');\n that.timeline.select('[data-uid=\\'' + selection.attr('data-uid') + '\\']');\n } else {\n toggleButtons.attr('data-action', 'add');\n that.timeline.clearSelection();\n }\n }).bind('columnResize', function (e) {\n that.trigger('columnResize', {\n column: e.column,\n oldWidth: e.oldWidth,\n newWidth: e.newWidth\n });\n });\n },\n _timeline: function () {\n var that = this;\n var ganttStyles = Gantt.styles;\n var options = trimOptions(extend(true, { resourcesField: this.resources.field }, this.options));\n var element = this.wrapper.find(DOT + ganttStyles.timeline + ' > div');\n var currentViewSelector = DOT + ganttStyles.toolbar.currentView + ' > ' + DOT + ganttStyles.toolbar.link;\n this.timeline = new kendo.ui.GanttTimeline(element, options);\n this.timeline.bind('navigate', function (e) {\n var viewName = e.view.replace(/\\./g, '\\\\.').toLowerCase();\n var text = that.toolbar.find(DOT + ganttStyles.toolbar.views + ' > li').removeClass(ganttStyles.selected).end().find(DOT + ganttStyles.toolbar.viewButton + '-' + viewName).addClass(ganttStyles.selected).find(DOT + ganttStyles.toolbar.link).text();\n that.toolbar.find(currentViewSelector).text(text);\n that.refresh();\n }).bind('moveStart', function (e) {\n var editable = that.list.editable;\n if (editable && editable.trigger('validate')) {\n e.preventDefault();\n return;\n }\n if (that.trigger('moveStart', { task: e.task })) {\n e.preventDefault();\n }\n }).bind('move', function (e) {\n var task = e.task;\n var start = e.start;\n var end = new Date(start.getTime() + task.duration());\n if (that.trigger('move', {\n task: task,\n start: start,\n end: end\n })) {\n e.preventDefault();\n }\n }).bind('moveEnd', function (e) {\n var task = e.task;\n var start = e.start;\n var end = new Date(start.getTime() + task.duration());\n if (!that.trigger('moveEnd', {\n task: task,\n start: start,\n end: end\n })) {\n that._updateTask(that.dataSource.getByUid(task.uid), {\n start: start,\n end: end\n });\n }\n }).bind('resizeStart', function (e) {\n var editable = that.list.editable;\n if (editable && editable.trigger('validate')) {\n e.preventDefault();\n return;\n }\n if (that.trigger('resizeStart', { task: e.task })) {\n e.preventDefault();\n }\n }).bind('resize', function (e) {\n if (that.trigger('resize', {\n task: e.task,\n start: e.start,\n end: e.end\n })) {\n e.preventDefault();\n }\n }).bind('resizeEnd', function (e) {\n var task = e.task;\n var updateInfo = {};\n if (e.resizeStart) {\n updateInfo.start = e.start;\n } else {\n updateInfo.end = e.end;\n }\n if (!that.trigger('resizeEnd', {\n task: task,\n start: e.start,\n end: e.end\n })) {\n that._updateTask(that.dataSource.getByUid(task.uid), updateInfo);\n }\n }).bind('percentResizeStart', function (e) {\n var editable = that.list.editable;\n if (editable && editable.trigger('validate')) {\n e.preventDefault();\n }\n }).bind('percentResizeEnd', function (e) {\n that._updateTask(that.dataSource.getByUid(e.task.uid), { percentComplete: e.percentComplete });\n }).bind('dependencyDragStart', function (e) {\n var editable = that.list.editable;\n if (editable && editable.trigger('validate')) {\n e.preventDefault();\n }\n }).bind('dependencyDragEnd', function (e) {\n var dependency = that.dependencies._createNewModel({\n type: e.type,\n predecessorId: e.predecessor.id,\n successorId: e.successor.id\n });\n that._createDependency(dependency);\n }).bind('select', function (e) {\n var editable = that.list.editable;\n if (editable) {\n editable.trigger('validate');\n }\n that.select('[data-uid=\\'' + e.uid + '\\']');\n }).bind('editTask', function (e) {\n var editable = that.list.editable;\n if (editable && editable.trigger('validate')) {\n return;\n }\n that.editTask(e.uid);\n }).bind('clear', function () {\n that.clearSelection();\n }).bind('removeTask', function (e) {\n var editable = that.list.editable;\n if (editable && editable.trigger('validate')) {\n return;\n }\n that.removeTask(that.dataSource.getByUid(e.uid));\n }).bind('removeDependency', function (e) {\n var editable = that.list.editable;\n if (editable && editable.trigger('validate')) {\n return;\n }\n that.removeDependency(that.dependencies.getByUid(e.uid));\n });\n },\n _dataSource: function () {\n var options = this.options;\n var dataSource = options.dataSource;\n dataSource = isArray(dataSource) ? { data: dataSource } : dataSource;\n if (this.dataSource && this._refreshHandler) {\n this.dataSource.unbind('change', this._refreshHandler).unbind('progress', this._progressHandler).unbind('error', this._errorHandler);\n } else {\n this._refreshHandler = proxy(this.refresh, this);\n this._progressHandler = proxy(this._requestStart, this);\n this._errorHandler = proxy(this._error, this);\n }\n this.dataSource = kendo.data.GanttDataSource.create(dataSource).bind('change', this._refreshHandler).bind('progress', this._progressHandler).bind('error', this._errorHandler);\n },\n _dependencies: function () {\n var dependencies = this.options.dependencies || {};\n var dataSource = isArray(dependencies) ? { data: dependencies } : dependencies;\n if (this.dependencies && this._dependencyRefreshHandler) {\n this.dependencies.unbind('change', this._dependencyRefreshHandler).unbind('error', this._dependencyErrorHandler);\n } else {\n this._dependencyRefreshHandler = proxy(this.refreshDependencies, this);\n this._dependencyErrorHandler = proxy(this._error, this);\n }\n this.dependencies = kendo.data.GanttDependencyDataSource.create(dataSource).bind('change', this._dependencyRefreshHandler).bind('error', this._dependencyErrorHandler);\n },\n _resources: function () {\n var resources = this.options.resources;\n var dataSource = resources.dataSource || {};\n this.resources = {\n field: 'resources',\n dataTextField: 'name',\n dataColorField: 'color',\n dataFormatField: 'format'\n };\n extend(this.resources, resources);\n this.resources.dataSource = kendo.data.DataSource.create(dataSource);\n },\n _assignments: function () {\n var assignments = this.options.assignments;\n var dataSource = assignments.dataSource || {};\n if (this.assignments) {\n this.assignments.dataSource.unbind('change', this._assignmentsRefreshHandler);\n } else {\n this._assignmentsRefreshHandler = proxy(this.refresh, this);\n }\n this.assignments = {\n dataTaskIdField: 'taskId',\n dataResourceIdField: 'resourceId',\n dataValueField: 'value'\n };\n extend(this.assignments, assignments);\n this.assignments.dataSource = kendo.data.DataSource.create(dataSource);\n this.assignments.dataSource.bind('change', this._assignmentsRefreshHandler);\n },\n _createEditor: function () {\n var that = this;\n var editor = this._editor = new PopupEditor(this.wrapper, extend({}, this.options, {\n target: this,\n resources: {\n field: this.resources.field,\n editor: proxy(this._createResourceEditor, this)\n },\n createButton: proxy(this._createPopupButton, this)\n }));\n editor.bind('cancel', function (e) {\n var task = that.dataSource.getByUid(e.model.uid);\n if (that.trigger('cancel', {\n container: e.container,\n task: task\n })) {\n e.preventDefault();\n return;\n }\n that.cancelTask();\n }).bind('edit', function (e) {\n var task = that.dataSource.getByUid(e.model.uid);\n if (that.trigger('edit', {\n container: e.container,\n task: task\n })) {\n e.preventDefault();\n }\n }).bind('save', function (e) {\n var task = that.dataSource.getByUid(e.model.uid);\n that.saveTask(task, e.updateInfo);\n }).bind('remove', function (e) {\n that.removeTask(e.model.uid);\n }).bind('close', that._onDialogClose);\n },\n _onDialogClose: function () {\n },\n _createResourceEditor: function (container, options) {\n var that = this;\n var model = options instanceof ObservableObject ? options : options.model;\n var id = model.get('id');\n var messages = this.options.messages;\n var resourcesField = this.resources.field;\n var unitsValidation = { step: 0.01 };\n var assignmentsModel = this.assignments.dataSource.options.schema.model;\n if (assignmentsModel && assignmentsModel.fields.Units && assignmentsModel.fields.Units.validation) {\n extend(true, unitsValidation, assignmentsModel.fields.Units.validation);\n }\n var editor = this._resourceEditor = new ResourceEditor(container, {\n resourcesField: resourcesField,\n unitsValidation: unitsValidation,\n data: this._wrapResourceData(id),\n model: model,\n messages: extend({}, messages.editor),\n buttons: [\n {\n name: 'update',\n text: messages.save,\n className: Gantt.styles.primary\n },\n {\n name: 'cancel',\n text: messages.cancel\n }\n ],\n createButton: proxy(this._createPopupButton, this),\n save: function (e) {\n that._updateAssignments(e.model.get('id'), e.model.get(resourcesField));\n }\n });\n editor.open();\n },\n _createPopupButton: function (command) {\n var commandName = command.name || command.text;\n var options = {\n className: Gantt.styles.popup.button + ' k-gantt-' + (commandName || '').replace(/\\s/g, ''),\n text: commandName,\n attr: ''\n };\n if (!commandName && !(isPlainObject(command) && command.template)) {\n throw new Error('Custom commands should have name specified');\n }\n if (isPlainObject(command)) {\n if (command.className) {\n command.className += ' ' + options.className;\n }\n options = extend(true, options, command);\n }\n return kendo.template(COMMAND_BUTTON_TEMPLATE)(options);\n },\n view: function (type) {\n return this.timeline.view(type);\n },\n range: function (range) {\n var dataSource = this.dataSource;\n var view = this.view();\n var timeline = this.timeline;\n if (range) {\n view.options.range = {\n start: range.start,\n end: range.end\n };\n timeline._render(dataSource.taskTree());\n timeline._renderDependencies(this.dependencies.view());\n }\n return {\n start: view.start,\n end: view.end\n };\n },\n date: function (date) {\n var view = this.view();\n if (date) {\n view.options.date = date;\n view._scrollToDate(date);\n }\n return view.options.date;\n },\n dataItem: function (value) {\n if (!value) {\n return null;\n }\n var list = this.list;\n var element = list.content.find(value);\n return list._modelFromElement(element);\n },\n setDataSource: function (dataSource) {\n this.options.dataSource = dataSource;\n this._dataSource();\n this.list._setDataSource(this.dataSource);\n if (this.options.autoBind) {\n dataSource.fetch();\n }\n },\n setDependenciesDataSource: function (dependencies) {\n this.options.dependencies = dependencies;\n this._dependencies();\n if (this.options.autoBind) {\n dependencies.fetch();\n }\n },\n items: function () {\n return this.wrapper.children('.k-task');\n },\n _updateAssignments: function (id, resources) {\n var dataSource = this.assignments.dataSource;\n var taskId = this.assignments.dataTaskIdField;\n var resourceId = this.assignments.dataResourceIdField;\n var hasMatch = false;\n var assignments = new Query(dataSource.view()).filter({\n field: taskId,\n operator: 'eq',\n value: id\n }).toArray();\n var assignment;\n var resource;\n var value;\n while (assignments.length) {\n assignment = assignments[0];\n for (var i = 0, length = resources.length; i < length; i++) {\n resource = resources[i];\n if (assignment.get(resourceId) === resource.get('id')) {\n value = resources[i].get('value');\n this._updateAssignment(assignment, value);\n resources.splice(i, 1);\n hasMatch = true;\n break;\n }\n }\n if (!hasMatch) {\n this._removeAssignment(assignment);\n }\n hasMatch = false;\n assignments.shift();\n }\n for (var j = 0, newLength = resources.length; j < newLength; j++) {\n resource = resources[j];\n this._createAssignment(resource, id);\n }\n dataSource.sync();\n },\n cancelTask: function () {\n var editor = this._editor;\n var container = editor.container;\n if (container) {\n editor.close();\n }\n },\n editTask: function (uid) {\n var task = typeof uid === 'string' ? this.dataSource.getByUid(uid) : uid;\n if (!task) {\n return;\n }\n var taskCopy = this.dataSource._createNewModel(task.toJSON());\n taskCopy.uid = task.uid;\n this.cancelTask();\n this._editTask(taskCopy);\n },\n _editTask: function (task) {\n this._editor.editTask(task);\n },\n saveTask: function (task, updateInfo) {\n var editor = this._editor;\n var container = editor.container;\n var editable = editor.editable;\n if (container && editable && editable.end()) {\n this._updateTask(task, updateInfo);\n }\n },\n _updateTask: function (task, updateInfo) {\n var resourcesField = this.resources.field;\n if (!this.trigger('save', {\n task: task,\n values: updateInfo\n })) {\n this._preventRefresh = true;\n this.dataSource.update(task, updateInfo);\n if (updateInfo[resourcesField]) {\n this._updateAssignments(task.get('id'), updateInfo[resourcesField]);\n }\n this._syncDataSource();\n }\n },\n _updateAssignment: function (assignment, value) {\n var resourceValueField = this.assignments.dataValueField;\n assignment.set(resourceValueField, value);\n },\n removeTask: function (uid) {\n var that = this;\n var task = typeof uid === 'string' ? this.dataSource.getByUid(uid) : uid;\n if (!task) {\n return;\n }\n this._taskConfirm(function (cancel) {\n if (!cancel) {\n that._removeTask(task);\n }\n }, task);\n },\n _createTask: function (task, index) {\n if (!this.trigger('add', {\n task: task,\n dependency: null\n })) {\n var dataSource = this.dataSource;\n this._preventRefresh = true;\n if (index === undefined) {\n dataSource.add(task);\n } else {\n dataSource.insert(index, task);\n }\n this._scrollToUid = task.uid;\n this._syncDataSource();\n }\n },\n _createDependency: function (dependency) {\n if (!this.trigger('add', {\n task: null,\n dependency: dependency\n })) {\n this._preventDependencyRefresh = true;\n this.dependencies.add(dependency);\n this._preventDependencyRefresh = false;\n this.dependencies.sync();\n }\n },\n _createAssignment: function (resource, id) {\n var assignments = this.assignments;\n var dataSource = assignments.dataSource;\n var taskId = assignments.dataTaskIdField;\n var resourceId = assignments.dataResourceIdField;\n var resourceValue = assignments.dataValueField;\n var assignment = dataSource._createNewModel();\n assignment[taskId] = id;\n assignment[resourceId] = resource.get('id');\n assignment[resourceValue] = resource.get('value');\n dataSource.add(assignment);\n },\n removeDependency: function (uid) {\n var that = this;\n var dependency = typeof uid === 'string' ? this.dependencies.getByUid(uid) : uid;\n if (!dependency) {\n return;\n }\n this._dependencyConfirm(function (cancel) {\n if (!cancel) {\n that._removeDependency(dependency);\n }\n }, dependency);\n },\n _removeTaskDependencies: function (task, dependencies) {\n this._preventDependencyRefresh = true;\n for (var i = 0, length = dependencies.length; i < length; i++) {\n this.dependencies.remove(dependencies[i]);\n }\n this._preventDependencyRefresh = false;\n this.dependencies.sync();\n },\n _removeTaskAssignments: function (task) {\n var dataSource = this.assignments.dataSource;\n var assignments = dataSource.view();\n var filter = {\n field: this.assignments.dataTaskIdField,\n operator: 'eq',\n value: task.get('id')\n };\n assignments = new Query(assignments).filter(filter).toArray();\n this._preventRefresh = true;\n for (var i = 0, length = assignments.length; i < length; i++) {\n dataSource.remove(assignments[i]);\n }\n this._preventRefresh = false;\n dataSource.sync();\n },\n _removeTask: function (task) {\n var dependencies = this.dependencies.dependencies(task.id);\n if (!this.trigger('remove', {\n task: task,\n dependencies: dependencies\n })) {\n this._removeTaskDependencies(task, dependencies);\n this._removeTaskAssignments(task);\n this._preventRefresh = true;\n if (this.dataSource.remove(task)) {\n this._syncDataSource();\n }\n this._preventRefresh = false;\n }\n },\n _removeDependency: function (dependency) {\n if (!this.trigger('remove', {\n task: null,\n dependencies: [dependency]\n })) {\n if (this.dependencies.remove(dependency)) {\n this.dependencies.sync();\n }\n }\n },\n _removeAssignment: function (assignment) {\n this.assignments.dataSource.remove(assignment);\n },\n _taskConfirm: function (callback, task) {\n var messages = this.options.messages;\n this._confirm(callback, {\n model: task,\n text: messages.deleteTaskConfirmation,\n title: messages.deleteTaskWindowTitle\n });\n },\n _dependencyConfirm: function (callback, dependency) {\n var messages = this.options.messages;\n this._confirm(callback, {\n model: dependency,\n text: messages.deleteDependencyConfirmation,\n title: messages.deleteDependencyWindowTitle\n });\n },\n _confirm: function (callback, options) {\n var editable = this.options.editable;\n var messages;\n var buttons;\n if (editable === true || editable.confirmation !== false) {\n messages = this.options.messages;\n buttons = [\n {\n name: 'delete',\n text: messages.destroy,\n className: Gantt.styles.primary,\n click: function () {\n callback();\n }\n },\n {\n name: 'cancel',\n text: messages.cancel,\n click: function () {\n callback(true);\n }\n }\n ];\n this.showDialog(extend(true, {}, options, { buttons: buttons }));\n } else {\n callback();\n }\n },\n showDialog: function (options) {\n this._editor.showDialog(options);\n },\n refresh: function () {\n if (this._preventRefresh || this.list.editable) {\n return;\n }\n this._progress(false);\n var dataSource = this.dataSource;\n var taskTree = dataSource.taskTree();\n var scrollToUid = this._scrollToUid;\n var current;\n var cachedUid;\n var cachedIndex = -1;\n if (this.current) {\n cachedUid = this.current.closest('tr').attr(kendo.attr('uid'));\n cachedIndex = this.current.index();\n }\n if (this.trigger('dataBinding')) {\n return;\n }\n if (this.resources.dataSource.data().length !== 0) {\n this._assignResources(taskTree);\n }\n if (this._editor) {\n this._editor.close();\n }\n this.clearSelection();\n this.list._render(taskTree);\n this.timeline._render(taskTree);\n this.timeline._renderDependencies(this.dependencies.view());\n if (scrollToUid) {\n this._scrollTo(scrollToUid);\n this.select(selector(scrollToUid));\n }\n if ((scrollToUid || cachedUid) && cachedIndex >= 0) {\n current = this.list.content.find('tr' + selector(scrollToUid || cachedUid) + ' > td:eq(' + cachedIndex + ')');\n this._current(current);\n }\n this._scrollToUid = null;\n this.trigger('dataBound');\n },\n refreshDependencies: function () {\n if (this._preventDependencyRefresh) {\n return;\n }\n if (this.trigger('dataBinding')) {\n return;\n }\n this.timeline._renderDependencies(this.dependencies.view());\n this.trigger('dataBound');\n },\n _assignResources: function (taskTree) {\n var resources = this.resources;\n var assignments = this.assignments;\n var groupAssigments = function () {\n var data = assignments.dataSource.view();\n var group = { field: assignments.dataTaskIdField };\n data = new Query(data).group(group).toArray();\n return data;\n };\n var assigments = groupAssigments();\n var applyTaskResource = function (task, action) {\n var taskId = task.get('id');\n kendo.setter(resources.field)(task, new ObservableArray([]));\n for (var i = 0, length = assigments.length; i < length; i++) {\n if (assigments[i].value === taskId) {\n action(task, assigments[i].items);\n }\n }\n };\n var wrapTask = function (task, items) {\n for (var j = 0, length = items.length; j < length; j++) {\n var item = items[j];\n var resource = resources.dataSource.get(item.get(assignments.dataResourceIdField));\n var resourceValue = item.get(assignments.dataValueField);\n var resourcedId = item.get(assignments.dataResourceIdField);\n var valueFormat = resource.get(resources.dataFormatField) || PERCENTAGE_FORMAT;\n var formatedValue = kendo.toString(resourceValue, valueFormat);\n task[resources.field].push(new ObservableObject({\n id: resourcedId,\n name: resource.get(resources.dataTextField),\n color: resource.get(resources.dataColorField),\n value: resourceValue,\n formatedValue: formatedValue\n }));\n }\n };\n for (var i = 0, length = taskTree.length; i < length; i++) {\n applyTaskResource(taskTree[i], wrapTask);\n }\n },\n _wrapResourceData: function (id) {\n var that = this;\n var result = [];\n var resource;\n var resources = this.resources.dataSource.view();\n var assignments = this.assignments.dataSource.view();\n var taskAssignments = new Query(assignments).filter({\n field: that.assignments.dataTaskIdField,\n operator: 'eq',\n value: id\n }).toArray();\n var valuePerResource = function (id) {\n var resourceValue = null;\n new Query(taskAssignments).filter({\n field: that.assignments.dataResourceIdField,\n operator: 'eq',\n value: id\n }).select(function (assignment) {\n resourceValue += assignment.get(that.assignments.dataValueField);\n });\n return resourceValue;\n };\n for (var i = 0, length = resources.length; i < length; i++) {\n resource = resources[i];\n result.push({\n id: resource.get('id'),\n name: resource.get(that.resources.dataTextField),\n format: resource.get(that.resources.dataFormatField) || PERCENTAGE_FORMAT,\n value: valuePerResource(resource.id)\n });\n }\n return result;\n },\n _syncDataSource: function () {\n this._preventRefresh = false;\n this._requestStart();\n this.dataSource.sync();\n },\n _requestStart: function () {\n this._progress(true);\n },\n _error: function () {\n this._progress(false);\n },\n _progress: function (toggle) {\n kendo.ui.progress(this.element, toggle);\n },\n _resizable: function () {\n var that = this;\n var wrapper = this.wrapper;\n var ganttStyles = Gantt.styles;\n var contentSelector = DOT + ganttStyles.gridContent;\n var treeListWrapper = wrapper.find(DOT + ganttStyles.list);\n var timelineWrapper = wrapper.find(DOT + ganttStyles.timeline);\n var treeListWidth;\n var timelineWidth;\n var timelineScroll;\n this._resizeDraggable = wrapper.find(DOT + ganttStyles.splitBar).height(treeListWrapper.height()).hover(function () {\n $(this).addClass(ganttStyles.splitBarHover);\n }, function () {\n $(this).removeClass(ganttStyles.splitBarHover);\n }).end().kendoResizable({\n orientation: 'horizontal',\n handle: DOT + ganttStyles.splitBar,\n 'start': function () {\n treeListWidth = treeListWrapper.width();\n timelineWidth = timelineWrapper.width();\n timelineScroll = timelineWrapper.find(contentSelector).scrollLeft();\n },\n 'resize': function (e) {\n var delta = e.x.initialDelta;\n if (kendo.support.isRtl(wrapper)) {\n delta *= -1;\n }\n if (treeListWidth + delta < 0 || timelineWidth - delta < 0) {\n return;\n }\n treeListWrapper.width(treeListWidth + delta);\n timelineWrapper.width(timelineWidth - delta);\n timelineWrapper.find(contentSelector).scrollLeft(timelineScroll + delta);\n that.timeline.view()._renderCurrentTime();\n }\n }).data('kendoResizable');\n },\n _scrollable: function () {\n var that = this;\n var ganttStyles = Gantt.styles;\n var contentSelector = DOT + ganttStyles.gridContent;\n var headerSelector = DOT + ganttStyles.gridHeaderWrap;\n var timelineHeader = this.timeline.element.find(headerSelector);\n var timelineContent = this.timeline.element.find(contentSelector);\n var treeListHeader = this.list.element.find(headerSelector);\n var treeListContent = this.list.element.find(contentSelector);\n if (mobileOS) {\n treeListContent.css('overflow-y', 'auto');\n }\n timelineContent.on('scroll', function () {\n that.scrollTop = this.scrollTop;\n timelineHeader.scrollLeft(this.scrollLeft);\n treeListContent.scrollTop(this.scrollTop);\n });\n treeListContent.on('scroll', function () {\n treeListHeader.scrollLeft(this.scrollLeft);\n }).on('DOMMouseScroll' + NS + ' mousewheel' + NS, function (e) {\n var scrollTop = timelineContent.scrollTop();\n var delta = kendo.wheelDeltaY(e);\n if (delta) {\n e.preventDefault();\n $(e.currentTarget).one('wheel' + NS, false);\n timelineContent.scrollTop(scrollTop + -delta);\n }\n });\n },\n _navigatable: function () {\n var that = this;\n var navigatable = this.options.navigatable;\n var editable = this.options.editable;\n var headerTable = this.list.header.find('table');\n var contentTable = this.list.content.find('table');\n var ganttStyles = Gantt.styles;\n var isRtl = kendo.support.isRtl(this.wrapper);\n var timelineContent = this.timeline.element.find(DOT + ganttStyles.gridContent);\n var tables = headerTable.add(contentTable);\n var attr = selector();\n var cellIndex;\n var expandState = {\n collapse: false,\n expand: true\n };\n var scroll = function (reverse) {\n var width = that.timeline.view()._timeSlots()[0].offsetWidth;\n timelineContent.scrollLeft(timelineContent.scrollLeft() + (reverse ? -width : width));\n };\n var scrollVertical = function (reverse) {\n var height = that.timeline.view()._rowHeight;\n timelineContent.scrollTop(timelineContent.scrollTop() + (reverse ? -height : height));\n };\n var moveVertical = function (method) {\n var parent = that.current.parent('tr' + selector());\n var index = that.current.index();\n var subling = parent[method]();\n if (that.select().length !== 0) {\n that.clearSelection();\n }\n if (subling.length !== 0) {\n that._current(subling.children('td:eq(' + index + ')'));\n that._scrollTo(that.current);\n } else {\n if (that.current.is('td') && method == 'prev') {\n focusTable(headerTable);\n } else if (that.current.is('th') && method == 'next') {\n focusTable(contentTable);\n }\n }\n };\n var moveHorizontal = function (method) {\n var subling = that.current[method]();\n if (subling.length !== 0) {\n that._current(subling);\n cellIndex = that.current.index();\n }\n };\n var toggleExpandedState = function (value) {\n var model = that.dataItem(that.current);\n if (model.summary && model.expanded !== value) {\n model.set('expanded', value);\n }\n };\n var deleteAction = function () {\n var editable = that.options.editable;\n if (!editable || editable.destroy === false || that.list.editable) {\n return;\n }\n var selectedTask = that.select();\n var uid = kendo.attr('uid');\n if (selectedTask.length) {\n that.removeTask(selectedTask.attr(uid));\n }\n };\n $(this.wrapper).on('mousedown' + NS, 'tr' + attr + ', div' + attr + ':not(' + DOT + ganttStyles.line + ')', function (e) {\n var currentTarget = $(e.currentTarget);\n var isInput = $(e.target).is(':button,a,:input,a>.k-icon,textarea,span.k-icon,span.k-link,.k-input,.k-multiselect-wrap');\n var current;\n if (e.ctrlKey) {\n return;\n }\n if (navigatable) {\n if (currentTarget.is('tr')) {\n current = $(e.target).closest('td');\n } else {\n current = that.list.content.find('tr' + selector(currentTarget.attr(kendo.attr('uid'))) + ' > td:first');\n }\n that._current(current);\n }\n if ((navigatable || editable) && !isInput) {\n that._focusTimeout = setTimeout(function () {\n focusTable(that.list.content.find('table'), true);\n }, 2);\n }\n }).on('keydown' + NS, function (e) {\n var key = e.keyCode;\n var that = this;\n var focusableItems = $(that._getToolbarItems());\n var idx = focusableItems.index(that.toolbar.find(DOT + ganttStyles.focused)[0]);\n if (idx === -1 && $(e.target).closest(DOT + ganttStyles.toolbar.views).length) {\n idx = focusableItems.index(that.toolbar.find('.k-gantt-views > .k-state-selected:visible > a, .k-current-view:visible > a')[0]);\n }\n var itemToFocus = e.shiftKey ? focusableItems[idx - 1] : focusableItems[idx + 1];\n if (key === keys.F10) {\n that.toolbar.find('.k-button:visible:first').addClass(ganttStyles.focused).focus();\n e.preventDefault();\n } else if (key == keys.TAB && $(e.target).closest(DOT + ganttStyles.toolbar.toolbar).length) {\n that.toolbar.find(DOT + ganttStyles.focused).removeClass(ganttStyles.focused).blur();\n if (itemToFocus) {\n $(itemToFocus).addClass(ganttStyles.focused).focus();\n e.preventDefault();\n return;\n }\n if (this.list.element.is(':visible')) {\n this.list.element.find('table[role=treegrid]').focus();\n } else {\n this.element.find(DOT + ganttStyles.tasks)[0].focus();\n }\n e.preventDefault();\n }\n }.bind(this));\n if (navigatable !== true) {\n contentTable.on('keydown' + NS, function (e) {\n if (e.keyCode == keys.DELETE) {\n deleteAction();\n }\n });\n return;\n }\n tables.on('focus' + NS, function () {\n var selector = this === contentTable.get(0) ? 'td' : 'th';\n var selection = that.select();\n var current = that.current || $(selection.length ? selection : this).find(selector + ':eq(' + (cellIndex || 0) + ')');\n that._current(current);\n $(that.toolbar.find(DOT + ganttStyles.focused)).removeClass(ganttStyles.focused);\n $(that.toolbar.find(DOT + ganttStyles.toolbar.currentView)).parent().removeClass(ganttStyles.toolbar.expanded);\n }).on('blur' + NS, function () {\n that._current();\n if (this == headerTable) {\n $(this).attr(TABINDEX, -1);\n }\n }).on('keydown' + NS, function (e) {\n var key = e.keyCode;\n var isCell;\n if (!that.current) {\n return;\n }\n isCell = that.current.is('td');\n switch (key) {\n case keys.RIGHT:\n e.preventDefault();\n if (e.altKey) {\n scroll();\n } else if (e.ctrlKey) {\n toggleExpandedState(isRtl ? expandState.collapse : expandState.expand);\n } else {\n moveHorizontal(isRtl ? 'prev' : 'next');\n }\n break;\n case keys.LEFT:\n e.preventDefault();\n if (e.altKey) {\n scroll(true);\n } else if (e.ctrlKey) {\n toggleExpandedState(isRtl ? expandState.expand : expandState.collapse);\n } else {\n moveHorizontal(isRtl ? 'next' : 'prev');\n }\n break;\n case keys.UP:\n e.preventDefault();\n if (e.altKey) {\n scrollVertical(true);\n } else {\n moveVertical('prev');\n }\n break;\n case keys.DOWN:\n e.preventDefault();\n if (e.altKey) {\n scrollVertical();\n } else {\n moveVertical('next');\n }\n break;\n case keys.SPACEBAR:\n e.preventDefault();\n if (isCell) {\n that.select(that.current.closest('tr'));\n }\n break;\n case keys.ENTER:\n e.preventDefault();\n if (isCell) {\n if (that.options.editable && that.options.editable.update !== false) {\n that._cachedCurrent = that.current;\n that.list._startEditHandler(that.current);\n $(this).one('keyup', function (e) {\n e.stopPropagation();\n });\n }\n } else {\n that.current.children('a.k-link').click();\n }\n break;\n case keys.ESC:\n break;\n case keys.DELETE:\n if (isCell) {\n deleteAction();\n }\n break;\n default:\n if (key >= 49 && key <= 57 && e.target.tagName.toLowerCase() !== 'input') {\n that.view(that.timeline._viewByIndex(key - 49));\n }\n break;\n }\n });\n },\n _getToolbarItems: function () {\n return this.toolbar.find('.k-gantt-toggle:visible').toArray().concat(this.toolbar.find('.k-gantt-actions > .k-button:visible').toArray(), this.toolbar.find('.k-gantt-views > .k-state-selected:visible > a, .k-current-view:visible > a').toArray());\n },\n _current: function (element) {\n var ganttStyles = Gantt.styles;\n var activeElement;\n if (this.current && this.current.length) {\n this.current.removeClass(ganttStyles.focused).removeAttr('id');\n }\n if (element && element.length) {\n this.current = element.addClass(ganttStyles.focused).attr('id', ACTIVE_CELL);\n activeElement = $(kendo._activeElement());\n if (activeElement.is('table') && this.wrapper.find(activeElement).length > 0) {\n activeElement.removeAttr(ARIA_DESCENDANT).attr(ARIA_DESCENDANT, ACTIVE_CELL);\n }\n } else {\n this.current = null;\n }\n },\n _dataBind: function () {\n var that = this;\n if (that.options.autoBind) {\n this._preventRefresh = true;\n this._preventDependencyRefresh = true;\n var promises = $.map([\n this.dataSource,\n this.dependencies,\n this.resources.dataSource,\n this.assignments.dataSource\n ], function (dataSource) {\n return dataSource.fetch();\n });\n $.when.apply(null, promises).done(function () {\n that._preventRefresh = false;\n that._preventDependencyRefresh = false;\n that.refresh();\n });\n }\n },\n _resize: function () {\n this._adjustDimensions();\n this.timeline.view()._adjustHeight();\n this.timeline.view()._renderCurrentTime();\n this.list._adjustHeight();\n }\n });\n if (kendo.PDFMixin) {\n kendo.PDFMixin.extend(Gantt.fn);\n Gantt.fn._drawPDF = function () {\n var ganttStyles = Gantt.styles;\n var listClass = '.' + ganttStyles.list;\n var listWidth = this.wrapper.find(listClass).width();\n var content = this.wrapper.clone();\n content.find(listClass).css('width', listWidth);\n return this._drawPDFShadow({ content: content }, { avoidLinks: this.options.pdf.avoidLinks });\n };\n }\n kendo.ui.plugin(Gantt);\n extend(true, Gantt, { styles: ganttStyles });\n }(window.kendo.jQuery));\n return window.kendo;\n}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {\n (a3 || a2)();\n}));"]}