';\n return template;\n }\n },\n {\n field: 'created',\n title: messages.dateCreatedField,\n format: '{0:G}'\n },\n {\n field: 'size',\n title: messages.sizeField,\n template: function (item) {\n if (item.size > 0) {\n return kendo.getFileSizeMessage(item.size);\n } else {\n return '';\n }\n }\n }\n ];\n }\n },\n _bindEvents: function () {\n var that = this, grid = that.grid;\n grid.bind(CHANGE, proxy(that._select, that));\n grid.table.on('dblclick' + NS, proxy(that._dblClick, that));\n grid.table.on('mousedown' + NS, 'tr:not(.k-grid-edit-row)', proxy(that._mousedown, that));\n grid.table.on(KEYDOWN + NS, '.k-grid-edit-row', proxy(that._keydown, that));\n grid.table.on(KEYDOWN + NS, proxy(that._keydownAction, that));\n grid.bind('edit', function () {\n that._toggleFocusable(true);\n });\n grid.bind('cancel', function () {\n that.trigger('cancel');\n });\n grid.saveRow = $.noop;\n Component.fn._bindEvents.call(this);\n },\n _kendoKeydown: function (ev) {\n var that = this, current = that.grid.current(), node = current ? current.closest('tr[data-uid]') : null;\n if (node && ev.keyCode === keys.ENTER && !ev.preventKendoKeydown) {\n that._triggerOpen(node);\n ev.preventKendoKeydown = true;\n }\n if (ev.keyCode === keys.F2) {\n ev.preventKendoKeydown = true;\n }\n },\n _keydownAction: function (ev) {\n var that = this, target = $(ev.target).find('.k-state-focused').closest('tr');\n if (target.length && !target.is('.k-grid-edit-row')) {\n that.trigger(KEYDOWNACTION, {\n target: target,\n keyCode: ev.keyCode\n });\n }\n },\n _keydown: function (ev) {\n var that = this, grid = that.grid;\n if (!$(ev.target).closest('.k-grid-edit-row').length) {\n return;\n }\n if (ev.keyCode === kendo.keys.ENTER) {\n setTimeout(function () {\n var editorContainer = that.grid._editContainer || $();\n editorContainer.find('input').trigger('blur');\n that._closeEditable();\n });\n that._tryCancel();\n }\n if (ev.keyCode === kendo.keys.ESC) {\n grid.cancelChanges();\n that.trigger('cancel');\n }\n },\n _mousedown: function (ev) {\n var that = this, node = $(ev.target).closest('tr[data-uid]');\n if (ev.which === 1 && that.grid.editable) {\n setTimeout(function () {\n that._closeEditable();\n });\n that._tryCancel();\n }\n if (ev.which === 3 && !node.is('.k-state-selected')) {\n that.grid.selectable.clear();\n that.grid.select(node);\n }\n },\n _tryCancel: function () {\n var that = this, grid = that.grid, container;\n if (grid.editable) {\n container = grid._editContainer;\n if (!container.find('input').val()) {\n grid.cancelChanges();\n }\n }\n setTimeout(function () {\n that._toggleFocusable(false);\n });\n },\n _toggleFocusable: function (state) {\n var that = this, grid = that.grid;\n grid.table.find('tr,td').children().addBack().toggleClass('k-focusable', state);\n },\n _closeEditable: function () {\n var that = this, container;\n if (that.grid.editable && !that.grid.editable.options.model.dirty) {\n container = that.grid._editContainer;\n that.grid._destroyEditable();\n that.grid._displayRow(container);\n that.trigger('cancel');\n }\n },\n _select: function () {\n var that = this, dataItems = that.getSelected();\n that.trigger(SELECT, { entries: dataItems });\n },\n _dblClick: function (ev) {\n var that = this, node = $(ev.target).closest('tr[data-uid]');\n that._triggerOpen(node);\n },\n _triggerOpen: function (node) {\n var that = this;\n if (node.is('.k-grid-edit-row')) {\n return;\n }\n var item = that.grid.dataItem(node);\n if (item) {\n that.trigger(OPEN, { entry: item });\n }\n },\n getSelected: function () {\n var that = this, items = that.grid.select(), dataItems = [];\n for (var i = 0; i < items.length; i++) {\n dataItems.push(that.grid.dataItem(items[i]));\n }\n return dataItems;\n },\n addFolder: function () {\n this.grid.addRow();\n },\n edit: function (target) {\n var that = this, selected = that.grid.select();\n that.grid.editRow(target || selected);\n },\n destroy: function () {\n this.grid.table.off(NS);\n this.grid.element.off(NS);\n Component.fn.destroy.call(this);\n }\n });\n ui.filemanager.registerViewComponent('grid', Grid);\n }\n }(window.kendo.jQuery));\n return window.kendo;\n}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {\n (a3 || a2)();\n}));\n(function (f, define) {\n define('filemanager/toolbar', [\n 'kendo.toolbar',\n 'kendo.switch'\n ], f);\n}(function () {\n (function ($, undefined) {\n var kendo = window.kendo, extend = $.extend, proxy = $.proxy, ToolBar = kendo.ui.ToolBar, Item = kendo.toolbar.Item, CLICK = 'click', TOGGLE = 'toggle', CLOSE = 'close', ACTION = 'action', CHANGE = 'change', NS = '.fileManagerToolbar';\n var FileManagerToolBar = ToolBar.extend({\n init: function (element, options) {\n var that = this;\n that._extendOptions(options);\n ToolBar.fn.init.call(that, element, options);\n that._attachEvents();\n },\n events: ToolBar.fn.events.concat([ACTION]),\n defaultTools: {\n createFolder: {\n type: 'button',\n text: 'New Folder',\n name: 'createFolder',\n command: 'CreateFolderCommand',\n rules: '{ \"remote\": true }'\n },\n upload: {\n type: 'button',\n text: 'Upload',\n name: 'upload',\n command: 'OpenDialogCommand',\n options: '{ \"type\": \"uploadDialog\" }',\n rules: '{ \"remote\": true }'\n },\n sortDirection: {\n type: 'buttonGroup',\n text: 'Sort Direction',\n name: 'sortDirection',\n buttons: [\n {\n name: 'sortDirectionAsc',\n icon: 'sort-asc-sm',\n togglable: true,\n group: 'sortDirection',\n command: 'SortCommand',\n options: '{ \"dir\": \"asc\" }',\n selected: true\n },\n {\n name: 'sortDirectionDesc',\n icon: 'sort-desc-sm',\n togglable: true,\n group: 'sortDirection',\n command: 'SortCommand',\n options: '{ \"dir\": \"desc\" }'\n }\n ]\n },\n sortField: {\n type: 'splitButton',\n text: 'Sort By',\n name: 'sortField',\n command: 'SortCommand',\n menuButtons: [\n {\n name: 'nameField',\n text: 'Name',\n options: '{\"field\": \"name\"}',\n command: 'SortCommand'\n },\n {\n name: 'typeField',\n text: 'Type',\n options: '{\"field\": \"extension\"}',\n command: 'SortCommand'\n },\n {\n name: 'sizeField',\n text: 'Size',\n options: '{\"field\": \"size\"}',\n command: 'SortCommand'\n },\n {\n name: 'dateCreatedField',\n text: 'Date created',\n options: '{\"field\": \"createdUtc\"}',\n command: 'SortCommand'\n },\n {\n name: 'dateModifiedField',\n text: 'Date modified',\n options: '{\"field\": \"modifiedUtc\"}',\n command: 'SortCommand'\n }\n ]\n },\n changeView: {\n type: 'buttonGroup',\n text: 'Change View',\n name: 'changeView',\n buttons: [\n {\n name: 'gridView',\n icon: 'grid-layout',\n togglable: true,\n group: 'changeView',\n command: 'ChangeViewCommand',\n options: 'grid'\n },\n {\n name: 'listView',\n icon: 'grid',\n togglable: true,\n group: 'changeView',\n command: 'ChangeViewCommand',\n options: 'list'\n }\n ]\n },\n spacer: { type: 'spacer' },\n details: {\n type: 'fileManagerDetailsToggle',\n text: 'View Details',\n name: 'details',\n overflow: 'never',\n command: 'TogglePaneCommand',\n options: '{ \"type\": \"preview\" }'\n },\n search: {\n type: 'fileManagerSearch',\n text: 'Search',\n name: 'search',\n command: 'SearchCommand',\n icon: 'search',\n overflow: 'never',\n options: '{ \"field\": \"name\", \"operator\": \"startswith\" }'\n }\n },\n _attachEvents: function () {\n var that = this;\n that.bind(TOGGLE, proxy(that._click, that));\n that.bind(CLOSE, proxy(that._click, that));\n that.bind(CLICK, proxy(that._click, that));\n that.bind(CHANGE, proxy(that._change, that));\n },\n _extendOptions: function (options) {\n var that = this, tools = options.items ? options.items : Object.keys(that.defaultTools);\n that.options = options;\n that.options.items = that._extendToolsOptions(tools);\n },\n _extendToolsOptions: function (tools) {\n var that = this, messages = that.options.messages;\n if (!tools.length) {\n return;\n }\n return tools.map(function (tool) {\n var isBuiltInTool = $.isPlainObject(tool) && Object.keys(tool).length === 1 && tool.name, toolOptions, toolRules;\n tool = isBuiltInTool ? tool.name : tool;\n toolOptions = $.isPlainObject(tool) ? tool : extend({}, that.defaultTools[tool]);\n toolRules = toolOptions.rules ? JSON.parse(toolOptions.rules) : {};\n kendo.deepExtend(toolOptions, {\n id: toolOptions.name + '-' + kendo.guid(),\n name: toolOptions.name,\n text: messages[toolOptions.name],\n attributes: {\n 'aria-label': messages[toolOptions.name],\n 'title': messages[toolOptions.name],\n 'data-command': toolOptions.command,\n 'data-options': toolOptions.options\n },\n overflow: toolOptions.overflow\n });\n if (toolOptions.type === 'buttonGroup') {\n toolOptions.buttons = toolOptions.buttons.map(proxy(that._mapButtonGroups, that));\n }\n if (toolOptions.type === 'splitButton') {\n toolOptions.menuButtons = toolOptions.menuButtons.map(proxy(that._mapMenuButtons, that));\n }\n if (toolRules.remote && that.options.filemanager.dataSource.isLocalBinding) {\n toolOptions.hidden = true;\n }\n return toolOptions;\n }, that);\n },\n _mapButtonGroups: function (button) {\n var that = this, messages = that.options.messages;\n if (button.group === 'changeView' && button.options === that.options.filemanager.options.initialView) {\n button.selected = true;\n }\n return kendo.deepExtend(button, {\n attributes: extend({}, button.attributes, {\n 'aria-label': messages[button.name],\n 'title': messages[button.name],\n 'data-command': button.command,\n 'data-options': button.options\n })\n });\n },\n _mapMenuButtons: function (button) {\n var that = this, messages = that.options.messages;\n return kendo.deepExtend(button, {\n text: messages[button.name],\n attributes: extend({}, button.attributes, {\n 'aria-label': messages[button.name],\n 'title': messages[button.name],\n 'data-command': button.command,\n 'data-options': button.options\n })\n });\n },\n _click: function (ev) {\n var command = $(ev.target).data('command'), options = $(ev.target).data('options');\n if (!command) {\n return;\n }\n this.action({\n command: command,\n options: options\n });\n },\n _change: function (ev) {\n var command = $(ev.target).data('command'), options = $(ev.target).data('options');\n options = extend({}, options, { value: $(ev.target).val() });\n if (!command) {\n return;\n }\n this.action({\n command: command,\n options: options\n });\n },\n isToolEnabled: function (toolName) {\n var that = this, options = that.options, found = false;\n for (var i = 0; i < options.items.length; i++) {\n if (options.items[i].name == toolName) {\n found = true;\n break;\n }\n }\n return options.items[toolName] || found;\n },\n action: function (args) {\n this.trigger(ACTION, args);\n },\n destroy: function () {\n if (this.fileManagerSearch) {\n this.fileManagerSearch.destroy();\n }\n ToolBar.fn.destroy.call(this);\n }\n });\n var SearchTool = Item.extend({\n init: function (options, toolbar) {\n var that = this, element = $('
'), input = $('
'), iconWrapper = $('
'), icon = $('
');\n that.element = element;\n that.input = input;\n that.iconWrapper = iconWrapper;\n that.icon = icon;\n that.options = options;\n that.options.type = 'fileManagerSearch';\n that.toolbar = toolbar;\n that.attributes();\n that.renderIcon();\n that.addUidAttr();\n that.addIdAttr();\n that.addOverflowAttr();\n that.input.attr({\n placeholder: that.options.text,\n title: that.options.text\n });\n that.iconWrapper.append(icon);\n that.element.append(that.input).append(iconWrapper);\n that._bindEvents();\n that.toolbar.fileManagerSearch = that;\n },\n attributes: function () {\n if (this.options.attributes) {\n this.input.attr(this.options.attributes);\n }\n },\n renderIcon: function () {\n if (this.options.icon) {\n this.icon.addClass('k-icon k-i-' + this.options.icon);\n }\n },\n _bindEvents: function () {\n this._inputHandler = proxy(this._input, this);\n this.input.on('input' + NS, this._inputHandler);\n },\n _input: function (ev) {\n this.toolbar.trigger(CHANGE, { target: ev.target });\n },\n destroy: function () {\n this.element.off(NS);\n }\n });\n kendo.toolbar.registerComponent('fileManagerSearch', SearchTool);\n var FileManagerDetailsToggle = Item.extend({\n init: function (options, toolbar) {\n var that = this, element = $('
'), label = $('
'), switchElement = $('
');\n that.element = element;\n that.input = switchElement;\n that.label = label;\n that.options = options;\n that.toolbar = toolbar;\n that.attributes();\n that.addUidAttr();\n that.addIdAttr();\n that.addOverflowAttr();\n that.element.append(that.label);\n that.element.append(that.input);\n that.switchInstance = new kendo.ui.Switch(that.input, {\n change: proxy(that._change, that),\n messages: {\n checked: toolbar.options.messages.detailsChecked,\n unchecked: toolbar.options.messages.detailsUnchecked\n }\n });\n that.label.on(CLICK + NS, proxy(that._click, that));\n that.toolbar.fileManagerDetailsToggle = that;\n },\n _change: function (ev) {\n this.toolbar.trigger(CHANGE, { target: ev.sender.wrapper.parent() });\n },\n _click: function (ev) {\n this.switchInstance.toggle();\n this.toolbar.trigger(CHANGE, { target: $(ev.target).parent() });\n },\n destroy: function () {\n this.element.off(NS);\n }\n });\n kendo.toolbar.registerComponent('fileManagerDetailsToggle', FileManagerDetailsToggle);\n extend(kendo.ui.filemanager, { ToolBar: FileManagerToolBar });\n }(window.kendo.jQuery));\n return window.kendo;\n}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {\n (a3 || a2)();\n}));\n(function (f, define) {\n define('filemanager/data', ['kendo.data'], f);\n}(function () {\n (function ($, undefined) {\n var kendo = window.kendo, extend = $.extend, data = kendo.data, Node = data.Node, HierarchicalDataSource = data.HierarchicalDataSource, DataSource = data.DataSource;\n extend(true, kendo.data, {\n schemas: {\n 'filemanager': {\n data: function (data) {\n return data.items || data || [];\n },\n model: {\n id: 'path',\n hasChildren: 'hasDirectories',\n fields: {\n name: {\n editable: true,\n type: 'string',\n defaultValue: 'New Folder'\n },\n size: {\n editable: false,\n type: 'number'\n },\n path: {\n editable: false,\n type: 'string'\n },\n extension: {\n editable: false,\n type: 'string'\n },\n isDirectory: {\n editable: false,\n defaultValue: true,\n type: 'boolean'\n },\n hasDirectories: {\n editable: false,\n defaultValue: false,\n type: 'boolean'\n },\n created: {\n type: 'date',\n editable: false\n },\n createdUtc: {\n type: 'date',\n editable: false\n },\n modified: {\n type: 'date',\n editable: false\n },\n modifiedUtc: {\n type: 'date',\n editable: false\n }\n }\n }\n }\n }\n });\n var FileEntry = Node.define({\n init: function (value) {\n var that = this, isDirectory = this.isDirectory;\n Node.fn.init.call(this, value);\n if (typeof isDirectory === 'string') {\n isDirectory = kendo.getter(isDirectory);\n }\n if (kendo.isFunction(isDirectory)) {\n var isDirectoryObject = isDirectory.call(that, that);\n if (isDirectoryObject && isDirectoryObject.length === 0) {\n that.isDirectory = false;\n } else {\n that.isDirectory = !!isDirectoryObject;\n }\n }\n if (that.isDirectory) {\n that._initChildren();\n }\n },\n _initChildren: function () {\n var that = this;\n var children, transport, parameterMap;\n if (!(that.children instanceof kendo.data.FileManagerDataSource)) {\n children = that.children = new kendo.data.FileManagerDataSource(that._childrenOptions);\n transport = children.transport;\n parameterMap = transport.parameterMap;\n transport.parameterMap = function (data, type) {\n if (type === 'read' || type === 'create') {\n data.target = that.id;\n }\n if (parameterMap) {\n data = parameterMap.call(that, data, type);\n }\n return data;\n };\n children.parent = function () {\n return that;\n };\n children.bind('change', function (e) {\n e.node = e.node || that;\n that.trigger('change', e);\n });\n children.bind('error', function (e) {\n var collection = that.parent();\n if (collection) {\n e.node = e.node || that;\n collection.trigger('error', e);\n }\n });\n that._updateChildrenField();\n }\n },\n isNew: function () {\n if (this.fileManagerNewItem) {\n delete this.fileManagerNewItem;\n return true;\n }\n return this.id === this._defaultId;\n }\n });\n var FileManagerDataSource = HierarchicalDataSource.extend({\n init: function (options) {\n var fileEntry = FileEntry.define({ children: options });\n if (options.filter && !options.serverFiltering) {\n this._hierarchicalFilter = options.filter;\n options.filter = null;\n }\n DataSource.fn.init.call(this, $.extend(true, {}, {\n schema: {\n modelBase: fileEntry,\n model: fileEntry\n }\n }, options));\n this.isLocalBinding = this.transport instanceof kendo.data.LocalTransport;\n this._attachBubbleHandlers();\n },\n insert: function (index, model) {\n var parentNode = this.parent();\n if (parentNode && parentNode._initChildren) {\n if (model && model.isDirectory) {\n parentNode.hasDirectories = true;\n }\n parentNode.hasChildren = true;\n parentNode._initChildren();\n }\n return DataSource.fn.insert.call(this, index, model);\n },\n remove: function (node) {\n var that = this, parentNode = node.parentNode(), dataSource = that, result;\n if (parentNode && parentNode._initChildren) {\n dataSource = parentNode.children;\n }\n that._cleanDestroyed(node);\n result = DataSource.fn.remove.call(dataSource, node);\n if (parentNode && (dataSource.data() && !dataSource.data().length)) {\n parentNode.hasChildren = false;\n } else if (parentNode && !this._hasDirectories(parentNode)) {\n parentNode.hasDirectories = false;\n }\n return result;\n },\n _cleanDestroyed: function (node) {\n var that = this, dataSource = that;\n if (node.parentNode && node.parentNode()) {\n node = node.parentNode();\n dataSource = node.children;\n dataSource._destroyed = [];\n that._cleanDestroyed(node);\n } else {\n dataSource._destroyed = [];\n }\n },\n _hasDirectories: function (node) {\n var result;\n if (!node.children.data()) {\n return false;\n }\n result = node.children.data().filter(function (item) {\n return item.isDirectory;\n });\n return !!result.length;\n }\n });\n FileManagerDataSource.create = function (options) {\n options = options && options.push ? { data: options } : options;\n var dataSource = options || {}, data = dataSource.data;\n if (data && data._dataSource) {\n return data._dataSource;\n }\n dataSource.data = data;\n return dataSource instanceof FileManagerDataSource ? dataSource : new FileManagerDataSource(dataSource);\n };\n kendo.observableFileManagerData = function (array) {\n var dataSource = FileManagerDataSource.create({\n data: array,\n schema: kendo.data.schemas.filemanager\n });\n dataSource.fetch();\n dataSource._data._dataSource = dataSource;\n return dataSource._data;\n };\n extend(kendo.data, {\n FileManagerDataSource: FileManagerDataSource,\n FileEntry: FileEntry\n });\n }(window.kendo.jQuery));\n return window.kendo;\n}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {\n (a3 || a2)();\n}));\n(function (f, define) {\n define('filemanager/contextmenu', ['kendo.menu'], f);\n}(function () {\n (function ($, undefined) {\n var kendo = window.kendo, extend = $.extend, proxy = $.proxy, template = kendo.template, ContextMenu = kendo.ui.ContextMenu, ACTION = 'action';\n var FileManagerContextMenu = ContextMenu.extend({\n init: function (element, options) {\n var that = this;\n ContextMenu.fn.init.call(that, element, options);\n that._overrideTemplates();\n that._restrictDefaultItems();\n that._extendItems();\n that.bind('select', proxy(that._onSelect, that));\n that.bind('open', proxy(that._onOpen, that));\n },\n _overrideTemplates: function () {\n this.templates.sprite = template('#if(spriteCssClass) {#
#}#');\n },\n _restrictDefaultItems: function () {\n var that = this;\n if (that.options.isLocalBinding) {\n that.defaultItems = {};\n }\n },\n defaultItems: {\n 'rename': {\n text: 'Rename',\n spriteCssClass: 'k-icon k-i-edit',\n command: 'RenameCommand'\n },\n 'delete': {\n text: 'Delete',\n spriteCssClass: 'k-icon k-i-delete',\n command: 'DeleteCommand'\n }\n },\n events: ContextMenu.fn.events.concat([ACTION]),\n _extendItems: function () {\n var that = this, items = that.options.items, item, isBuiltInTool;\n if (items && items.length) {\n for (var i = 0; i < items.length; i++) {\n item = items[i];\n isBuiltInTool = $.isPlainObject(item) && Object.keys(item).length === 1 && item.name;\n if (isBuiltInTool) {\n item = item.name;\n }\n if ($.isPlainObject(item)) {\n that._extendItem(item);\n that.append(item);\n } else if (that.defaultItems[item]) {\n item = that.defaultItems[item];\n that._extendItem(item);\n that.append(item);\n }\n }\n } else {\n for (var key in that.defaultItems) {\n item = that.defaultItems[key];\n that._extendItem(item);\n that.append(item);\n }\n }\n },\n _extendItem: function (item) {\n var that = this, messages = that.options.messages;\n extend(item, {\n text: messages[item.text],\n spriteCssClass: item.spriteCssClass || '',\n attr: { 'data-command': item.command }\n });\n },\n _onSelect: function (ev) {\n var command = $(ev.item).data('command');\n var target = $(ev.target);\n if (!command) {\n return;\n }\n this.action({\n command: command,\n options: { target: target }\n });\n },\n _onOpen: function (ev) {\n var menu = ev.sender, items = menu.options.items;\n if (!items && $.isEmptyObject(this.defaultItems)) {\n ev.preventDefault();\n }\n },\n action: function (args) {\n this.trigger(ACTION, args);\n }\n });\n extend(kendo.ui.filemanager, { ContextMenu: FileManagerContextMenu });\n }(window.kendo.jQuery));\n return window.kendo;\n}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {\n (a3 || a2)();\n}));\n(function (f, define) {\n define('kendo.filemanager', [\n 'filemanager/commands',\n 'filemanager/view',\n 'filemanager/toolbar',\n 'filemanager/data',\n 'filemanager/contextmenu',\n 'kendo.breadcrumb',\n 'kendo.upload',\n 'kendo.dialog',\n 'kendo.resizable'\n ], f);\n}(function () {\n var __meta__ = {\n id: 'filemanager',\n name: 'FileManager',\n category: 'web',\n description: 'The FileManager widget displays offers file management functionality.',\n depends: [\n 'core',\n 'data',\n 'listview',\n 'toolbar',\n 'breadcrumb',\n 'menu',\n 'treeview',\n 'upload',\n 'dialog',\n 'switch',\n 'resizable',\n 'selectable',\n 'editable'\n ],\n features: [{\n id: 'filemanager-grid-view',\n name: 'GridView',\n description: 'Support for GridView',\n depends: ['grid']\n }]\n };\n (function ($, undefined) {\n var ui = kendo.ui, extend = $.extend, isPlainObject = $.isPlainObject, isArray = $.isArray, DataBoundWidget = ui.DataBoundWidget, proxy = $.proxy, template = kendo.template, outerHeight = kendo._outerHeight, NAVIGATE = 'navigate', SELECT = 'select', OPEN = 'open', ERROR = 'error', CHANGE = 'change', UPLOAD = 'upload', SUCCESS = 'success', CLOSE = 'close', HIDE = 'hide', LOAD = 'load', DATABINDING = 'dataBinding', DATABOUND = 'dataBound', DROP = 'drop', EXECUTE = 'execute', COMMAND = 'command', KEYDOWNACTION = 'keydownAction', CANCEL = 'cancel', TREE_TYPE = 'tree', DOT = '.';\n var fileManagerStyles = {\n wrapper: 'k-widget k-filemanager',\n header: 'k-filemanager-header',\n navigation: 'k-filemanager-navigation',\n contentContainer: 'k-filemanager-content-container',\n content: 'k-filemanager-content',\n preview: 'k-filemanager-preview',\n toolbar: 'k-filemanager-toolbar',\n treeview: 'k-filemanager-treeview',\n breadcrumb: 'k-filemanager-breadcrumb',\n view: 'k-filemanager-view',\n grid: 'k-filemanager-grid',\n list: 'k-filemanager-listview',\n upload: 'k-filemanager-upload',\n uploadDialog: 'k-filemanager-upload-dialog',\n splitBar: 'k-splitbar',\n splitBarHorizontal: 'k-splitbar-horizontal k-splitbar-draggable-horizontal',\n splitBarHover: 'k-splitbar-horizontal-hover',\n splitBarIcon: 'k-icon k-resize-handle',\n splitBarNavigation: 'k-filemanager-splitbar-navigation',\n splitBarPreview: 'k-filemanager-splitbar-preview',\n resizable: 'k-filemanager-resizable'\n };\n var fileManagerTemplateStyles = {\n filePreview: 'k-file-preview',\n fileInfo: 'k-file-info',\n fileName: 'k-file-name',\n fileMeta: 'k-file-meta',\n metaLabel: 'k-file-meta-label',\n metaValue: 'k-file-meta-value',\n extension: 'k-file-type',\n size: 'k-file-size',\n created: 'k-file-created',\n modified: 'k-file-modified'\n };\n var viewTypes = {\n grid: 'grid',\n list: 'list'\n };\n var NO_FILE_PREVIEW_TEMPLATE = '' + '
' + '
' + '' + '
' + '
#: messages.noFileSelected #' + '
';\n var SINGLE_FILES_PREVIEW_TEMPLATE = '' + '
' + '
' + '' + '
' + '
#:selection[0].name#' + '#if(metaFields){#' + '
' + '#for(var i = 0; i < metaFields.length; i+=1){#' + '#var field = metaFields[i]#' + '- #:messages[field]#:
' + '- ' + '#if(field == \"size\"){#' + ' #:kendo.getFileSizeMessage(selection[0][field])#' + '#} else if(selection[0][field] instanceof Date) {#' + ' #:kendo.toString(selection[0][field], \"G\")#' + '#} else if(field == \"extension\") {#' + ' #: !selection[0].isDirectory ? kendo.getFileGroup(selection[0].extension) : \"folder\"#' + '#} else {#' + ' #:selection[0][field]#' + '#}#' + '
' + '' + '# } #' + '
' + '#}#' + '
';\n var MULTIPLE_FILES_PREVIEW_TEMPLATE = '' + '
' + '
' + '' + '
' + '
' + '#:selection.length# ' + '#:messages.items#' + '' + '
';\n var FileManager = DataBoundWidget.extend({\n init: function (element, options) {\n var that = this;\n DataBoundWidget.fn.init.call(that, element, options);\n that.options = kendo.deepExtend({}, that.options, options);\n that.defaultSortOption = {\n field: 'name',\n dir: 'asc'\n };\n that.folderSortOption = {\n field: 'isDirectory',\n dir: 'desc'\n };\n that._commandStack = new ui.filemanager.CommandStack();\n that._dataSource();\n that._wrapper();\n that._renderHeader();\n that._renderContentContainer();\n that._initContextMenu();\n that._renderNavigation();\n that._renderContent();\n that._renderPreview();\n that._initUploadDialog();\n that._resizable();\n that.resize();\n kendo.notify(that, kendo.ui);\n },\n options: {\n name: 'FileManager',\n height: 500,\n resizable: true,\n initialView: viewTypes.list,\n toolbar: { resizable: true },\n contextMenu: {},\n upload: {},\n uploadUrl: '',\n views: {},\n breadcrumb: {},\n draggable: true,\n dialogs: {\n upload: { width: 530 },\n moveConfirm: {\n width: 350,\n closable: true\n },\n deleteConfirm: {\n width: 360,\n closable: true\n },\n renamePrompt: {\n width: 350,\n closable: true\n }\n },\n previewPane: {\n metaFields: [\n 'extension',\n 'size',\n 'created',\n 'modified'\n ],\n noFileTemplate: NO_FILE_PREVIEW_TEMPLATE,\n singleFileTemplate: SINGLE_FILES_PREVIEW_TEMPLATE,\n multipleFilesTemplate: MULTIPLE_FILES_PREVIEW_TEMPLATE\n },\n messages: {\n toolbar: {\n createFolder: 'New Folder',\n upload: 'Upload',\n sortDirection: 'Sort Direction',\n sortDirectionAsc: 'Sort Direction Ascending',\n sortDirectionDesc: 'Sort Direction Descending',\n sortField: 'Sort By',\n nameField: 'Name',\n sizeField: 'File Size',\n typeField: 'Type',\n dateModifiedField: 'Date Modified',\n dateCreatedField: 'Date Created',\n listView: 'List View',\n gridView: 'Grid View',\n search: 'Search',\n details: 'View Details',\n detailsChecked: 'On',\n detailsUnchecked: 'Off',\n 'delete': 'Delete',\n rename: 'Rename'\n },\n views: {\n nameField: 'Name',\n sizeField: 'File Size',\n typeField: 'Type',\n dateModifiedField: 'Date Modified',\n dateCreatedField: 'Date Created',\n items: 'items'\n },\n dialogs: {\n upload: {\n title: 'Upload Files',\n clear: 'Clear List',\n done: 'Done'\n },\n moveConfirm: {\n title: 'Confirm',\n content: '
Do you want to move or copy?
',\n okText: 'Copy',\n cancel: 'Move',\n close: 'close'\n },\n deleteConfirm: {\n title: 'Confirm',\n content: '
Are you sure you want to delete the selected file(s)?You cannot undo this action.
',\n okText: 'Delete',\n cancel: 'Cancel',\n close: 'close'\n },\n renamePrompt: {\n title: 'Prompt',\n content: '
Enter new name for the file.
',\n okText: 'Rename',\n cancel: 'Cancel',\n close: 'close'\n }\n },\n previewPane: {\n noFileSelected: 'No File Selected',\n extension: 'Type',\n size: 'Size',\n created: 'Date Created',\n createdUtc: 'Date Created UTC',\n modified: 'Date Modified',\n modifiedUtc: 'Date Modified UTC',\n items: 'items'\n }\n }\n },\n events: [\n NAVIGATE,\n SELECT,\n OPEN,\n DATABINDING,\n DATABOUND,\n ERROR,\n DROP,\n EXECUTE,\n COMMAND\n ],\n _dataSource: function () {\n var that = this, options = that.options, dataSourceOptions = options.dataSource || {}, typeSortOrder = that.folderSortOption, nameSortOrder = that.defaultSortOption, dataSource;\n if (!(dataSourceOptions instanceof kendo.data.FileManagerDataSource)) {\n if (isArray(dataSourceOptions)) {\n dataSource = {\n data: dataSourceOptions,\n autoSync: false,\n sort: [\n typeSortOrder,\n nameSortOrder\n ]\n };\n } else {\n dataSource = extend(true, dataSourceOptions, {\n autoSync: false,\n sort: [\n typeSortOrder,\n nameSortOrder\n ]\n });\n }\n if (dataSourceOptions && isPlainObject(dataSourceOptions.schema)) {\n dataSource.schema = dataSourceOptions.schema;\n } else if (isPlainObject(kendo.data.schemas.filemanager)) {\n dataSource.schema = kendo.data.schemas.filemanager;\n }\n } else {\n dataSource = dataSourceOptions;\n }\n if (that.dataSource && that._errorHandler) {\n that.dataSource.unbind(ERROR, that._errorHandler);\n that.dataSource.unbind(CHANGE, that._changeHandler);\n } else {\n that._errorHandler = proxy(that._error, that);\n that._changeHandler = proxy(that._change, that);\n }\n that.dataSource = kendo.data.FileManagerDataSource.create(dataSource).bind(ERROR, that._errorHandler).bind(CHANGE, that._changeHandler);\n },\n _error: function (ev) {\n if (!this.trigger(ERROR, ev)) {\n window.console.warn('Error! The requested URL returned ' + ev.xhr.status + ' - ' + ev.xhr.statusText);\n }\n },\n _wrapper: function () {\n var that = this, options = that.options, width = options.width, height = options.height;\n that.wrapper = that.element.addClass(fileManagerStyles.wrapper);\n if (width) {\n that.wrapper.width(width);\n }\n if (height) {\n that.wrapper.height(height);\n }\n that._resizeHandler = kendo.onResize(function () {\n that.resize(true);\n });\n },\n _renderHeader: function () {\n var that = this, options = that.options;\n if (options.toolbar) {\n that.header = $('
').addClass(fileManagerStyles.header);\n that.header.append(that._initToolbar().element);\n }\n that.wrapper.append(that.header);\n },\n _renderContentContainer: function () {\n var that = this, container = $('
').addClass(fileManagerStyles.contentContainer);\n that.contentContainer = container;\n that.wrapper.append(that.contentContainer);\n },\n _initContextMenu: function () {\n var that = this, options = that.options, menuOptions = extend({}, options.contextMenu, {\n filemanager: that,\n messages: options.messages.toolbar,\n target: that.contentContainer,\n filter: '[data-uid]',\n action: that.executeCommand.bind(that),\n isLocalBinding: that.dataSource.isLocalBinding\n });\n if (options.contextMenu === false) {\n return;\n }\n that.contextMenu = new ui.filemanager.ContextMenu('
', menuOptions);\n that.contextMenu.bind(OPEN, proxy(that._cacheFocus, that));\n },\n _renderNavigation: function () {\n var that = this;\n that.navigation = $('
').addClass(fileManagerStyles.navigation);\n that.navigation.append(that._initTreeView().element);\n that.contentContainer.append(that.navigation);\n },\n _renderContent: function () {\n var that = this, options = that.options, toolbar = that.toolbar;\n that.content = $('
').addClass(fileManagerStyles.content);\n if (options.breadcrumb) {\n that.content.append(that._initBreadcrumb().element);\n }\n that.content.append(that._initView());\n if (!toolbar || !toolbar.isToolEnabled(toolbar.defaultTools.upload.name)) {\n that.content.append(that._initUpload().wrapper.hide());\n }\n that.contentContainer.append(that.content);\n },\n _renderPreview: function () {\n var that = this, enablePreview = that.options.previewPane;\n if (!enablePreview) {\n return;\n }\n that.preview = $('
').addClass(fileManagerStyles.preview);\n that.previewContainer = $('
').addClass(fileManagerStyles.previewContainer);\n that.preview.append(that.previewContainer);\n that._setPreviewPaneContent();\n that.contentContainer.append(that.preview.hide());\n },\n _setPreviewPaneContent: function () {\n var that = this, options = that.options, previewPaneMessages = options.messages.previewPane, previewPaneOptions = options.previewPane, selection = that.getSelected(), previewTemplate;\n if (!selection) {\n previewTemplate = template(previewPaneOptions.noFileTemplate)({\n styles: fileManagerTemplateStyles,\n messages: previewPaneMessages\n });\n that.previewContainer.html(previewTemplate);\n return;\n }\n previewTemplate = selection.length === 1 ? previewPaneOptions.singleFileTemplate : previewPaneOptions.multipleFilesTemplate;\n previewTemplate = template(previewTemplate)({\n styles: fileManagerTemplateStyles,\n messages: previewPaneMessages,\n selection: selection,\n metaFields: previewPaneOptions.metaFields\n });\n that.previewContainer.html(previewTemplate);\n },\n _initToolbar: function () {\n var that = this, options = that.options, toolbarElement = $('
').addClass(fileManagerStyles.toolbar), toolbarOptions = extend({}, options.toolbar, {\n filemanager: this,\n messages: options.messages.toolbar,\n action: that.executeCommand.bind(that)\n });\n that.toolbar = new ui.filemanager.ToolBar(toolbarElement, toolbarOptions);\n return that.toolbar;\n },\n _initTreeView: function () {\n var that = this, treeViewElement = $('
').addClass(fileManagerStyles.treeview), options = that.options.views[TREE_TYPE], explicitOptions = extend(true, {}, {\n dataSource: that.options.dataSource,\n messages: that.options.messages.views,\n draggable: that.options.draggable,\n isLocalBinding: that.dataSource.isLocalBinding\n });\n that.treeView = new ui.filemanager.ViewComponents[TREE_TYPE](treeViewElement, options, explicitOptions);\n that.treeView.bind(NAVIGATE, proxy(that._navigate, that)).bind(LOAD, proxy(that._load, that)).bind(DROP, proxy(that._drop, that)).bind(KEYDOWNACTION, proxy(that._keydownAction, that));\n return that.treeView;\n },\n _drop: function (ev) {\n var that = this;\n if (!that.trigger(DROP, ev) && ev.items.indexOf(ev.target) < 0) {\n that._confirm({\n type: 'move',\n target: ev.target\n }).done(function () {\n that.executeCommand({\n command: 'CopyCommand',\n options: ev\n });\n }).fail(function () {\n that.executeCommand({\n command: 'MoveCommand',\n options: ev\n });\n });\n }\n },\n _keydownAction: function (ev) {\n var that = this, keyCode = ev.keyCode, keys = kendo.keys;\n if (keyCode === keys.DELETE) {\n that.executeCommand({\n command: 'DeleteCommand',\n options: { target: ev.target }\n });\n }\n if (keyCode === keys.F2) {\n that.executeCommand({\n command: 'RenameCommand',\n options: { target: ev.target }\n });\n }\n },\n _confirm: function (options) {\n var that = this, messages = that.options.messages.dialogs[options.type + 'Confirm'];\n var confirm = $('
').kendoConfirm(extend({}, {\n title: messages.title,\n content: messages.content,\n messages: messages\n }, that.options.dialogs[options.type + 'Confirm'])).data('kendoConfirm');\n confirm.bind(OPEN, proxy(that._cacheFocus, that));\n confirm.bind(HIDE, proxy(that._restoreFocus, that, options.target));\n confirm.open();\n confirm.wrapper.removeClass('k-confirm');\n return confirm.result;\n },\n _prompt: function (options) {\n var that = this, messages = this.options.messages.dialogs[options.type + 'Prompt'];\n var prompt = $('
').kendoPrompt(extend({}, {\n title: messages.title,\n content: messages.content,\n messages: messages,\n value: options.defaultInput\n }, this.options.dialogs[options.type + 'Prompt'])).data('kendoPrompt');\n prompt.bind(OPEN, proxy(that._cacheFocus, that));\n prompt.bind(CLOSE, proxy(that._restoreFocus, that, options.target));\n prompt.open();\n prompt.wrapper.removeClass('k-prompt');\n return prompt.result;\n },\n _cacheFocus: function () {\n var that = this, activeElement = $(document.activeElement), view = that.view(), treeView = that.treeView.widgetComponent;\n if (that.contextMenu && that.contextMenu.popup.visible()) {\n return;\n }\n that.treeView._shouldFocus = false;\n if (treeView.current() && treeView.current().find('.k-state-focused').length || activeElement.hasClass(fileManagerStyles.treeview)) {\n that.treeView._shouldFocus = true;\n view._focusElement = activeElement;\n return;\n }\n view._focusElement = activeElement.hasClass(fileManagerStyles[that._viewType]) ? activeElement : null;\n },\n _restoreFocus: function (target) {\n var that = this, view = that.view();\n if (!target) {\n return;\n }\n if (view._focusElement) {\n view._focusElement.focus();\n } else if (target.closest && target.closest(':kendoFocusable').length) {\n target.closest(':kendoFocusable').focus();\n }\n },\n _initView: function () {\n var that = this, viewWrapper = $('
').addClass(fileManagerStyles.view), initialView = that.options.initialView;\n that.viewWrapper = viewWrapper;\n that.viewWrapper.append(that.view(initialView));\n return viewWrapper;\n },\n _initBreadcrumb: function () {\n var that = this, options = that.options, breadcrumbElement = $('
').addClass(fileManagerStyles.breadcrumb), breadcrumbOptions = extend({}, {\n items: [{\n type: 'rootitem',\n text: ''\n }],\n change: proxy(that._breadcrumbChange, that)\n }, options.breadcrumb);\n that.breadcrumb = new ui.Breadcrumb(breadcrumbElement, breadcrumbOptions);\n return that.breadcrumb;\n },\n _breadcrumbChange: function (ev) {\n var entry = ev.sender.items().filter(function (item) {\n return item.path === ev.value.substring(1);\n }).shift();\n this._navigate({ path: entry ? entry.id : '' });\n },\n _initUploadDialog: function () {\n var that = this, options = that.options, dialogMessages = options.messages.dialogs.upload, dialogElement = $('
'), dialogOptions = extend({}, {\n title: dialogMessages.title,\n modal: true,\n visible: false,\n width: 500,\n actions: [\n {\n text: dialogMessages.clear,\n action: proxy(that._clearUploadFilesList, that)\n },\n {\n text: dialogMessages.done,\n primary: true\n }\n ],\n messages: dialogMessages\n }, options.dialogs.upload), uploadInstance;\n if (!that._shouldInitUpload()) {\n return;\n }\n uploadInstance = that._initUpload();\n that.uploadDialog = new ui.Dialog(dialogElement, dialogOptions);\n that.uploadDialog.wrapper.addClass(fileManagerStyles.uploadDialog);\n that.uploadDialog.element.append(uploadInstance.wrapper);\n that.uploadDialog.bind(OPEN, proxy(that._toggleUploadDropZone, that, ''));\n that.uploadDialog.bind(CLOSE, proxy(that._toggleUploadDropZone, that, that.viewWrapper));\n return that.uploadDialog;\n },\n _shouldInitUpload: function () {\n var that = this, options = that.options, shouldInit = false;\n if ((options.uploadUrl || options.upload.async && options.upload.async.saveUrl) && options.upload !== false) {\n shouldInit = true;\n }\n return shouldInit;\n },\n _initUpload: function () {\n var that = this, options = that.options, uploadElement = $('
').addClass(fileManagerStyles.upload), uploadOptions = extend(true, {\n async: {\n autoUpload: true,\n saveUrl: options.uploadUrl\n },\n dropZone: that.viewWrapper\n }, options.upload);\n that.upload = new ui.Upload(uploadElement[0], uploadOptions);\n that.upload.bind(UPLOAD, proxy(that._sendUploadPathParameter, that));\n that.upload.bind(SUCCESS, proxy(that._success, that));\n return that.upload;\n },\n _sendUploadPathParameter: function (ev) {\n ev.data = extend(ev.data, { path: this.path() });\n },\n _success: function () {\n this._view.widgetComponent.dataSource.read();\n },\n _clearUploadFilesList: function () {\n var that = this, upload = that.upload;\n if (upload) {\n upload.clearAllFiles();\n }\n },\n _toggleUploadDropZone: function (zone) {\n var that = this, upload = that.upload;\n if (upload) {\n upload.setOptions({ dropZone: zone });\n }\n },\n _binding: function (ev) {\n if (this.trigger(DATABINDING, {\n source: 'view',\n action: ev.action,\n items: ev.items,\n index: ev.index\n })) {\n ev.preventDefault();\n }\n },\n _bound: function () {\n if (this.options.previewPane) {\n this._setPreviewPaneContent();\n }\n this.trigger(DATABOUND);\n },\n _createResizableSplitBar: function (cssClass) {\n var splitBar = $('
').addClass(fileManagerStyles.splitBar).addClass(fileManagerStyles.splitBarHorizontal).addClass(cssClass), icon = $('
').addClass(fileManagerStyles.splitBarIcon);\n splitBar.append(icon);\n splitBar.hover(function () {\n $(this).toggleClass(fileManagerStyles.splitBarHover);\n });\n return splitBar;\n },\n _initResizableNavigation: function () {\n var that = this, wrapper = that.wrapper, splitBar = that._createResizableSplitBar(fileManagerStyles.splitBarNavigation), contentWrapper = wrapper.find(DOT + fileManagerStyles.content), navigationWrapper = wrapper.find(DOT + fileManagerStyles.navigation), contentWrapperWidth, navigationWrapperWidth;\n splitBar.insertAfter(navigationWrapper);\n that._resizeDraggable.navigation = that.wrapper.find(splitBar).end().kendoResizable({\n handle: DOT + fileManagerStyles.splitBarNavigation,\n start: function () {\n contentWrapperWidth = contentWrapper.width();\n navigationWrapperWidth = navigationWrapper.width();\n },\n resize: function (e) {\n var delta = e.x.initialDelta;\n if (kendo.support.isRtl(wrapper)) {\n delta *= -1;\n }\n if (navigationWrapperWidth + delta < -2 || contentWrapperWidth - delta < -2) {\n return;\n }\n navigationWrapper.width(navigationWrapperWidth + delta);\n }\n }).getKendoResizable();\n },\n _initResizablePreview: function () {\n var that = this, wrapper = that.wrapper, splitBar = that._createResizableSplitBar(fileManagerStyles.splitBarPreview), contentWrapper = wrapper.find(DOT + fileManagerStyles.content), previewWrapper = wrapper.find(DOT + fileManagerStyles.preview), contentWrapperWidth, previewWrapperWidth;\n if (!that.options.previewPane) {\n return;\n }\n splitBar.insertBefore(previewWrapper).hide();\n that._resizeDraggable.preview = wrapper.find(splitBar).end().kendoResizable({\n handle: DOT + fileManagerStyles.splitBarPreview,\n start: function () {\n contentWrapperWidth = contentWrapper.width();\n previewWrapperWidth = previewWrapper.width();\n },\n resize: function (e) {\n var delta = e.x.initialDelta;\n if (kendo.support.isRtl(wrapper)) {\n delta *= -1;\n }\n if (previewWrapperWidth - delta < -2 || contentWrapperWidth + delta < -2) {\n return;\n }\n previewWrapper.width(previewWrapperWidth - delta);\n }\n }).getKendoResizable();\n },\n _resizable: function () {\n var that = this, options = that.options;\n that._resizeDraggable = {};\n if (!options.resizable) {\n return;\n }\n that.wrapper.addClass(fileManagerStyles.resizable);\n that._initResizableNavigation();\n that._initResizablePreview();\n },\n view: function (type) {\n var that = this, element = $('
'), options = that.options.views[type], explicitOptions = extend(true, {}, {\n dataSource: that._viewDataSource || that.dataSource,\n messages: that.options.messages.views,\n draggable: that.options.draggable\n });\n if (type === undefined) {\n return that._view;\n }\n if (!ui.filemanager.ViewComponents[type]) {\n throw new Error(kendo.format('There is no {0} ViewComponent registered!', type));\n }\n if (that._view && that._view.destroy) {\n that._view.destroy();\n that.viewWrapper.empty();\n }\n that._viewType = type;\n that._view = new ui.filemanager.ViewComponents[type](element, options, explicitOptions);\n that._view.bind(SELECT, proxy(that._select, that));\n that._view.bind(OPEN, proxy(that._open, that));\n that._view.bind(DATABINDING, proxy(that._binding, that));\n that._view.bind(DATABOUND, proxy(that._bound, that));\n that._view.bind(DROP, proxy(that._drop, that));\n that._view.bind(KEYDOWNACTION, proxy(that._keydownAction, that));\n that._view.bind(CANCEL, proxy(that._cancel, that));\n that._view.element.addClass(fileManagerStyles[type]);\n that.viewWrapper.removeClass(Object.keys(ui.filemanager.ViewComponents).map(function (el) {\n return fileManagerStyles.view + '-' + el;\n }).join(' ')).addClass(fileManagerStyles.view + '-' + type);\n that.viewWrapper.append(that._view.element);\n },\n executeCommand: function (args) {\n var commandName = args.command, commandOptions = extend({ filemanager: this }, isPlainObject(args.options) ? args.options : { value: args.options }), command = new ui.filemanager.commands[commandName](commandOptions);\n if (!this.trigger(EXECUTE, args)) {\n return command.exec();\n }\n },\n _navigate: function (ev) {\n var that = this, path = ev.path;\n if (!that.trigger(NAVIGATE, { path: path })) {\n that.navigate(path);\n }\n },\n _load: function (ev) {\n var entry = this.dataSource.get(ev.entryId);\n entry.load();\n },\n _select: function (ev) {\n if (this.options.previewPane) {\n this._setPreviewPaneContent();\n }\n this.trigger(SELECT, { entries: ev.entries });\n },\n _open: function (ev) {\n var that = this, entry = ev.entry;\n that.trigger(OPEN, { entry: entry });\n if (entry.isDirectory) {\n that._navigate({ path: entry.id });\n }\n },\n _cancel: function () {\n var that = this, commandStack = that._commandStack, command = commandStack.next();\n commandStack.reject(command);\n that.trigger(COMMAND, {\n status: 'cancel',\n action: 'itemchange',\n data: command.data\n });\n },\n _change: function (ev) {\n var that = this, commandStack = that._commandStack, targetDataSource = ev.node ? ev.node.children : that.dataSource;\n if (that.trigger(DATABINDING, {\n source: 'tree',\n action: ev.action,\n items: ev.items,\n index: ev.index\n })) {\n return;\n }\n that.treeView._refreshDataSource(ev);\n if (ev.action === 'remove' || ev.action === 'itemchange' || ev.action === 'add') {\n if (commandStack.empty()) {\n targetDataSource.sync();\n } else {\n var command = commandStack.next();\n targetDataSource.sync().then(function (res) {\n commandStack.resolve(command);\n that.trigger(COMMAND, {\n status: 'success',\n action: ev.action,\n data: command.data,\n response: res\n });\n }).fail(function (res) {\n commandStack.reject(command);\n that.trigger(COMMAND, {\n status: 'fail',\n action: ev.action,\n data: command.data,\n response: res\n });\n });\n }\n }\n if (ev.action === 'remove' && that._viewDataSource && that._viewDataSource.parent() && ev.items[0] === that._viewDataSource.parent()) {\n that._navigateToParent(ev.items[0]);\n }\n if (ev.action == 'itemchange' && that._viewDataSource && that._viewDataSource.parent() && that.path().indexOf(ev.items[0].id) >= 0) {\n that._navigateToParent(ev.items[0]);\n }\n if (ev.action === 'itemchange') {\n ev.items[0].loaded(false);\n }\n },\n _navigateToParent: function (item) {\n var that = this;\n var parent = item.parentNode();\n var parentNodePath = parent ? parent.id : '';\n that._navigate({ path: parentNodePath });\n },\n _buildBreadcrumbPath: function (entry) {\n var that = this, breadcrumb = that.breadcrumb, items = [];\n while (entry) {\n items.push({\n id: entry.id,\n text: entry.name,\n path: entry.path\n });\n entry = entry.parentNode && entry.parentNode();\n }\n items.push({\n type: 'rootItem',\n id: '',\n text: ''\n });\n breadcrumb.items(items.reverse());\n },\n _adjustDimensions: function () {\n var that = this, wrapper = that.wrapper, gridSelector = DOT + fileManagerStyles.grid, listViewSelector = DOT + fileManagerStyles.list, contentContainer = DOT + fileManagerStyles.contentContainer, totalHeight = wrapper.height(), toolbarHeight = 0, breadcrumbHeight = 0;\n if (that.toolbar) {\n toolbarHeight = outerHeight(that.toolbar.wrapper);\n }\n if (that.breadcrumb) {\n breadcrumbHeight = outerHeight(that.breadcrumb.wrapper);\n }\n if (that.options.height !== 'auto') {\n wrapper.find([gridSelector].join(',')).height(totalHeight - (toolbarHeight + breadcrumbHeight + 1));\n wrapper.find(listViewSelector).parent().height(totalHeight - (toolbarHeight + breadcrumbHeight + 1));\n wrapper.find(contentContainer).height(totalHeight - toolbarHeight);\n }\n },\n _resize: function () {\n this._adjustDimensions();\n kendo.resize(this.element.children());\n },\n setDataSource: function (dataSource) {\n var that = this;\n that.options.dataSource = dataSource;\n that._dataSource();\n if (that.toolbar) {\n that.toolbar.destroy();\n that.header.empty();\n that.header.append(that._initToolbar().element);\n }\n if (that.treeView) {\n that.treeView.destroy();\n that.navigation.empty();\n that.navigation.append(that._initTreeView().element);\n }\n if (that._view) {\n that.view(that._viewType || that.options.initialView);\n }\n that._initContextMenu();\n },\n refresh: function () {\n var that = this, dataSource = that._viewDataSource || that.dataSource;\n dataSource.read();\n },\n getSize: function () {\n return kendo.dimensions(this.wrapper);\n },\n getSelected: function () {\n var that = this, items = that._view.getSelected(), treeView = that.treeView;\n if (items && items.length) {\n return items;\n }\n var item = treeView.getSelected();\n if (item) {\n return [that.dataSource.get(item.id)];\n }\n },\n path: function () {\n return this._path || '';\n },\n navigate: function (path) {\n var that = this, dataSource = that.dataSource, entry = dataSource.get(path.replace(/^\\//, '')), view = that._view, treeView = that.treeView, breadcrumb = that.breadcrumb, isRoot = path === '' || path === '/';\n if (!entry && !isRoot) {\n window.console.warn('Error! Could not navigate to the folder at the requested path(' + path + '). Make sure that the parent folder of the target folder has already been loaded.');\n return;\n }\n that._path = path;\n if (that.trigger(DATABINDING, {\n source: 'navigation',\n action: 'rebind',\n items: [entry]\n })) {\n return;\n }\n if (breadcrumb) {\n that._buildBreadcrumbPath(entry);\n }\n if (isRoot) {\n dataSource.sort([\n that.folderSortOption,\n that.defaultSortOption\n ]);\n that._viewDataSource = dataSource;\n view.refresh(that._viewDataSource);\n treeView.treeView.select($());\n if (that.options.previewPane) {\n that._setPreviewPaneContent();\n }\n return;\n }\n if (entry.loaded && !entry.loaded()) {\n entry.load();\n }\n if (view) {\n that._viewDataSource = entry.children;\n that._viewDataSource._sort = [\n that.folderSortOption,\n that.defaultSortOption\n ];\n view.refresh(that._viewDataSource);\n }\n if (treeView) {\n treeView.refresh(entry.id);\n }\n if (that.options.previewPane) {\n that._setPreviewPaneContent();\n }\n },\n items: function () {\n var that = this;\n return that.treeView.widgetComponent.items().add(that._view.widgetComponent.items());\n },\n destroy: function () {\n var that = this;\n DataBoundWidget.fn.destroy.call(that);\n that.dataSource.unbind(ERROR, that._errorHandler).unbind(CHANGE, that._changeHandler);\n if (that._resizeDraggable.navigation) {\n that._resizeDraggable.navigation.destroy();\n that._resizeDraggable.navigation = null;\n }\n if (that._resizeDraggable.preview) {\n that._resizeDraggable.preview.destroy();\n that._resizeDraggable.preview = null;\n }\n if (that.uploadDialog) {\n that.uploadDialog.destroy();\n that.uploadDialog = null;\n }\n if (that.upload) {\n that.upload.destroy();\n that.upload = null;\n }\n if (that.contextMenu) {\n that.contextMenu.destroy();\n that.contextMenu = null;\n }\n kendo.unbindResize(that._resizeHandler);\n that.dataSource = null;\n that._viewDataSource = null;\n kendo.destroy(that.element);\n }\n });\n ui.plugin(FileManager);\n }(window.kendo.jQuery));\n return window.kendo;\n}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {\n (a3 || a2)();\n}));"]}