@progress/kendo-ui/umd/kendo.filebrowser.min.js

This package is part of the [Kendo UI for jQuery](http://www.telerik.com/kendo-ui) suite.

!function(e){"function"==typeof define&&define.amd?define(["kendo.listview.min","kendo.dropdownlist.min","kendo.upload.min","kendo.breadcrumb.min","kendo.icons.min"],e):e()}((function(){!function(e,t){var i=window.kendo,n=i.ui.Widget,a=e.isPlainObject,o=e.extend,r=i.support.placeholder,s=i.isFunction,l=/(^\/|\/$)/g,d="change",c="apply",u="error",p="click",f=".kendoFileBrowser",h=".kendoSearchBox",m="name",v="size",k="type",b={field:k,dir:"asc"},g=i.template((function(e){return'<div class="k-listview-item k-listview-item-empty"><span class="k-file-preview"><span class="k-file-icon k-icon k-i-none"></span></span><span class="k-file-name">'+e.text+"</span></div>"})),w=function(e){var t=e.showCreate,n=e.showUpload,a=e.showDelete,o=e.messages;return'<div class="k-widget k-filebrowser-toolbar k-toolbar k-toolbar-md k-floatwrap">'+(t?'<button type="button" class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-icon-button">'+i.ui.icon({icon:"folder-add",iconClass:"k-button-icon"})+"</button>":"")+(n?function(e){var t=e.messages;return'<div class="k-upload k-upload-button-wrap"><div class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-upload-button">'+i.ui.icon({icon:"plus",iconClass:"k-button-icon"})+'<span class="k-button-text">'+t.uploadFile+'</span></div><input type="file" name="file" /></div>'}({messages:o}):"")+(a?'<button type="button" class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-icon-button k-disabled">'+i.ui.icon({icon:"x",iconClass:"k-button-icon"})+"</button>":"")+'<div class="k-tiles-arrange"><label>'+o.orderBy+': <select></select></label></div><span class="k-toolbar-spacer"></span><input data-role="searchbox" /></div>'};function _(e,i){return e!==t&&e.match(/\/$/)||(e=(e||"")+"/"),e+i}o(!0,i.data,{schemas:{filebrowser:{data:function(e){return e.items||e||[]},model:{id:"name",fields:{name:"name",size:"size",type:"type"}}}}}),o(!0,i.data,{transports:{filebrowser:i.data.RemoteTransport.extend({init:function(t){i.data.RemoteTransport.fn.init.call(this,e.extend(!0,{},this.options,t))},_call:function(t,n){n.data=e.extend({},n.data,{path:this.options.path()}),s(this.options[t])?this.options[t].call(this,n):i.data.RemoteTransport.fn[t].call(this,n)},read:function(e){this._call("read",e)},create:function(e){this._call("create",e)},destroy:function(e){this._call("destroy",e)},update:function(){},options:{read:{type:"POST"},update:{type:"POST"},create:{type:"POST"},destroy:{type:"POST"}}})}});var y=n.extend({init:function(e,t){var i=this;t=t||{},n.fn.init.call(i,e,t),i.element.addClass("k-filebrowser"),i.element.on(p+f,".k-filebrowser-toolbar button:not(.k-disabled):has(.k-i-x,.k-svg-i-x)",i._deleteClick.bind(i)).on(p+f,".k-filebrowser-toolbar button:not(.k-disabled):has(.k-i-folder-add,.k-svg-i-folder-add)",i._addClick.bind(i)).on("keydown"+f,".k-listview-item.k-selected input",i._directoryKeyDown.bind(i)).on("blur"+f,".k-listview-item.k-selected input",i._directoryBlur.bind(i)),i._dataSource(),i.refresh(),i.path(i.options.path)},options:{name:"FileBrowser",messages:{uploadFile:"Upload",orderBy:"Arrange by",orderByName:"Name",orderBySize:"Size",directoryNotFound:"A directory with this name was not found.",emptyFolder:"Empty Folder",deleteFile:'Are you sure you want to delete "{0}"?',invalidFileType:'The selected file "{0}" is not valid. Supported file types are {1}.',overwriteFile:'A file with name "{0}" already exists in the current directory. Do you want to overwrite it?',dropFilesHere:"drop file here to upload",search:"Search"},transport:{},path:"/",fileTypes:"*.*"},events:[u,d,c],destroy:function(){var e=this;n.fn.destroy.call(e),e.dataSource.unbind(u,e._errorHandler),e.element.add(e.list).add(e.toolbar).off(f),i.destroy(e.element)},value:function(){var e,t=this,n=t._selectedItem(),a=t.options.transport.fileUrl;if(n&&"f"===n.get(k))return e=_(t.path(),n.get(m)).replace(l,""),a&&(e=s(a)?a(e):i.format(a,encodeURIComponent(e))),e},_selectedItem:function(){var e=this.listView.select();if(e.length)return this.dataSource.getByUid(e.attr(i.attr("uid")))},_toolbar:function(){var t=this,n=i.template(w),a=t.options.messages,o=[{text:a.orderByName,value:"name"},{text:a.orderBySize,value:"size"}];t.toolbar=e(n({messages:a,showUpload:t.options.transport.uploadUrl,showCreate:t.options.transport.create,showDelete:t.options.transport.destroy})).appendTo(t.element).find(".k-upload input").kendoUpload({multiple:!1,localization:{dropFilesHere:a.dropFilesHere},async:{saveUrl:t.options.transport.uploadUrl,autoUpload:!0},upload:t._fileUpload.bind(t),error:function(e){t._error({xhr:e.XMLHttpRequest,status:"error"})}}).end(),t.upload=t.toolbar.find(".k-upload input").data("kendoUpload"),t.arrangeBy=t.toolbar.find(".k-tiles-arrange select").kendoDropDownList({dataSource:o,dataTextField:"text",dataValueField:"value",change:function(){t.orderBy(this.value())}}).data("kendoDropDownList"),t.searchBox=t.toolbar.find("input[data-role='searchbox']").kendoSearchBox({label:t.options.messages.search,change:function(){t.search(this.value())}}).data("kendoSearchBox"),t._attachDropzoneEvents()},_attachDropzoneEvents:function(){var t,i,n,a,o,r=this;r.options.transport.uploadUrl&&(t=e(document.documentElement),i=r._dropEnter.bind(r),n=r._dropLeave.bind(r),t.on("dragenter"+f,(function(){i(),o=new Date,a||(a=setInterval((function(){new Date-o>100&&(n(),clearInterval(a),a=null)}),100))})).on("dragover"+f,(function(){o=new Date})),r._scrollHandler=r._positionDropzone.bind(r))},_dropEnter:function(){this._positionDropzone(),e(document).on("scroll"+f,this._scrollHandler)},_dropLeave:function(){this._removeDropzone(),e(document).off("scroll"+f,this._scrollHandler)},_positionDropzone:function(){var e=this.element,t=e.offset();this.toolbar.find(".k-dropzone").addClass("k-filebrowser-dropzone").offset(t).css({width:e[0].clientWidth,height:e[0].clientHeight,lineHeight:e[0].clientHeight+"px"})},_removeDropzone:function(){this.toolbar.find(".k-dropzone").removeClass("k-filebrowser-dropzone").css({width:"",height:"",lineHeight:"",top:"",left:""})},_deleteClick:function(){var e=this,t=e.listView.select(),n=i.format(e.options.messages.deleteFile,t.find(".k-file-name").text());t.length&&e._showMessage(n,"confirm")&&e.listView.remove(t)},_addClick:function(){this.createDirectory()},_getFieldName:function(e){return function(e,t){var i=e[t];return a(i)?i.from||i.field||t:i}(this.dataSource.reader.model.fields,e)},_fileUpload:function(e){var t,n=this,a=n.options,o=a.fileTypes,r=new RegExp(("("+o.split(",").join(")|(")+")").replace(/\*\./g,".*."),"i"),s=e.files[0].name,l=e.files[0].size,d=m,c=v;r.test(s)?(e.data={path:n.path()},(t=n._createFile(s,l))?n.upload.one("success",(function(e){var a=n._insertFileToList(t);a._override&&(a.set(d,e.response[n._getFieldName(d)]),a.set(c,e.response[n._getFieldName(c)]),n.listView.dataSource.pushUpdate(a)),n._tiles=n.listView.items().filter("["+i.attr("type")+"=f]")})):e.preventDefault()):(e.preventDefault(),n._showMessage(i.format(a.messages.invalidFileType,s,o)))},_findFile:function(e){var t,i,n,a=this.dataSource.data();for(e=e.toLowerCase(),t=0,n=a.length;t<n;t++)if("f"===a[t].get("type")&&a[t].get("name").toLowerCase()===e){i=a[t];break}return i},_createFile:function(e,t){var n=this,a={},o=n._findFile(e);return o?n._showMessage(i.format(n.options.messages.overwriteFile,e),"confirm")?(o._override=!0,o):null:(a.type="f",a.name=e,a.size=t,a)},_insertFileToList:function(e){var t;if(e._override)return e;for(var i=this.dataSource,n=i.view(),a=0,o=n.length;a<o;a++)if("f"===n[a].get(k)){t=a;break}return i.insert(++t,e)},createDirectory:function(){var e,t,n=this,a=0,o=k,r=m,s=n.dataSource.data(),l=n._nameDirectory(),d=new n.dataSource.reader.model;for(e=0,t=s.length;e<t;e++)"d"===s[e].get(o)&&(a=e);d.set(o,"d"),d.set(r,l),n.listView.one("dataBound",(function(){var e=n.listView.items().filter("["+i.attr("uid")+"="+d.uid+"]");e.length&&this.edit(e),this.element.scrollTop(e.attr("offsetTop")-this.element[0].offsetHeight),setTimeout((function(){n.listView.element.find(".k-edit-item input").select()}))})).one("save",(function(e){var t=e.model.get(r);t?e.model.set(r,n._nameExists(t,d.uid)?n._nameDirectory():t):e.model.set(r,l)})),n.dataSource.insert(++a,d)},_directoryKeyDown:function(e){13==e.keyCode&&e.currentTarget.blur()},_directoryBlur:function(){this.listView.save()},_nameExists:function(e,t){var i,n,a=this.dataSource.data();for(i=0,n=a.length;i<n;i++)if("d"===a[i].get("type")&&a[i].get("name").toLowerCase()===e.toLowerCase()&&a[i].uid!==t)return!0;return!1},_nameDirectory:function(){var t,i,n,a="New folder",o=this.dataSource.data(),r=[],s=m;for(i=0,n=o.length;i<n;i++)"d"===o[i].get("type")&&o[i].get(s).toLowerCase().indexOf(a.toLowerCase())>-1&&r.push(o[i].get(s));if(e.inArray(a,r)>-1){i=2;do{t=a+" ("+i+")",i++}while(e.inArray(t,r)>-1);a=t}return a},orderBy:function(e){this.dataSource.sort([{field:k,dir:"asc"},{field:e,dir:"asc"}])},search:function(e){this.dataSource.filter({field:m,operator:"contains",value:e})},_content:function(){var t=this;t.list=e('<div class="k-filemanager-listview" />').appendTo(t.element).on("dblclick"+f,".k-listview-item",t._dblClick.bind(t)),t.listView=new i.ui.ListView(t.list,{layout:"flex",flex:{direction:"row",wrap:"wrap"},dataSource:t.dataSource,template:t._itemTmpl(),editTemplate:t._editTmpl(),selectable:!0,autoBind:!1,dataBinding:function(e){t.toolbar.find(".k-i-x,.k-svg-i-x").parent().addClass("k-disabled"),"remove"!==e.action&&"sync"!==e.action||(e.preventDefault(),i.ui.progress(t.listView.content,!1))},dataBound:function(){t.dataSource.view().length?t._tiles=this.items().filter("["+i.attr("type")+"=f]"):this.content.append(g({text:t.options.messages.emptyFolder}))},change:t._listViewChange.bind(t)})},_dblClick:function(t){var n=this,a=e(t.currentTarget);if(a.hasClass("k-edit-item")&&n._directoryBlur(),a.filter("["+i.attr("type")+"=d]").length){var o=n.dataSource.getByUid(a.attr(i.attr("uid")));o&&(n.path(_(n.path(),o.get(m))),n.breadcrumbs.value("/"+n.path()))}else a.filter("["+i.attr("type")+"=f]").length&&n.trigger(c)},_listViewChange:function(){var e=this._selectedItem();e&&(this.toolbar.find(".k-i-x,.k-svg-i-x").parent().removeClass("k-disabled"),this.trigger(d,{selected:e}))},_dataSource:function(){var e=this,t=e.options,n=t.transport,r=o({},b),s={field:m,dir:"asc"},l={type:n.type||"filebrowser",sort:[r,s]};a(n)&&(n.path=e.path.bind(e),l.transport=n),a(t.schema)?l.schema=t.schema:n.type&&a(i.data.schemas[n.type])&&i.data.schemas[n.type],e.dataSource&&e._errorHandler?e.dataSource.unbind(u,e._errorHandler):e._errorHandler=e._error.bind(e),e.dataSource=i.data.DataSource.create(l).bind(u,e._errorHandler)},_navigation:function(){var t=this,i=e('<div class="k-floatwrap"><nav></nav></div>').appendTo(this.element);t.breadcrumbs=i.find("nav").first().kendoBreadcrumb({editable:!0,gap:50,value:t.options.path||"/",change:function(){t.path(this.value())}}).data("kendoBreadcrumb")},_error:function(e){var t,i=this;if(!i.trigger(u,e)){t=e.xhr.status,"error"==e.status?"404"==t?i._showMessage(i.options.messages.directoryNotFound):"0"!=t&&i._showMessage("Error! The requested URL returned "+t+" - "+e.xhr.statusText):"timeout"==t&&i._showMessage("Error! Server timeout.");var n=i.dataSource;n.hasChanges()&&n.cancelChanges()}},_showMessage:function(e,t){return window[t||"alert"](e)},refresh:function(){var e=this;e._navigation(),e._toolbar(),e._content()},_editTmpl:function(){return i.template((function(e){return'<div class="k-listview-item k-selected" '+i.attr("uid")+'="'+e.uid+'">'+("d"===e.type?'<div class="k-file-preview">'+i.ui.icon({icon:"folder",iconClass:"k-file-icon",size:"xxxlarge"})+"</div>":'<div class="k-file-preview"><span class="k-file-icon k-icon k-i-loading"></span></div>')+("d"===e.type?'<span class="k-file-name">\n                            <span class="k-textbox k-input k-input-md k-rounded-md k-input-solid">\n                                <input class="k-input-inner" '+i.attr("bind")+'="value:'+'name"/>\n                            </span>\n                        </span>':"")+"</div>"}))},_itemTmpl:function(){return i.template((function(e){return'<div class="k-listview-item" '+i.attr("uid")+'="'+e.uid+'" '+i.attr("type")+'="'+e.type+'">'+("d"===e.type?'<div class="k-file-preview">'+i.ui.icon({icon:"folder",iconClass:"k-file-icon",size:"xxxlarge"})+"</div>":'<div class="k-file-preview">'+i.ui.icon({icon:"file",iconClass:"k-file-icon",size:"xxxlarge"})+"</div>")+'<span class="k-file-name">'+e.name+"</span>"+("f"===e.type?'<span class="k-file-size">'+function(e){if(!e)return"";var t=" bytes";return e>=1073741824?(t=" GB",e/=1073741824):e>=1048576?(t=" MB",e/=1048576):e>=1024&&(t=" KB",e/=1024),Math.round(100*e)/100+t}(e.size)+"</span>":"")+"</div>"}))},path:function(e){var i=this,n=i._path||"";return e!==t?(i._path=e.replace(l,"")+"/",void i.dataSource.read({path:i._path})):(n&&(n=n.replace(l,"")),"/"===n||""===n?"":n+"/")}}),x=n.extend({init:function(e,t){var i=this;t=t||{},n.fn.init.call(i,e,t),r&&i.element.attr("placeholder",i.options.label),i._wrapper(),i.element.on("keydown"+h,i._keydown.bind(i)).on("change"+h,i._updateValue.bind(i)),i.wrapper.on(p+h,"a",i._click.bind(i)),r||i.element.on("focus"+h,i._focus.bind(i)).on("blur"+h,i._blur.bind(i))},options:{name:"SearchBox",label:"Search",value:""},events:[d],destroy:function(){var e=this;e.wrapper.add(e.element).add(e.label).off(h),n.fn.destroy.call(e)},_keydown:function(e){13===e.keyCode&&this._updateValue()},_click:function(e){e.preventDefault(),this._updateValue()},_updateValue:function(){var e=this,t=e.element.val();t!==e.value()&&(e.value(t),e.trigger(d))},_blur:function(){this._updateValue(),this._toggleLabel()},_toggleLabel:function(){r||this.label.toggle(!this.element.val())},_focus:function(){this.label.hide()},_wrapper:function(){var t=this.element,n=t.parents(".k-search-wrap");t[0].style.width="",t.addClass("k-input-inner"),n.length||(n=t.wrap(e('<div class="k-widget k-search-wrap"><span class="k-textbox k-input k-input-md k-rounded-md k-input-solid"></span></div>')).parents(".k-search-wrap"),r||e('<label style="display:block">'+this.options.label+"</label>").insertBefore(t),e('<span class="k-input-suffix">'+i.ui.icon(e('<a href="#" />'),{icon:"search",iconClass:"k-search"})+"</span>").appendTo(n.find(".k-textbox"))),this.wrapper=n,this.label=n.find(">label")},value:function(e){var i=this;return e!==t?(i.options.value=e,i.element.val(e),void i._toggleLabel()):i.options.value}});i.ui.plugin(y),i.ui.plugin(x)}(window.kendo.jQuery)}));
//# sourceMappingURL=kendo.filebrowser.min.js.map