';\n html += this.createButton({\n name: 'savetimezone',\n text: messages.save\n }) + this.createButton({\n name: 'canceltimezone',\n text: messages.cancel\n });\n html += '
';\n return html;\n },\n showDialog: function (options) {\n var html = kendo.format('';\n var wrapper = this.element;\n if (this.popup) {\n this.popup.destroy();\n }\n var popup = this.popup = $(html).appendTo(wrapper).eq(0).on('click', '.k-button', function (e) {\n e.preventDefault();\n popup.close();\n var buttonIndex = $(e.currentTarget).index();\n options.buttons[buttonIndex].click();\n }).kendoWindow({\n modal: true,\n resizable: false,\n draggable: false,\n title: options.title,\n visible: false,\n close: function () {\n this.destroy();\n wrapper.focus();\n }\n }).getKendoWindow();\n popup.center().open();\n },\n _initTimezoneEditor: function (model, activator) {\n var that = this;\n var container = that.container.find('.k-scheduler-timezones');\n var checkbox = container.find('.k-timezone-toggle');\n var endTimezoneRow = container.find('.k-edit-label:last').add(container.find('.k-edit-field:last'));\n var saveButton = container.find('.k-scheduler-savetimezone');\n var cancelButton = container.find('.k-scheduler-canceltimezone');\n var timezonePopup = that._timezonePopup;\n var startTimezoneChange = function (e) {\n if (e.field === 'startTimezone') {\n var value = model.startTimezone;\n checkbox.prop('disabled', !value);\n if (!value) {\n endTimezoneRow.hide();\n model.set('endTimezone', '');\n checkbox.prop('checked', false);\n }\n }\n };\n var wnd;\n that._startTimezone = model.startTimezone;\n that._endTimezone = model.endTimezone;\n if (!timezonePopup) {\n that._timezonePopup = timezonePopup = container.kendoWindow({\n modal: true,\n resizable: false,\n draggable: true,\n title: that.options.messages.editor.timezoneEditorTitle,\n visible: false,\n close: function (e) {\n model.unbind('change', startTimezoneChange);\n if (e.userTriggered) {\n that._revertTimezones(model);\n }\n if (activator) {\n activator.focus();\n }\n }\n });\n checkbox.click(function () {\n endTimezoneRow.toggle(checkbox.prop('checked'));\n model.set('endTimezone', '');\n });\n saveButton.click(function (e) {\n e.preventDefault();\n wnd.close();\n });\n cancelButton.click(function (e) {\n e.preventDefault();\n that._revertTimezones(model);\n wnd.close();\n });\n model.bind('change', startTimezoneChange);\n }\n checkbox.prop('checked', model.endTimezone).prop('disabled', !model.startTimezone);\n if (model.endTimezone) {\n endTimezoneRow.show();\n } else {\n endTimezoneRow.hide();\n }\n wnd = timezonePopup.data('kendoWindow');\n wnd.center().open();\n }\n });\n var Scheduler = DataBoundWidget.extend({\n init: function (element, options) {\n var that = this;\n Widget.fn.init.call(that, element, options);\n if (!that.options.views || !that.options.views.length) {\n that.options.views = [\n 'day',\n 'week'\n ];\n }\n that.resources = [];\n that._initModel();\n that._wrapper();\n that._views();\n that._toolbar();\n that._dataSource();\n that._resources();\n that._resizeHandler = function () {\n that.resize();\n };\n that.wrapper.on('mousedown' + NS + ' selectstart' + NS, function (e) {\n if (!$(e.target).is(':kendoFocusable')) {\n e.preventDefault();\n }\n });\n if (that.options.editable && that.options.editable.resize !== false) {\n that._resizable();\n }\n that._movable();\n that._bindResize();\n if (that.options.messages && that.options.messages.recurrence) {\n recurrence.options = that.options.messages.recurrence;\n }\n that._selectable();\n that._ariaId = kendo.guid();\n that._createEditor();\n },\n _bindResize: function () {\n $(window).on('resize' + NS, this._resizeHandler);\n },\n _unbindResize: function () {\n $(window).off('resize' + NS, this._resizeHandler);\n },\n dataItems: function () {\n var that = this;\n var items = that.items();\n var events = that._data;\n var eventsUids = $.map(items, function (item) {\n return $(item).attr('data-uid');\n });\n var i;\n var key;\n var dict = {};\n var eventsUidsLength = eventsUids.length;\n for (i = 0; i < eventsUidsLength; i++) {\n dict[eventsUids[i]] = null;\n }\n var eventsCount = events.length;\n for (i = 0; i < eventsCount; i++) {\n var event = events[i];\n if (dict[event.uid] !== undefined) {\n dict[event.uid] = event;\n }\n }\n var sortedData = [];\n for (key in dict) {\n sortedData.push(dict[key]);\n }\n return sortedData;\n },\n _isMobile: function () {\n var options = this.options;\n return options.mobile === true && kendo.support.mobileOS || options.mobile === 'phone' || options.mobile === 'tablet';\n },\n _isMobilePhoneView: function () {\n var options = this.options;\n return options.mobile === true && kendo.support.mobileOS && !kendo.support.mobileOS.tablet || options.mobile === 'phone';\n },\n _groupsByResource: function (resources, groupIndex, groupsArray, parentFieldValue, parentField) {\n if (!groupsArray) {\n groupsArray = [];\n }\n var resource = resources[0];\n if (resource) {\n var group;\n var data = resource.dataSource.view();\n var prevIndex = 0;\n for (var dataIndex = 0; dataIndex < data.length; dataIndex++) {\n var fieldValue = kendo.getter(resource.dataValueField)(data[dataIndex]);\n var currentGroupIndex = groupIndex + prevIndex + dataIndex;\n group = this._groupsByResource(resources.slice(1), currentGroupIndex, groupsArray, fieldValue, resource.field);\n group[resource.field] = fieldValue;\n prevIndex = group.groupIndex;\n if (parentField && parentFieldValue) {\n group[parentField] = parentFieldValue;\n }\n if (resources.length === 1) {\n group.groupIndex = groupIndex + dataIndex;\n groupsArray.push(group);\n }\n }\n return group;\n } else {\n return {};\n }\n },\n data: function () {\n return this._data;\n },\n select: function (options) {\n var that = this;\n var view = that.view();\n var selection = that._selection;\n var groups = view.groups;\n var selectedGroups;\n if (options === undefined) {\n var selectedEvents;\n var slots = view._selectedSlots;\n if (!selection) {\n return [];\n }\n if (selection && selection.events) {\n selectedEvents = that._selectedEvents();\n }\n return {\n start: selection.start,\n end: selection.end,\n events: selectedEvents,\n slots: slots,\n resources: view._resourceBySlot(selection)\n };\n }\n if (!options) {\n that._selection = null;\n that._old = null;\n view.clearSelection();\n return;\n }\n if ($.isArray(options)) {\n options = { events: options.splice(0) };\n }\n if (options.resources) {\n var fieldName;\n var filters = [];\n var groupsByResource = [];\n if (view.groupedResources) {\n that._groupsByResource(view.groupedResources, 0, groupsByResource);\n }\n for (fieldName in options.resources) {\n filters.push({\n field: fieldName,\n operator: 'eq',\n value: options.resources[fieldName]\n });\n }\n selectedGroups = new kendo.data.Query(groupsByResource).filter(filters).toArray();\n }\n if (options.events && options.events.length) {\n that._selectEvents(options.events, selectedGroups);\n that._select();\n return;\n }\n if (groups && (options.start && options.end)) {\n var rangeStart = getDate(view._startDate);\n var rangeEnd = kendo.date.addDays(getDate(view._endDate), 1);\n var group;\n var ranges;\n if (options.start < rangeEnd && rangeStart <= options.end) {\n if (selectedGroups && selectedGroups.length) {\n group = groups[selectedGroups[0].groupIndex];\n } else {\n group = groups[0];\n }\n ranges = group.ranges(options.start, options.end, options.isAllDay, false);\n if (ranges.length) {\n that._selection = {\n start: kendo.timezone.toLocalDate(ranges[0].start.start),\n end: kendo.timezone.toLocalDate(ranges[ranges.length - 1].end.end),\n groupIndex: ranges[0].start.groupIndex,\n index: ranges[0].start.index,\n isAllDay: ranges[0].start.isDaySlot,\n events: []\n };\n that._select();\n }\n }\n }\n },\n _selectEvents: function (eventsUids, selectedGroups) {\n var that = this;\n var idx;\n var view = that.view();\n var groups = view.groups;\n var eventsLength = eventsUids.length;\n var isGrouped = selectedGroups && selectedGroups.length;\n for (idx = 0; idx < eventsLength; idx++) {\n if (groups && isGrouped) {\n var currentGroup = groups[selectedGroups[0].groupIndex];\n var events = [];\n var timeSlotCollectionCount = currentGroup.timeSlotCollectionCount();\n var daySlotCollectionCount = currentGroup.daySlotCollectionCount();\n for (var collIdx = 0; collIdx < timeSlotCollectionCount; collIdx++) {\n events = events.concat(currentGroup.getTimeSlotCollection(collIdx).events());\n }\n for (var dayCollIdx = 0; dayCollIdx < daySlotCollectionCount; dayCollIdx++) {\n events = events.concat(currentGroup.getDaySlotCollection(dayCollIdx).events());\n }\n events = new kendo.data.Query(events).filter({\n field: 'element[0].getAttribute(\\'data-uid\\')',\n operator: 'eq',\n value: eventsUids[idx]\n }).toArray();\n if (events[0]) {\n that._createSelection(events[0].element);\n }\n } else {\n var element = view.element.find(kendo.format('.k-event[data-uid={0}], .k-task[data-uid={0}]', eventsUids[idx]));\n if (element.length) {\n that._createSelection(element[0]);\n }\n }\n }\n },\n _selectable: function () {\n var that = this, wrapper = that.wrapper, selectEvent = kendo.support.mobileOS ? 'touchend' : 'mousedown';\n if (!that.options.selectable) {\n return;\n }\n that._tabindex();\n wrapper.on(selectEvent + NS, '.k-scheduler-header-all-day td, .k-scheduler-content td, .k-event', function (e) {\n var which = e.which;\n var button = e.button;\n var browser = kendo.support.browser;\n var isRight = which && which === 3 || button && button == 2;\n if (kendo.support.mobileOS && e.isDefaultPrevented()) {\n return;\n }\n if (!isRight) {\n that._createSelection(e.currentTarget);\n }\n wrapper.focus();\n if (browser.msie && browser.version < 9) {\n setTimeout(function () {\n wrapper.focus();\n });\n }\n });\n var mouseMoveHandler = $.proxy(that._mouseMove, that);\n wrapper.on('mousedown' + NS, '.k-scheduler-header-all-day td, .k-scheduler-content td', function (e) {\n var which = e.which;\n var button = e.button;\n var isRight = which && which === 3 || button && button == 2;\n if (!isRight) {\n wrapper.on('mousemove' + NS, '.k-scheduler-header-all-day td, .k-scheduler-content td', mouseMoveHandler);\n }\n });\n wrapper.on('mouseup' + NS + ' mouseleave' + NS, function () {\n wrapper.off('mousemove' + NS, '.k-scheduler-header-all-day td, .k-scheduler-content td', mouseMoveHandler);\n });\n wrapper.on('focus' + NS, function () {\n if (!that._selection) {\n that._selectFirstSlot();\n }\n that._select();\n });\n wrapper.on('focusout' + NS, function () {\n that._ctrlKey = that._shiftKey = false;\n });\n wrapper.on('keydown' + NS, proxy(that._keydown, that));\n wrapper.on('keyup' + NS, function (e) {\n that._ctrlKey = e.ctrlKey;\n that._shiftKey = e.shiftKey;\n });\n },\n _selectFirstSlot: function () {\n this._createSelection(this.wrapper.find('.k-scheduler-content').find('td:first'));\n },\n _select: function () {\n var that = this;\n var view = that.view();\n var wrapper = that.wrapper;\n var current = view.current();\n var selection = that._selection;\n if (!selection) {\n return;\n }\n if (current) {\n current.removeAttribute('id');\n current.removeAttribute('aria-label');\n wrapper.removeAttr('aria-activedescendant');\n }\n view.select(selection);\n current = view.current();\n if (current && that._old !== current) {\n var currentUid = $(current).data('uid');\n if (that._old && currentUid && currentUid === $(that._old).data('uid')) {\n return;\n }\n var labelFormat;\n var data = selection;\n var events = that._selectedEvents();\n var slots = view._selectedSlots;\n if (events[0]) {\n data = events[0] || selection;\n labelFormat = kendo.format(that.options.messages.ariaEventLabel, data.title, data.start, data.start);\n } else {\n labelFormat = kendo.format(that.options.messages.ariaSlotLabel, data.start, data.end);\n }\n current.setAttribute('id', that._ariaId);\n current.setAttribute('aria-label', labelFormat);\n wrapper.attr('aria-activedescendant', that._ariaId);\n that._old = current;\n that.trigger('change', {\n start: selection.start,\n end: selection.end,\n events: events,\n slots: slots,\n resources: view._resourceBySlot(selection)\n });\n }\n },\n _selectedEvents: function () {\n var uids = this._selection.events;\n var length = uids.length;\n var idx = 0;\n var event;\n var events = [];\n for (; idx < length; idx++) {\n event = this.occurrenceByUid(uids[idx]);\n if (event) {\n events.push(event);\n }\n }\n return events;\n },\n _mouseMove: function (e) {\n var that = this;\n clearTimeout(that._moveTimer);\n that._moveTimer = setTimeout(function () {\n var view = that.view();\n var selection = that._selection;\n if (selection) {\n var slot = view.selectionByElement($(e.currentTarget));\n if (slot && selection.groupIndex === slot.groupIndex) {\n var startDate = slot.startDate();\n var endDate = slot.endDate();\n if (startDate >= selection.end) {\n selection.backward = false;\n } else if (endDate <= selection.start) {\n selection.backward = true;\n }\n if (selection.backward) {\n selection.start = startDate;\n } else {\n selection.end = endDate;\n }\n that._select();\n }\n }\n }, 5);\n },\n _viewByIndex: function (index) {\n var view, views = this.views;\n for (view in views) {\n if (!index) {\n return view;\n }\n index--;\n }\n },\n _keydown: function (e) {\n var that = this, key = e.keyCode, view = that.view(), editable = view.options.editable, selection = that._selection, shiftKey = e.shiftKey;\n that._ctrlKey = e.ctrlKey;\n that._shiftKey = e.shiftKey;\n if (!selection) {\n that._selectFirstSlot();\n that._select();\n return;\n }\n if (key === keys.TAB) {\n if (view.moveToEvent(selection, shiftKey)) {\n that._select();\n e.preventDefault();\n }\n } else if (editable && key === keys.ENTER) {\n if (selection.events.length) {\n if (editable.update !== false) {\n that.editEvent(selection.events[0]);\n }\n } else if (editable.create !== false) {\n if (selection.isAllDay) {\n selection = $.extend({}, selection, { end: kendo.date.addDays(selection.end, -1) });\n }\n that.addEvent(extend({}, selection, view._resourceBySlot(selection)));\n }\n } else if (key === keys.DELETE && editable !== false && editable.destroy !== false) {\n that.removeEvent(selection.events[0]);\n } else if (key >= 49 && key <= 57) {\n that.view(that._viewByIndex(key - 49));\n } else if (view.move(selection, key, shiftKey)) {\n if (view.inRange(selection)) {\n that._select();\n } else {\n that.date(selection.start);\n }\n e.preventDefault();\n }\n that._adjustSelectedDate();\n },\n _createSelection: function (item) {\n var uid, slot, selection;\n if (!this._selection || !this._ctrlKey && !this._shiftKey) {\n this._selection = {\n events: [],\n groupIndex: 0\n };\n }\n item = $(item);\n selection = this._selection;\n if (item.is('.k-event')) {\n uid = item.attr(kendo.attr('uid'));\n }\n slot = this.view().selectionByElement(item);\n if (slot) {\n selection.groupIndex = slot.groupIndex || 0;\n }\n if (uid) {\n slot = getOccurrenceByUid(this._data, uid);\n }\n if (slot && slot.uid) {\n uid = [slot.uid];\n }\n this._updateSelection(slot, uid);\n this._adjustSelectedDate();\n },\n _updateSelection: function (dataItem, events, groupIndex) {\n var selection = this._selection;\n if (dataItem && selection) {\n var view = this.view();\n if (dataItem.uid) {\n dataItem = view._updateEventForSelection(dataItem);\n }\n if (this._shiftKey && selection.start && selection.end) {\n var backward = dataItem.end < selection.end;\n selection.end = dataItem.endDate ? dataItem.endDate() : dataItem.end;\n if (backward && view._timeSlotInterval) {\n kendo.date.setTime(selection.end, -view._timeSlotInterval());\n }\n } else {\n selection.start = dataItem.startDate ? dataItem.startDate() : dataItem.start;\n selection.end = dataItem.endDate ? dataItem.endDate() : dataItem.end;\n }\n if ('isDaySlot' in dataItem) {\n selection.isAllDay = dataItem.isDaySlot;\n } else {\n selection.isAllDay = dataItem.isAllDay;\n }\n if (groupIndex !== null && groupIndex !== undefined) {\n selection.groupIndex = groupIndex;\n }\n selection.index = dataItem.index;\n if (this._ctrlKey) {\n selection.events = selection.events.concat(events || []);\n } else {\n selection.events = events || [];\n }\n }\n },\n options: {\n name: 'Scheduler',\n date: TODAY,\n editable: true,\n autoBind: true,\n snap: true,\n mobile: false,\n timezone: '',\n allDaySlot: true,\n min: new Date(1900, 0, 1),\n max: new Date(2099, 11, 31),\n toolbar: null,\n footer: {},\n messages: {\n today: 'Today',\n pdf: 'Export to PDF',\n save: 'Save',\n cancel: 'Cancel',\n destroy: 'Delete',\n deleteWindowTitle: 'Delete event',\n next: 'Next',\n previous: 'Previous',\n ariaSlotLabel: 'Selected from {0:t} to {1:t}',\n ariaEventLabel: '{0} on {1:D} at {2:t}',\n views: {\n day: 'Day',\n week: 'Week',\n workWeek: 'Work Week',\n agenda: 'Agenda',\n month: 'Month',\n timeline: 'Timeline',\n timelineWeek: 'Timeline Week',\n timelineWorkWeek: 'Timeline Work Week',\n timelineMonth: 'Timeline Month'\n },\n recurrenceMessages: {\n deleteWindowTitle: 'Delete Recurring Item',\n deleteWindowOccurrence: 'Delete current occurrence',\n deleteWindowSeries: 'Delete the series',\n editWindowTitle: 'Edit Recurring Item',\n editWindowOccurrence: 'Edit current occurrence',\n editWindowSeries: 'Edit the series'\n },\n editable: { confirmation: DELETECONFIRM },\n editor: {\n title: 'Title',\n start: 'Start',\n end: 'End',\n allDayEvent: 'All day event',\n description: 'Description',\n repeat: 'Repeat',\n timezone: 'Timezone',\n startTimezone: 'Start timezone',\n endTimezone: 'End timezone',\n separateTimezones: 'Use separate start and end time zones',\n timezoneEditorTitle: 'Timezones',\n timezoneEditorButton: 'Time zone',\n timezoneTitle: 'Time zones',\n noTimezone: 'No timezone',\n editorTitle: 'Event'\n }\n },\n height: null,\n width: null,\n resources: [],\n group: {\n resources: [],\n orientation: 'horizontal'\n },\n views: [],\n selectable: false\n },\n events: [\n REMOVE,\n EDIT,\n CANCEL,\n SAVE,\n 'add',\n 'dataBinding',\n 'dataBound',\n 'moveStart',\n 'move',\n 'moveEnd',\n 'resizeStart',\n 'resize',\n 'resizeEnd',\n 'navigate',\n 'change'\n ],\n destroy: function () {\n var that = this, element;\n Widget.fn.destroy.call(that);\n if (that.dataSource) {\n that.dataSource.unbind(CHANGE, that._refreshHandler);\n that.dataSource.unbind('progress', that._progressHandler);\n that.dataSource.unbind('error', that._errorHandler);\n }\n if (that.calendar) {\n that.calendar.destroy();\n that.popup.destroy();\n }\n if (that.view()) {\n that.view().destroy();\n }\n if (that._editor) {\n that._editor.destroy();\n }\n if (this._moveDraggable) {\n this._moveDraggable.destroy();\n }\n if (this._resizeDraggable) {\n this._resizeDraggable.destroy();\n }\n element = that.element.add(that.wrapper).add(that.toolbar).add(that.popup);\n element.off(NS);\n clearTimeout(that._moveTimer);\n that._model = null;\n that.toolbar = null;\n that.element = null;\n $(window).off('resize' + NS, that._resizeHandler);\n kendo.destroy(that.wrapper);\n },\n setDataSource: function (dataSource) {\n this.options.dataSource = dataSource;\n this._dataSource();\n if (this.options.autoBind) {\n dataSource.fetch();\n }\n },\n items: function () {\n var content = this.wrapper.find('.k-scheduler-content');\n var view = this.view();\n if (view && view.options.name === 'agenda') {\n return content.find('.k-task');\n } else {\n return content.find('.k-event').add(this.wrapper.find('.k-scheduler-header-wrap').find('.k-scheduler-header-all-day').siblings());\n }\n },\n _movable: function () {\n var startSlot;\n var endSlot;\n var startTime;\n var endTime;\n var event;\n var clonedEvent;\n var that = this;\n var originSlot;\n var distance = 0;\n var isMobile = that._isMobile();\n var movable = that.options.editable && that.options.editable.move !== false;\n var resizable = that.options.editable && that.options.editable.resize !== false;\n if (movable || resizable && isMobile) {\n if (isMobile && kendo.support.mobileOS.android) {\n distance = 5;\n }\n that._moveDraggable = new kendo.ui.Draggable(that.element, {\n distance: distance,\n filter: '.k-event',\n ignore: '.k-resize-handle',\n holdToDrag: isMobile,\n autoScroll: true\n });\n if (movable) {\n that._moveDraggable.bind('dragstart', function (e) {\n var view = that.view();\n var eventElement = e.currentTarget;\n if (!view.options.editable || view.options.editable.move === false) {\n e.preventDefault();\n return;\n }\n if (isMobile && !eventElement.hasClass('k-event-active')) {\n that.element.find('.k-event-active').removeClass('k-event-active');\n e.preventDefault();\n return;\n }\n event = that.occurrenceByUid(eventElement.attr(kendo.attr('uid')));\n clonedEvent = event.clone();\n clonedEvent.update(view._eventOptionsForMove(clonedEvent));\n startSlot = view._slotByPosition(e.x.startLocation, e.y.startLocation);\n startTime = startSlot.startOffset(e.x.startLocation, e.y.startLocation, that.options.snap);\n endSlot = startSlot;\n originSlot = startSlot;\n if (!startSlot || that.trigger('moveStart', { event: event })) {\n e.preventDefault();\n }\n }).bind('drag', function (e) {\n var view = that.view();\n var slot = view._slotByPosition(e.x.location, e.y.location);\n var distance;\n var range;\n if (!slot) {\n return;\n }\n endTime = slot.startOffset(e.x.location, e.y.location, that.options.snap);\n if (slot.isDaySlot !== startSlot.isDaySlot) {\n startSlot = view._slotByPosition(e.x.location, e.y.location);\n startTime = startSlot.startOffset(e.x.location, e.y.location, that.options.snap);\n distance = endTime - startTime;\n clonedEvent.isAllDay = slot.isDaySlot;\n clonedEvent.start = kendo.timezone.toLocalDate(startTime);\n clonedEvent.end = kendo.timezone.toLocalDate(endTime);\n view._updateMoveHint(clonedEvent, slot.groupIndex, distance);\n range = {\n start: clonedEvent.start,\n end: clonedEvent.end\n };\n } else {\n distance = endTime - startTime;\n view._updateMoveHint(clonedEvent, slot.groupIndex, distance);\n range = moveEventRange(clonedEvent, distance);\n }\n if (!that.trigger('move', {\n event: event,\n slot: {\n element: slot.element,\n start: slot.startDate(),\n end: slot.endDate(),\n isDaySlot: slot.isDaySlot\n },\n resources: view._resourceBySlot(slot),\n start: range.start,\n end: range.end\n })) {\n endSlot = slot;\n } else {\n view._updateMoveHint(clonedEvent, slot.groupIndex, distance);\n }\n }).bind('dragend', function (e) {\n that.view()._removeMoveHint();\n var distance = endTime - startTime;\n var range = moveEventRange(clonedEvent, distance);\n var start = range.start;\n var end = range.end;\n var endResources = that.view()._resourceBySlot(endSlot);\n var startResources = that.view()._resourceBySlot(startSlot);\n var prevented = that.trigger('moveEnd', {\n event: event,\n slot: {\n element: endSlot.element,\n start: endSlot.startDate(),\n end: endSlot.endDate()\n },\n start: start,\n end: end,\n resources: endResources\n });\n if (!prevented && (event.start.getTime() !== start.getTime() || event.end.getTime() !== end.getTime() || originSlot.isDaySlot !== endSlot.isDaySlot || kendo.stringify(endResources) !== kendo.stringify(startResources))) {\n var updatedEventOptions = that.view()._eventOptionsForMove(event);\n var eventOptions;\n if (originSlot.isDaySlot !== endSlot.isDaySlot) {\n if (endSlot.isDaySlot) {\n eventOptions = $.extend({\n start: endSlot.startDate(),\n end: endSlot.startDate(),\n isAllDay: endSlot.isDaySlot\n }, updatedEventOptions, endResources);\n } else {\n eventOptions = $.extend({\n isAllDay: endSlot.isDaySlot,\n start: start,\n end: end\n }, updatedEventOptions, endResources);\n }\n } else {\n eventOptions = $.extend({\n isAllDay: event.isAllDay,\n start: start,\n end: end\n }, updatedEventOptions, endResources);\n }\n that._updateEvent(null, event, eventOptions, endSlot.groupIndex);\n }\n e.currentTarget.removeClass('k-event-active');\n this.cancelHold();\n }).bind('dragcancel', function () {\n that.view()._removeMoveHint();\n this.cancelHold();\n });\n }\n if (isMobile) {\n that._moveDraggable.bind('hold', function (e) {\n if (that.element.find('.k-scheduler-monthview').length) {\n e.preventDefault();\n }\n that.element.find('.k-event-active').removeClass('k-event-active');\n e.currentTarget.addClass('k-event-active');\n });\n if (!kendo.support.mobileOS.android) {\n that._moveDraggable.userEvents.bind('press', function (e) {\n e.preventDefault();\n });\n }\n }\n }\n },\n _resizable: function () {\n var startTime;\n var endTime;\n var event;\n var clonedEvent;\n var slot;\n var that = this;\n var distance = 0;\n function direction(handle) {\n var directions = {\n 'k-resize-e': 'east',\n 'k-resize-w': 'west',\n 'k-resize-n': 'north',\n 'k-resize-s': 'south'\n };\n for (var key in directions) {\n if (handle.hasClass(key)) {\n return directions[key];\n }\n }\n }\n if (that._isMobile() && kendo.support.mobileOS.android) {\n distance = 5;\n }\n that._resizeDraggable = new kendo.ui.Draggable(that.element, {\n distance: distance,\n filter: '.k-resize-handle',\n autoScroll: true,\n dragstart: function (e) {\n var dragHandle = $(e.currentTarget);\n var eventElement = dragHandle.closest('.k-event');\n var uid = eventElement.attr(kendo.attr('uid'));\n var view = that.view();\n event = that.occurrenceByUid(uid);\n clonedEvent = event.clone();\n view._updateEventForResize(clonedEvent);\n slot = view._slotByPosition(e.x.startLocation, e.y.startLocation);\n if (that.trigger('resizeStart', { event: event })) {\n e.preventDefault();\n }\n startTime = kendo.date.toUtcTime(clonedEvent.start);\n endTime = kendo.date.toUtcTime(clonedEvent.end);\n },\n drag: function (e) {\n if (!slot) {\n return;\n }\n var dragHandle = $(e.currentTarget);\n var dir = direction(dragHandle);\n var view = that.view();\n var currentSlot = view._slotByPosition(e.x.location, e.y.location);\n if (!currentSlot || slot.groupIndex != currentSlot.groupIndex) {\n return;\n }\n slot = currentSlot;\n var originalStart = startTime;\n var originalEnd = endTime;\n if (dir == 'south') {\n if (!slot.isDaySlot && slot.end - kendo.date.toUtcTime(clonedEvent.start) >= view._timeSlotInterval()) {\n if (clonedEvent.isAllDay) {\n endTime = slot.startOffset(e.x.location, e.y.location, that.options.snap);\n } else {\n endTime = slot.endOffset(e.x.location, e.y.location, that.options.snap);\n }\n }\n } else if (dir == 'north') {\n if (!slot.isDaySlot && kendo.date.toUtcTime(clonedEvent.end) - slot.start >= view._timeSlotInterval()) {\n startTime = slot.startOffset(e.x.location, e.y.location, that.options.snap);\n }\n } else if (dir == 'east') {\n if (slot.isDaySlot && kendo.date.toUtcTime(kendo.date.getDate(slot.endDate())) >= kendo.date.toUtcTime(kendo.date.getDate(clonedEvent.start))) {\n if (clonedEvent.isAllDay) {\n endTime = slot.startOffset(e.x.location, e.y.location, that.options.snap);\n } else {\n endTime = slot.endOffset(e.x.location, e.y.location, that.options.snap);\n }\n } else if (!slot.isDaySlot && slot.end - kendo.date.toUtcTime(clonedEvent.start) >= view._timeSlotInterval()) {\n endTime = slot.endOffset(e.x.location, e.y.location, that.options.snap);\n }\n } else if (dir == 'west') {\n if (slot.isDaySlot && kendo.date.toUtcTime(kendo.date.getDate(clonedEvent.end)) >= kendo.date.toUtcTime(kendo.date.getDate(slot.startDate()))) {\n startTime = slot.startOffset(e.x.location, e.y.location, that.options.snap);\n } else if (!slot.isDaySlot && kendo.date.toUtcTime(clonedEvent.end) - slot.start >= view._timeSlotInterval()) {\n startTime = slot.startOffset(e.x.location, e.y.location, that.options.snap);\n }\n }\n if (!that.trigger('resize', {\n event: event,\n slot: {\n element: slot.element,\n start: slot.startDate(),\n end: slot.endDate()\n },\n start: kendo.timezone.toLocalDate(startTime),\n end: kendo.timezone.toLocalDate(endTime),\n resources: view._resourceBySlot(slot)\n })) {\n view._updateResizeHint(clonedEvent, slot.groupIndex, startTime, endTime);\n } else {\n startTime = originalStart;\n endTime = originalEnd;\n }\n },\n dragend: function (e) {\n var dragHandle = $(e.currentTarget);\n var start = new Date(clonedEvent.start.getTime());\n var end = new Date(clonedEvent.end.getTime());\n var dir = direction(dragHandle);\n that.view()._removeResizeHint();\n if (dir == 'south') {\n end = kendo.timezone.toLocalDate(endTime);\n } else if (dir == 'north') {\n start = kendo.timezone.toLocalDate(startTime);\n } else if (dir == 'east') {\n if (slot.isDaySlot) {\n end = kendo.date.getDate(kendo.timezone.toLocalDate(endTime));\n } else {\n end = kendo.timezone.toLocalDate(endTime);\n }\n } else if (dir == 'west') {\n if (slot.isDaySlot) {\n start = new Date(kendo.timezone.toLocalDate(startTime));\n start.setHours(0);\n start.setMinutes(0);\n } else {\n start = kendo.timezone.toLocalDate(startTime);\n }\n }\n var prevented = that.trigger('resizeEnd', {\n event: event,\n slot: {\n element: slot.element,\n start: slot.startDate(),\n end: slot.endDate()\n },\n start: start,\n end: end,\n resources: that.view()._resourceBySlot(slot)\n });\n if (!prevented && end.getTime() >= start.getTime()) {\n if (clonedEvent.start.getTime() != start.getTime() || clonedEvent.end.getTime() != end.getTime()) {\n that.view()._updateEventForResize(event);\n that._updateEvent(dir, event, {\n start: start,\n end: end\n });\n }\n }\n slot = null;\n event = null;\n },\n dragcancel: function () {\n that.view()._removeResizeHint();\n slot = null;\n event = null;\n }\n });\n },\n _updateEvent: function (dir, event, eventInfo, groupIndex) {\n var that = this;\n var updateEvent = function (event, callback) {\n try {\n that._preventRefresh = true;\n event.update(eventInfo);\n that._convertDates(event);\n } finally {\n that._preventRefresh = false;\n }\n if (!that.trigger(SAVE, { event: event })) {\n if (callback) {\n callback();\n }\n that._updateSelection(event, [event.uid], groupIndex);\n that.dataSource.sync();\n }\n };\n var recurrenceHead = function (event) {\n if (event.recurrenceRule) {\n return that.dataSource.getByUid(event.uid);\n } else {\n return that.dataSource.get(event.recurrenceId);\n }\n };\n var updateSeries = function () {\n var head = recurrenceHead(event);\n if (dir == 'south' || dir == 'north') {\n if (eventInfo.start) {\n var start = kendo.date.getDate(head.start);\n kendo.date.setTime(start, getMilliseconds(eventInfo.start));\n eventInfo.start = start;\n }\n if (eventInfo.end) {\n var end = kendo.date.getDate(head.end);\n kendo.date.setTime(end, getMilliseconds(eventInfo.end));\n eventInfo.end = end;\n }\n }\n that.dataSource._removeExceptions(head);\n updateEvent(head);\n };\n var updateOccurrence = function () {\n var head = recurrenceHead(event);\n var callback = function () {\n that._convertDates(head);\n };\n var exception = head.toOccurrence({\n start: event.start,\n end: event.end\n });\n updateEvent(that.dataSource.add(exception), callback);\n };\n if (event.recurrenceRule || event.isOccurrence()) {\n var recurrenceMessages = that.options.messages.recurrenceMessages;\n that._showRecurringDialog(event, updateOccurrence, updateSeries, {\n title: recurrenceMessages.editWindowTitle,\n text: recurrenceMessages.editRecurring ? recurrenceMessages.editRecurring : EDITRECURRING,\n occurrenceText: recurrenceMessages.editWindowOccurrence,\n seriesText: recurrenceMessages.editWindowSeries\n });\n } else {\n updateEvent(that.dataSource.getByUid(event.uid));\n }\n },\n _modelForContainer: function (container) {\n container = $(container).closest('[' + kendo.attr('uid') + ']');\n return this.dataSource.getByUid(container.attr(kendo.attr('uid')));\n },\n showDialog: function (options) {\n this._editor.showDialog(options);\n },\n focus: function () {\n this.wrapper.focus();\n },\n _confirmation: function (callback, model) {\n var editable = this.options.editable;\n if (editable === true || editable.confirmation !== false) {\n var messages = this.options.messages;\n var title = messages.deleteWindowTitle;\n var text = typeof editable.confirmation === STRING ? editable.confirmation : messages.editable.confirmation;\n if (this._isEditorOpened() && model.isRecurring()) {\n var recurrenceMessages = this.options.messages.recurrenceMessages;\n title = recurrenceMessages.deleteWindowTitle;\n if (model.isException()) {\n text = recurrenceMessages.deleteRecurringConfirmation ? recurrenceMessages.deleteRecurringConfirmation : DELETERECURRINGCONFIRM;\n } else {\n text = recurrenceMessages.deleteSeriesConfirmation ? recurrenceMessages.deleteSeriesConfirmation : DELETESERIESCONFIRM;\n }\n }\n var buttons = [{\n name: 'destroy',\n text: messages.destroy,\n click: function () {\n callback();\n }\n }];\n if (!(this._isMobile() && kendo.mobile.ui.Pane)) {\n buttons.push({\n name: 'canceledit',\n text: messages.cancel,\n click: function () {\n callback(true);\n }\n });\n }\n this._unbindResize();\n this.showDialog({\n model: model,\n text: text,\n title: title,\n buttons: buttons\n });\n this._bindResize();\n } else {\n callback();\n }\n },\n addEvent: function (eventInfo) {\n var editable = this._editor.editable;\n var dataSource = this.dataSource;\n var event;\n eventInfo = eventInfo || {};\n var prevented = this.trigger('add', { event: eventInfo });\n if (!prevented && (editable && editable.end() || !editable)) {\n this.cancelEvent();\n if (eventInfo && eventInfo.toJSON) {\n eventInfo = eventInfo.toJSON();\n }\n event = dataSource.add(eventInfo);\n if (event) {\n this.cancelEvent();\n this._editEvent(event);\n }\n }\n },\n saveEvent: function () {\n var editor = this._editor;\n if (!editor) {\n return;\n }\n var editable = editor.editable;\n var container = editor.container;\n var model = this._modelForContainer(container);\n if (container && editable && editable.end() && !this.trigger(SAVE, {\n container: container,\n event: model\n })) {\n if (model.isRecurrenceHead()) {\n this.dataSource._removeExceptions(model);\n }\n if (!model.dirty && !model.isOccurrence()) {\n this._convertDates(model, 'remove');\n }\n this.dataSource.sync();\n }\n },\n cancelEvent: function () {\n var editor = this._editor;\n var container = editor.container;\n var model;\n if (container) {\n model = this._modelForContainer(container);\n if (model && model.isOccurrence()) {\n this._convertDates(model, 'remove');\n this._convertDates(this.dataSource.get(model.recurrenceId), 'remove');\n }\n this.dataSource.cancelChanges(model);\n editor.close();\n }\n },\n editEvent: function (uid) {\n var model = typeof uid == 'string' ? this.occurrenceByUid(uid) : uid;\n if (!model) {\n return;\n }\n this.cancelEvent();\n if (model.isRecurring()) {\n this._editRecurringDialog(model);\n } else {\n this._editEvent(model);\n }\n },\n _editEvent: function (model) {\n this._unbindResize();\n this._createPopupEditor(model);\n this._bindResize();\n },\n _editRecurringDialog: function (model) {\n var that = this;\n var editOccurrence = function () {\n if (model.isException()) {\n that._editEvent(model);\n } else {\n that.addEvent(model);\n }\n };\n var editSeries = function () {\n if (model.recurrenceId) {\n model = that.dataSource.get(model.recurrenceId);\n }\n that._editEvent(model);\n };\n var recurrenceMessages = that.options.messages.recurrenceMessages;\n that._showRecurringDialog(model, editOccurrence, editSeries, {\n title: recurrenceMessages.editWindowTitle,\n text: recurrenceMessages.editRecurring ? recurrenceMessages.editRecurring : EDITRECURRING,\n occurrenceText: recurrenceMessages.editWindowOccurrence,\n seriesText: recurrenceMessages.editWindowSeries\n });\n },\n _showRecurringDialog: function (model, editOccurrence, editSeries, messages) {\n var that = this;\n var editable = that.options.editable;\n var editRecurringMode = isPlainObject(editable) ? editable.editRecurringMode : 'dialog';\n if (editRecurringMode === 'series') {\n editSeries();\n } else if (editRecurringMode === 'occurrence') {\n editOccurrence();\n } else {\n this._unbindResize();\n that.showDialog({\n model: model,\n title: messages.title,\n text: messages.text,\n buttons: [\n {\n text: messages.occurrenceText,\n click: editOccurrence\n },\n {\n text: messages.seriesText,\n click: editSeries\n }\n ]\n });\n this._bindResize();\n }\n },\n _createButton: function (command) {\n var template = command.template || COMMANDBUTTONTMPL, commandName = typeof command === STRING ? command : command.name || command.text, options = {\n className: 'k-scheduler-' + (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 if (commandName === 'edit' && isPlainObject(command.text)) {\n command = extend(true, {}, command);\n command.text = command.text.edit;\n }\n options = extend(true, options, defaultCommands[commandName], command);\n } else {\n options = extend(true, options, defaultCommands[commandName]);\n }\n return kendo.template(template)(options);\n },\n _convertDates: function (model, method) {\n var timezone = this.dataSource.reader.timezone;\n var startTimezone = model.startTimezone;\n var endTimezone = model.endTimezone;\n var start = model.start;\n var end = model.start;\n method = method || 'apply';\n startTimezone = startTimezone || endTimezone;\n endTimezone = endTimezone || startTimezone;\n if (startTimezone) {\n if (timezone) {\n if (method === 'apply') {\n start = kendo.timezone.convert(model.start, timezone, startTimezone);\n end = kendo.timezone.convert(model.end, timezone, endTimezone);\n } else {\n start = kendo.timezone.convert(model.start, startTimezone, timezone);\n end = kendo.timezone.convert(model.end, endTimezone, timezone);\n }\n } else {\n start = kendo.timezone[method](model.start, startTimezone);\n end = kendo.timezone[method](model.end, endTimezone);\n }\n model._set('start', start);\n model._set('end', end);\n }\n },\n _createEditor: function () {\n var that = this;\n var editor;\n if (this._isMobile() && kendo.mobile.ui.Pane) {\n editor = that._editor = new MobileEditor(this.wrapper, extend({}, this.options, {\n target: this,\n timezone: that.dataSource.reader.timezone,\n resources: that.resources,\n createButton: proxy(this._createButton, this)\n }));\n } else {\n editor = that._editor = new PopupEditor(this.wrapper, extend({}, this.options, {\n target: this,\n createButton: proxy(this._createButton, this),\n timezone: that.dataSource.reader.timezone,\n resources: that.resources\n }));\n }\n editor.bind('cancel', function (e) {\n if (that.trigger('cancel', {\n container: e.container,\n event: e.model\n })) {\n e.preventDefault();\n return;\n }\n that.cancelEvent();\n that.focus();\n });\n editor.bind('edit', function (e) {\n if (that.trigger(EDIT, {\n container: e.container,\n event: e.model\n })) {\n e.preventDefault();\n }\n });\n editor.bind('save', function () {\n that.saveEvent();\n });\n editor.bind('remove', function (e) {\n that.removeEvent(e.model);\n });\n },\n _createPopupEditor: function (model) {\n var editor = this._editor;\n if (!model.isNew() || model.isOccurrence()) {\n if (model.isOccurrence()) {\n this._convertDates(model.recurrenceId ? this.dataSource.get(model.recurrenceId) : model);\n }\n this._convertDates(model);\n }\n this.editable = editor.editEvent(model);\n },\n removeEvent: function (uid) {\n var that = this, model = typeof uid == 'string' ? that.occurrenceByUid(uid) : uid;\n if (!model) {\n return;\n }\n if (model.isRecurring()) {\n that._deleteRecurringDialog(model);\n } else {\n that._confirmation(function (cancel) {\n if (!cancel) {\n that._removeEvent(model);\n }\n }, model);\n }\n },\n occurrenceByUid: function (uid) {\n var occurrence = this.dataSource.getByUid(uid);\n if (!occurrence) {\n occurrence = getOccurrenceByUid(this._data, uid);\n }\n return occurrence;\n },\n occurrencesInRange: function (start, end) {\n return new kendo.data.Query(this._data).filter({\n logic: 'or',\n filters: [\n {\n logic: 'and',\n filters: [\n {\n field: 'start',\n operator: 'gte',\n value: start\n },\n {\n field: 'end',\n operator: 'gte',\n value: start\n },\n {\n field: 'start',\n operator: 'lt',\n value: end\n }\n ]\n },\n {\n logic: 'and',\n filters: [\n {\n field: 'start',\n operator: 'lte',\n value: start\n },\n {\n field: 'end',\n operator: 'gt',\n value: start\n }\n ]\n }\n ]\n }).toArray();\n },\n _removeEvent: function (model) {\n if (!this.trigger(REMOVE, { event: model })) {\n if (this.dataSource.remove(model)) {\n this.dataSource.sync();\n }\n }\n },\n _deleteRecurringDialog: function (model) {\n var that = this;\n var currentModel = model;\n var editable = that.options.editable;\n var deleteOccurrence;\n var deleteSeries;\n var deleteOccurrenceConfirmation;\n var deleteSeriesConfirmation;\n var editRecurringMode = isPlainObject(editable) ? editable.editRecurringMode : 'dialog';\n deleteOccurrence = function () {\n var occurrence = currentModel.recurrenceId ? currentModel : currentModel.toOccurrence();\n var head = that.dataSource.get(occurrence.recurrenceId);\n that._convertDates(head);\n that._removeEvent(occurrence);\n };\n deleteSeries = function () {\n if (currentModel.recurrenceId) {\n currentModel = that.dataSource.get(currentModel.recurrenceId);\n }\n that._removeEvent(currentModel);\n };\n if (editRecurringMode != 'dialog' || that._isEditorOpened()) {\n deleteOccurrenceConfirmation = function () {\n that._confirmation(function (cancel) {\n if (!cancel) {\n deleteOccurrence();\n }\n }, currentModel);\n };\n deleteSeriesConfirmation = function () {\n that._confirmation(function (cancel) {\n if (!cancel) {\n deleteSeries();\n }\n }, currentModel);\n };\n }\n var seriesCallback = deleteSeriesConfirmation || deleteSeries;\n var occurrenceCallback = deleteOccurrenceConfirmation || deleteOccurrence;\n if (that._isEditorOpened()) {\n if (model.isException()) {\n occurrenceCallback();\n } else {\n seriesCallback();\n }\n } else {\n var recurrenceMessages = that.options.messages.recurrenceMessages;\n that._showRecurringDialog(model, occurrenceCallback, seriesCallback, {\n title: recurrenceMessages.deleteWindowTitle,\n text: recurrenceMessages.deleteRecurring ? recurrenceMessages.deleteRecurring : DELETERECURRING,\n occurrenceText: recurrenceMessages.deleteWindowOccurrence,\n seriesText: recurrenceMessages.deleteWindowSeries\n });\n }\n },\n _isEditorOpened: function () {\n return !!this._editor.container;\n },\n _unbindView: function (view) {\n var that = this;\n that.angular('cleanup', function () {\n return { elements: that.items() };\n });\n view.destroy();\n },\n _bindView: function (view) {\n var that = this;\n if (that.options.editable) {\n if (that._viewRemoveHandler) {\n view.unbind(REMOVE, that._viewRemoveHandler);\n }\n that._viewRemoveHandler = function (e) {\n that.removeEvent(e.uid);\n };\n view.bind(REMOVE, that._viewRemoveHandler);\n if (that._viewAddHandler) {\n view.unbind(ADD, that._viewAddHandler);\n }\n that._viewAddHandler = function (e) {\n that.addEvent(e.eventInfo);\n };\n view.bind(ADD, this._viewAddHandler);\n if (that._viewEditHandler) {\n view.unbind(EDIT, that._viewEditHandler);\n }\n that._viewEditHandler = function (e) {\n that.editEvent(e.uid);\n };\n view.bind(EDIT, this._viewEditHandler);\n }\n if (that._viewNavigateHandler) {\n view.unbind('navigate', that._viewNavigateHandler);\n }\n that._viewNavigateHandler = function (e) {\n if (e.view) {\n var switchWorkDay = 'isWorkDay' in e;\n var action = switchWorkDay ? 'changeWorkDay' : 'changeView';\n if (!that.trigger('navigate', {\n view: e.view,\n isWorkDay: e.isWorkDay,\n action: action,\n date: e.date\n })) {\n if (switchWorkDay) {\n that._workDayMode = e.isWorkDay;\n }\n that._selectView(e.view);\n that.date(e.date);\n }\n }\n };\n view.bind('navigate', that._viewNavigateHandler);\n if (that._viewActivateHandler) {\n view.unbind('activate', that._viewActivateHandler);\n }\n that._viewActivateHandler = function () {\n var view = this;\n if (that._selection) {\n view.constrainSelection(that._selection);\n that._select();\n that._adjustSelectedDate();\n }\n };\n view.bind('activate', that._viewActivateHandler);\n },\n _selectView: function (name) {\n var that = this;\n if (name && that.views[name]) {\n if (that._selectedView) {\n that._unbindView(that._selectedView);\n }\n that._selectedView = that._renderView(name);\n that._selectedViewName = name;\n if (that._viewsCount > 1) {\n var viewButton = VIEWBUTTONTEMPLATE({\n views: that.views,\n view: name,\n ns: kendo.ns\n });\n var firstButton = that.toolbar.find('.k-scheduler-views li:first-child');\n if (firstButton.is('.k-current-view')) {\n firstButton.replaceWith(viewButton);\n } else {\n that.toolbar.find('.k-scheduler-views').prepend(viewButton);\n }\n var viewButtons = that.toolbar.find('.k-scheduler-views li').removeClass('k-state-selected');\n viewButtons.end().find('.k-view-' + name.replace(/\\./g, '\\\\.').toLowerCase()).addClass('k-state-selected');\n }\n }\n },\n view: function (name) {\n var that = this;\n if (name) {\n that._selectView(name);\n that.rebind();\n return;\n }\n return that._selectedView;\n },\n viewName: function () {\n return this.view().name;\n },\n _renderView: function (name) {\n var view = this._initializeView(name);\n this._bindView(view);\n this._model.set('formattedDate', view.dateForTitle());\n this._model.set('formattedShortDate', view.shortDateForTitle());\n return view;\n },\n resize: function (force) {\n var size = this.getSize();\n var currentSize = this._size;\n var view = this.view();\n if (!view || !view.groups) {\n return;\n }\n if (force || !currentSize || size.width !== currentSize.width || size.height !== currentSize.height) {\n this.refresh({ action: 'resize' });\n this._size = size;\n }\n },\n _adjustSelectedDate: function () {\n var date = this._model.selectedDate, selection = this._selection, start = selection.start;\n if (start && !kendo.date.isInDateRange(date, getDate(start), getDate(selection.end))) {\n date.setFullYear(start.getFullYear(), start.getMonth(), start.getDate());\n }\n },\n _initializeView: function (name) {\n var view = this.views[name];\n if (view) {\n var isSettings = isPlainObject(view), type = view.type;\n if (typeof type === STRING) {\n type = kendo.getter(view.type)(window);\n }\n if (type) {\n view = new type(this.wrapper, trimOptions(extend(true, {}, this.options, isSettings ? view : {}, {\n resources: this.resources,\n date: this.date(),\n showWorkHours: this._workDayMode\n })));\n } else {\n throw new Error('There is no such view');\n }\n }\n return view;\n },\n _views: function () {\n var views = this.options.views;\n var view;\n var defaultView;\n var selected;\n var isSettings;\n var name;\n var type;\n var idx;\n var length;\n this.views = {};\n this._viewsCount = 0;\n for (idx = 0, length = views.length; idx < length; idx++) {\n var hasType = false;\n view = views[idx];\n isSettings = isPlainObject(view);\n if (isSettings) {\n type = name = view.type ? view.type : view;\n if (typeof type !== STRING) {\n name = view.name || view.title;\n hasType = true;\n }\n } else {\n type = name = view;\n }\n defaultView = defaultViews[name];\n if (defaultView && !hasType) {\n view.type = defaultView.type;\n defaultView.title = this.options.messages.views[name];\n if (defaultView.type === 'day') {\n defaultView.messages = { allDay: this.options.messages.allDay };\n } else if (defaultView.type === 'agenda') {\n defaultView.messages = {\n event: this.options.messages.event,\n date: this.options.messages.date,\n time: this.options.messages.time\n };\n }\n }\n view = extend({ title: name }, defaultView, isSettings ? view : {});\n if (name) {\n this.views[name] = view;\n this._viewsCount++;\n if (!selected || view.selected) {\n selected = name;\n }\n }\n }\n if (selected) {\n this._selectedViewName = selected;\n }\n },\n rebind: function () {\n this.dataSource.fetch();\n },\n _dataSource: function () {\n var that = this, options = that.options, dataSource = options.dataSource;\n dataSource = isArray(dataSource) ? { data: dataSource } : dataSource;\n if (options.timezone && !(dataSource instanceof SchedulerDataSource)) {\n dataSource = extend(true, dataSource, { schema: { timezone: options.timezone } });\n } else if (dataSource instanceof SchedulerDataSource) {\n options.timezone = dataSource.options.schema ? dataSource.options.schema.timezone : '';\n }\n if (that.dataSource && that._refreshHandler) {\n that.dataSource.unbind(CHANGE, that._refreshHandler).unbind('progress', that._progressHandler).unbind('error', that._errorHandler);\n } else {\n that._refreshHandler = proxy(that.refresh, that);\n that._progressHandler = proxy(that._requestStart, that);\n that._errorHandler = proxy(that._error, that);\n }\n that.dataSource = kendo.data.SchedulerDataSource.create(dataSource).bind(CHANGE, that._refreshHandler).bind('progress', that._progressHandler).bind('error', that._errorHandler);\n that.options.dataSource = that.dataSource;\n },\n _error: function () {\n this._progress(false);\n },\n _requestStart: function () {\n this._progress(true);\n },\n _progress: function (toggle) {\n var element = this.element.find('.k-scheduler-content');\n kendo.ui.progress(element, toggle);\n },\n _resources: function () {\n var that = this;\n var resources = that.options.resources;\n for (var idx = 0; idx < resources.length; idx++) {\n var resource = resources[idx];\n var field = resource.field;\n var dataSource = resource.dataSource;\n if (!field || !dataSource) {\n throw new Error('The \"field\" and \"dataSource\" options of the scheduler resource are mandatory.');\n }\n that.resources.push({\n field: field,\n name: resource.name || field,\n title: resource.title || field,\n dataTextField: resource.dataTextField || 'text',\n dataValueField: resource.dataValueField || 'value',\n dataColorField: resource.dataColorField || 'color',\n valuePrimitive: resource.valuePrimitive != null ? resource.valuePrimitive : true,\n multiple: resource.multiple || false,\n dataSource: kendo.data.DataSource.create(dataSource)\n });\n }\n var promises = $.map(that.resources, function (resource) {\n return resource.dataSource.fetch();\n });\n $.when.apply(null, promises).then(function () {\n if (that.options.autoBind) {\n that.view(that._selectedViewName);\n } else {\n that._selectView(that._selectedViewName);\n }\n });\n },\n _initModel: function () {\n var that = this;\n that._model = kendo.observable({\n selectedDate: new Date(this.options.date),\n formattedDate: '',\n formattedShortDate: ''\n });\n that._model.bind('change', function (e) {\n if (e.field === 'selectedDate') {\n that.view(that._selectedViewName);\n }\n });\n },\n _wrapper: function () {\n var that = this;\n var options = that.options;\n var height = options.height;\n var width = options.width;\n that.wrapper = that.element.addClass('k-widget k-scheduler k-floatwrap').attr('role', 'grid').attr('aria-multiselectable', true);\n if (that._isMobile()) {\n that.wrapper.addClass('k-scheduler-mobile');\n }\n if (that._isMobilePhoneView()) {\n that.wrapper.addClass('k-scheduler-phone');\n }\n if (height) {\n that.wrapper.height(height);\n }\n if (width) {\n that.wrapper.width(width);\n }\n },\n date: function (value) {\n if (value != null && getDate(value) >= getDate(this.options.min) && getDate(value) <= getDate(this.options.max)) {\n this._model.set('selectedDate', value);\n }\n return getDate(this._model.get('selectedDate'));\n },\n _toolbar: function () {\n var that = this;\n var options = that.options;\n var commands = [];\n if (options.toolbar) {\n commands = $.isArray(options.toolbar) ? options.toolbar : [options.toolbar];\n }\n var template = this._isMobilePhoneView() ? MOBILETOOLBARTEMPLATE : TOOLBARTEMPLATE;\n var toolbar = $(template({\n messages: options.messages,\n pdf: $.grep(commands, function (item) {\n return item == 'pdf' || item.name == 'pdf';\n }).length > 0,\n ns: kendo.ns,\n views: that.views,\n viewsCount: that._viewsCount\n }));\n that.wrapper.append(toolbar);\n that.toolbar = toolbar;\n kendo.bind(that.toolbar, that._model);\n toolbar.on(CLICK + NS, '.k-pdf', function (e) {\n e.preventDefault();\n that.saveAsPDF();\n });\n toolbar.on(CLICK + NS, '.k-scheduler-navigation li', function (e) {\n var li = $(this);\n var date = new Date(that.date());\n var action = '';\n e.preventDefault();\n if (li.hasClass('k-nav-today')) {\n action = 'today';\n date = new Date();\n } else if (li.hasClass('k-nav-next')) {\n action = 'next';\n date = that.view().nextDate();\n } else if (li.hasClass('k-nav-prev')) {\n action = 'previous';\n date = that.view().previousDate();\n } else if (li.hasClass('k-nav-current') && !that._isMobilePhoneView()) {\n that._showCalendar();\n return;\n }\n if (!that.trigger('navigate', {\n view: that._selectedViewName,\n action: action,\n date: date\n })) {\n that.date(date);\n }\n });\n toolbar.on(CLICK + NS, '.k-scheduler-views li:not(.k-current-view), .k-scheduler-refresh', function (e) {\n e.preventDefault();\n var name = $(this).attr(kendo.attr('name'));\n if (!that.trigger('navigate', {\n view: name,\n action: 'changeView',\n date: that.date()\n })) {\n that.view(name);\n that.element.find('.k-state-expanded').removeClass('k-state-expanded');\n }\n });\n toolbar.on(CLICK + NS, '.k-scheduler-views li.k-current-view', function (e) {\n e.preventDefault();\n that.element.find('.k-scheduler-views').toggleClass('k-state-expanded');\n $(document).on(MOUSEDOWN + NS, function (e) {\n if ($(e.target).closest('.k-scheduler-views').length === 0) {\n that.element.find('.k-state-expanded').removeClass('k-state-expanded');\n $(document).off(CLICK + NS);\n }\n });\n });\n toolbar.find('li').hover(function () {\n $(this).addClass('k-state-hover');\n }, function () {\n $(this).removeClass('k-state-hover');\n });\n },\n _showCalendar: function () {\n var that = this, target = that.toolbar.find('.k-nav-current'), html = $('');\n if (!that.popup) {\n that.popup = new Popup(html, {\n anchor: target,\n open: function () {\n if (!that.calendar) {\n that.calendar = new Calendar(this.element.find('.k-scheduler-calendar'), {\n change: function () {\n var date = this.value();\n if (!that.trigger('navigate', {\n view: that._selectedViewName,\n action: 'changeDate',\n date: date\n })) {\n that.date(date);\n that.popup.close();\n }\n },\n min: that.options.min,\n max: that.options.max\n });\n }\n that.calendar.value(that.date());\n },\n copyAnchorStyles: false\n });\n }\n that.popup.open();\n },\n refresh: function (e) {\n var that = this;\n var view = this.view();\n this._progress(false);\n this.angular('cleanup', function () {\n return { elements: that.items() };\n });\n e = e || {};\n if (!view) {\n return;\n }\n if (e && e.action === 'itemchange' && (this._editor.editable || this._preventRefresh)) {\n return;\n }\n if (this.trigger('dataBinding', {\n action: e.action || 'rebind',\n index: e.index,\n items: e.items\n })) {\n return;\n }\n if (!(e && e.action === 'resize') && this._editor) {\n this._editor.close();\n }\n this._data = this.dataSource.expand(view.startDate(), view.endDate());\n view.refreshLayout();\n view.render(this._data);\n this.trigger('dataBound');\n },\n slotByPosition: function (x, y) {\n var view = this.view();\n if (!view._slotByPosition) {\n return null;\n }\n var slot = view._slotByPosition(x, y);\n if (!slot) {\n return null;\n }\n return {\n startDate: slot.startDate(),\n endDate: slot.endDate(),\n groupIndex: slot.groupIndex,\n element: slot.element,\n isDaySlot: slot.isDaySlot\n };\n },\n slotByElement: function (element) {\n var offset = $(element).offset();\n return this.slotByPosition(offset.left, offset.top);\n },\n resourcesBySlot: function (slot) {\n return this.view()._resourceBySlot(slot);\n }\n });\n var defaultViews = {\n day: { type: 'kendo.ui.DayView' },\n week: { type: 'kendo.ui.WeekView' },\n workWeek: { type: 'kendo.ui.WorkWeekView' },\n agenda: { type: 'kendo.ui.AgendaView' },\n month: { type: 'kendo.ui.MonthView' },\n timeline: { type: 'kendo.ui.TimelineView' },\n timelineWeek: { type: 'kendo.ui.TimelineWeekView' },\n timelineWorkWeek: { type: 'kendo.ui.TimelineWorkWeekView' },\n timelineMonth: { type: 'kendo.ui.TimelineMonthView' }\n };\n ui.plugin(Scheduler);\n if (kendo.PDFMixin) {\n kendo.PDFMixin.extend(Scheduler.prototype);\n var SCHEDULER_EXPORT = 'k-scheduler-pdf-export';\n Scheduler.fn._drawPDF = function (progress) {\n var wrapper = this.wrapper;\n var styles = wrapper[0].style.cssText;\n wrapper.css({\n width: wrapper.width(),\n height: wrapper.height()\n });\n wrapper.addClass(SCHEDULER_EXPORT);\n var scheduler = this;\n var promise = new $.Deferred();\n var table = wrapper.find('.k-scheduler-content').find('table').css('table-layout', 'auto');\n setTimeout(function () {\n table.css('table-layout', 'fixed');\n scheduler.resize(true);\n scheduler._drawPDFShadow({}, { avoidLinks: scheduler.options.pdf.avoidLinks }).done(function (group) {\n var args = {\n page: group,\n pageNumber: 1,\n progress: 1,\n totalPages: 1\n };\n progress.notify(args);\n promise.resolve(args.page);\n }).fail(function (err) {\n promise.reject(err);\n }).always(function () {\n wrapper[0].style.cssText = styles;\n wrapper.removeClass(SCHEDULER_EXPORT);\n scheduler.resize(true);\n scheduler.resize(true);\n });\n });\n return promise;\n };\n }\n var TimezoneEditor = Widget.extend({\n init: function (element, options) {\n var that = this, zones = kendo.timezone.windows_zones;\n if (!zones || !kendo.timezone.zones_titles) {\n throw new Error('kendo.timezones.min.js is not included.');\n }\n Widget.fn.init.call(that, element, options);\n that.wrapper = that.element;\n that._zonesQuery = new kendo.data.Query(zones);\n that._zoneTitleId = kendo.guid();\n that._zoneTitlePicker();\n that._zonePicker();\n that._zoneTitle.bind('cascade', function () {\n if (!this.value()) {\n that._zone.wrapper.hide();\n }\n });\n that._zone.bind('cascade', function () {\n that._value = this.value();\n that.trigger('change');\n });\n that.value(that.options.value);\n },\n options: {\n name: 'TimezoneEditor',\n value: '',\n optionLabel: 'No timezone'\n },\n events: ['change'],\n _zoneTitlePicker: function () {\n var that = this, zoneTitle = $('
').appendTo(that.wrapper);\n that._zoneTitle = new kendo.ui.DropDownList(zoneTitle, {\n dataSource: kendo.timezone.zones_titles,\n dataValueField: 'other_zone',\n dataTextField: 'name',\n optionLabel: that.options.optionLabel\n });\n },\n _zonePicker: function () {\n var that = this, zone = $('
').appendTo(this.wrapper);\n that._zone = new kendo.ui.DropDownList(zone, {\n dataValueField: 'zone',\n dataTextField: 'territory',\n dataSource: that._zonesQuery.data,\n cascadeFrom: that._zoneTitleId,\n dataBound: function () {\n that._value = this.value();\n this.wrapper.toggle(this.dataSource.view().length > 1);\n }\n });\n that._zone.wrapper.hide();\n },\n destroy: function () {\n Widget.fn.destroy.call(this);\n kendo.destroy(this.wrapper);\n },\n value: function (value) {\n var that = this, zone;\n if (value === undefined) {\n return that._value;\n }\n zone = that._zonesQuery.filter({\n field: 'zone',\n operator: 'eq',\n value: value\n }).data[0];\n if (zone) {\n that._zoneTitle.value(zone.other_zone);\n that._zone.value(zone.zone);\n } else {\n that._zoneTitle.select(0);\n }\n }\n });\n ui.plugin(TimezoneEditor);\n var ZONETITLEOPTIONTEMPLATE = kendo.template('
');\n var ZONEOPTIONTEMPLATE = kendo.template('
');\n var MobileTimezoneEditor = Widget.extend({\n init: function (element, options) {\n var that = this, zones = kendo.timezone.windows_zones;\n if (!zones || !kendo.timezone.zones_titles) {\n throw new Error('kendo.timezones.min.js is not included.');\n }\n Widget.fn.init.call(that, element, options);\n that.wrapper = that.element;\n that._zonesQuery = new kendo.data.Query(zones);\n that._zoneTitlePicker();\n that._zonePicker();\n that.value(that.options.value);\n },\n options: {\n name: 'MobileTimezoneEditor',\n optionLabel: 'No timezone',\n value: ''\n },\n events: ['change'],\n _bindZones: function (value) {\n var data = value ? this._filter(value) : [];\n this._zone.html(this._options(data, ZONEOPTIONTEMPLATE));\n },\n _filter: function (value) {\n return this._zonesQuery.filter({\n field: 'other_zone',\n operator: 'eq',\n value: value\n }).data;\n },\n _options: function (data, template, optionLabel) {\n var idx = 0;\n var html = '';\n var length = data.length;\n if (optionLabel) {\n html += template({\n other_zone: '',\n name: optionLabel\n });\n }\n for (; idx < length; idx++) {\n html += template(data[idx]);\n }\n return html;\n },\n _zoneTitlePicker: function () {\n var that = this;\n var options = that._options(kendo.timezone.zones_titles, ZONETITLEOPTIONTEMPLATE, that.options.optionLabel);\n that._zoneTitle = $('
').appendTo(that.wrapper).change(function () {\n var value = this.value;\n var zone = that._zone;\n that._bindZones(value);\n if (value && zone[0].children.length > 1) {\n zone.show();\n } else {\n zone.hide();\n }\n that._value = zone[0].value;\n that.trigger('change');\n });\n },\n _zonePicker: function () {\n var that = this;\n that._zone = $('
').appendTo(this.wrapper).change(function () {\n that._value = this.value;\n that.trigger('change');\n });\n that._bindZones(that._zoneTitle.val());\n that._value = that._zone[0].value;\n },\n destroy: function () {\n Widget.fn.destroy.call(this);\n kendo.destroy(this.wrapper);\n },\n value: function (value) {\n var that = this;\n var zonePicker = that._zone;\n var other_zone = '';\n var zone_value = '';\n var zone;\n if (value === undefined) {\n return that._value;\n }\n zone = that._zonesQuery.filter({\n field: 'zone',\n operator: 'eq',\n value: value\n }).data[0];\n if (zone) {\n zone_value = zone.zone;\n other_zone = zone.other_zone;\n }\n that._zoneTitle.val(other_zone);\n that._bindZones(other_zone);\n zonePicker.val(zone_value);\n zone_value = zonePicker[0].value;\n if (zone_value && zonePicker[0].children.length > 1) {\n zonePicker.show();\n } else {\n zonePicker.hide();\n }\n that._value = zone_value;\n }\n });\n ui.plugin(MobileTimezoneEditor);\n }(window.kendo.jQuery));\n return window.kendo;\n}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {\n (a3 || a2)();\n}));"]}