10 lines
17 KiB
JavaScript
10 lines
17 KiB
JavaScript
/*
|
|
* Kendo UI Complete v2013.3.1119 (http://kendoui.com)
|
|
* Copyright 2013 Telerik AD. All rights reserved.
|
|
*
|
|
* Kendo UI Complete commercial licenses may be obtained at
|
|
* https://www.kendoui.com/purchase/license-agreement/kendo-ui-complete-commercial.aspx
|
|
* If you do not own a commercial license, this file shall be governed by the trial license terms.
|
|
*/
|
|
!function(define){return define(["./kendo.listview.min","./kendo.dropdownlist.min","./kendo.upload.min"],function(){!function(e,t){function a(e,t,a){var n,o;e.on("dragenter"+S,function(){t(),o=new Date,n||(n=setInterval(function(){var e=new Date-o;e>100&&(a(),clearInterval(n),n=null)},100))}).on("dragover"+S,function(){o=new Date})}function n(e,a){return e!==t&&e.match(/\/$/)||(e=(e||"")+"/"),e+a}function o(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}function r(e,t){var a=e[t];return p(a)?a.from||a.field||t:a}var i,s,l,d,u=window.kendo,c=u.ui.Widget,p=e.isPlainObject,f=e.proxy,h=e.extend,m=u.support.placeholder,v=u.support.browser,g=u.isFunction,k=/(^\/|\/$)/g,_="change",w="apply",y="error",b="click",S=".kendoImageBrowser",x=".kendoBreadcrumbs",B=".kendoSearchBox",T="name",C="size",D="type",F={field:D,dir:"asc"},z=u.template('<li class="k-tile-empty"><strong>${text}</strong></li>'),U='<div class="k-widget k-toolbar k-header k-floatwrap"><div class="k-toolbar-wrap"># if (showUpload) { # <div class="k-widget k-upload"><div class="k-button k-button-icontext k-upload-button"><span class="k-icon k-add"></span>#=messages.uploadFile#<input type="file" name="file" /></div></div># } ## if (showCreate) { #<button type="button" class="k-button k-button-icon"><span class="k-icon k-addfolder" /></button># } ## if (showDelete) { #<button type="button" class="k-button k-button-icon k-state-disabled"><span class="k-icon k-delete" /></button> # } #</div><div class="k-tiles-arrange"><label>#=messages.orderBy#: <select /></label></a></div></div>';h(!0,u.data,{schemas:{imagebrowser:{data:function(e){return e.items||e||[]},model:{id:"name",fields:{name:"name",size:"size",type:"type"}}}}}),h(!0,u.data,{transports:{imagebrowser:u.data.RemoteTransport.extend({init:function(t){u.data.RemoteTransport.fn.init.call(this,e.extend(!0,{},this.options,t))},_call:function(t,a){a.data=e.extend({},a.data,{path:this.options.path()}),g(this.options[t])?this.options[t].call(this,a):u.data.RemoteTransport.fn[t].call(this,a)},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"}}})}}),i=v.msie&&v.version<8?function(e){return e.offsetTop}:function(t){return t.offsetTop-e(t).height()},s=c.extend({init:function(e,t){var a=this;t=t||{},c.fn.init.call(a,e,t),a.element.addClass("k-imagebrowser k-secondary"),a.element.on(b+S,".k-toolbar button:not(.k-state-disabled):has(.k-delete)",f(a._deleteClick,a)).on(b+S,".k-toolbar button:not(.k-state-disabled):has(.k-addfolder)",f(a._addClick,a)).on("keydown"+S,"li.k-state-selected input",f(a._directoryKeyDown,a)).on("blur"+S,"li.k-state-selected input",f(a._directoryBlur,a)),a._dataSource(),a.refresh(),a.path(a.options.path)},options:{name:"ImageBrowser",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:"*.png,*.gif,*.jpg,*.jpeg"},events:[y,_,w],destroy:function(){var e=this;c.fn.destroy.call(e),e.dataSource.unbind(y,e._errorHandler),e.element.add(e.list).add(e.toolbar).off(S),e.arrangeBy&&e.arrangeBy.destroy(),u.destroy(e.element)},value:function(){var e,a=this,o=a._selectedItem(),r=a.options.transport.imageUrl;return o&&"f"===o.get(D)?(e=n(a.path(),o.get(T)).replace(k,""),r&&(e=g(r)?r(e):u.format(r,encodeURIComponent(e))),e):t},_selectedItem:function(){var e=this.listView,a=e.select();return a.length?this.dataSource.getByUid(a.attr(u.attr("uid"))):t},_toolbar:function(){var t=this,a=u.template(U),n=t.options.messages,o=[{text:n.orderByName,value:"name"},{text:n.orderBySize,value:"size"}];t.toolbar=e(a({messages:n,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:n.dropFilesHere},async:{saveUrl:t.options.transport.uploadUrl,autoUpload:!0},upload:f(t._fileUpload,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._attachDropzoneEvents()},_attachDropzoneEvents:function(){var t=this;t.options.transport.uploadUrl&&(a(e(document.documentElement),e.proxy(t._dropEnter,t),e.proxy(t._dropLeave,t)),t._scrollHandler=f(t._positionDropzone,t))},_dropEnter:function(){this._positionDropzone(),e(document).on("scroll"+S,this._scrollHandler)},_dropLeave:function(){this._removeDropzone(),e(document).off("scroll"+S,this._scrollHandler)},_positionDropzone:function(){var e=this,t=e.element,a=t.offset();e.toolbar.find(".k-dropzone").addClass("k-imagebrowser-dropzone").offset(a).css({width:t[0].clientWidth,height:t[0].clientHeight,lineHeight:t[0].clientHeight+"px"})},_removeDropzone:function(){this.toolbar.find(".k-dropzone").removeClass("k-imagebrowser-dropzone").css({width:"",height:"",lineHeight:"",top:"",left:""})},_deleteClick:function(){var e=this,t=e.listView.select(),a=u.format(e.options.messages.deleteFile,t.find("strong").text());t.length&&e._showMessage(a,"confirm")&&e.listView.remove(t)},_addClick:function(){this.createDirectory()},_getFieldName:function(e){return r(this.dataSource.reader.model.fields,e)},_fileUpload:function(e){var t,a=this,n=a.options,o=n.fileTypes,r=RegExp(("("+o.split(",").join(")|(")+")").replace(/\*\./g,".*."),"i"),i=e.files[0].name,s=T,l=C;r.test(i)?(e.data={path:a.path()},t=a._createFile(i),t?a.upload.one("success",function(e){t.set(s,e.response[a._getFieldName(s)]),t.set(l,e.response[a._getFieldName(l)]),a._tiles=a.listView.items().filter("["+u.attr("type")+"=f]"),a._scroll()}):e.preventDefault()):(e.preventDefault(),a._showMessage(u.format(n.messages.invalidFileType,i,o)))},_findFile:function(e){var t,a,n,o=this.dataSource.data(),r=D,i=T;for(e=e.toLowerCase(),t=0,n=o.length;n>t;t++)if("f"===o[t].get(r)&&o[t].get(i).toLowerCase()===e){a=o[t];break}return a},_createFile:function(e){var t,a,n=this,o=0,r={},i=D,s=n.dataSource.view(),l=n._findFile(e);if(l&&!n._showMessage(u.format(n.options.messages.overwriteFile,e),"confirm"))return null;if(l)return l;for(t=0,a=s.length;a>t;t++)if("f"===s[t].get(i)){o=t;break}return r[i]="f",r[T]=e,r[C]=0,n.dataSource.insert(++o,r)},createDirectory:function(){var e,t,a=this,n=0,o=D,r=T,i=a.dataSource.data(),s=a._nameDirectory(),l=new a.dataSource.reader.model;for(e=0,t=i.length;t>e;e++)"d"===i[e].get(o)&&(n=e);l.set(o,"d"),l.set(r,s),a.listView.one("dataBound",function(){var e=a.listView.items().filter("["+u.attr("uid")+"="+l.uid+"]"),t=e.find("input");e.length&&this.edit(e),this.element.scrollTop(e.attr("offsetTop")-this.element[0].offsetHeight),setTimeout(function(){t.select()})}).one("save",function(e){var t=e.model.get(r);t?e.model.set(r,a._nameExists(t,l.uid)?a._nameDirectory():t):e.model.set(r,s)}),a.dataSource.insert(++n,l)},_directoryKeyDown:function(e){13==e.keyCode&&e.currentTarget.blur()},_directoryBlur:function(){this.listView.save()},_nameExists:function(e,t){var a,n,o=this.dataSource.data(),r=D,i=T;for(a=0,n=o.length;n>a;a++)if("d"===o[a].get(r)&&o[a].get(i).toLowerCase()===e.toLowerCase()&&o[a].uid!==t)return!0;return!1},_nameDirectory:function(){var t,a,n,o="New folder",r=this.dataSource.data(),i=[],s=D,l=T;for(a=0,n=r.length;n>a;a++)"d"===r[a].get(s)&&r[a].get(l).toLowerCase().indexOf(o.toLowerCase())>-1&&i.push(r[a].get(l));if(e.inArray(o,i)>-1){a=2;do t=o+" ("+a+")",a++;while(e.inArray(t,i)>-1);o=t}return o},orderBy:function(e){this.dataSource.sort([{field:D,dir:"asc"},{field:e,dir:"asc"}])},search:function(e){this.dataSource.filter({field:T,operator:"contains",value:e})},_content:function(){var t=this;t.list=e('<ul class="k-reset k-floats k-tiles" />').appendTo(t.element).on("scroll"+S,f(t._scroll,t)).on("dblclick"+S,"li",f(t._dblClick,t)),t.listView=new u.ui.ListView(t.list,{dataSource:t.dataSource,template:t._itemTmpl(),editTemplate:t._editTmpl(),selectable:!0,autoBind:!1,dataBinding:function(e){t.toolbar.find(".k-delete").parent().addClass("k-state-disabled"),("remove"===e.action||"sync"===e.action)&&e.preventDefault()},dataBound:function(){t.dataSource.view().length?(t._tiles=this.items().filter("["+u.attr("type")+"=f]"),t._scroll()):this.wrapper.append(z({text:t.options.messages.emptyFolder}))},change:f(t._listViewChange,t)})},_dblClick:function(t){var a,o=this,r=e(t.currentTarget);r.filter("["+u.attr("type")+"=d]").length?(a=o.dataSource.getByUid(r.attr(u.attr("uid"))),a&&(o.path(n(o.path(),a.get(T))),o.breadcrumbs.value(o.path()))):r.filter("["+u.attr("type")+"=f]").length&&o.trigger(w)},_listViewChange:function(){var e=this._selectedItem();e&&(this.toolbar.find(".k-delete").parent().removeClass("k-state-disabled"),"f"===e.get(D)&&this.trigger(_))},_dataSource:function(){var e,t=this,a=t.options,n=a.transport,o=h({},F),r={field:T,dir:"asc"},i={type:n.type||"imagebrowser",sort:[o,r]};p(n)&&(n.path=f(t.path,t),i.transport=n),p(a.schema)?i.schema=a.schema:n.type&&p(u.data.schemas[n.type])&&(e=u.data.schemas[n.type]),t.dataSource&&t._errorHandler?t.dataSource.unbind(y,t._errorHandler):t._errorHandler=f(t._error,t),t.dataSource=u.data.DataSource.create(i).bind(y,t._errorHandler)},_navigation:function(){var t=this,a=e('<div class="k-floatwrap"><input/><input/></div>').appendTo(this.element);t.breadcrumbs=a.find("input:first").kendoBreadcrumbs({value:t.options.path,change:function(){t.path(this.value())}}).data("kendoBreadcrumbs"),t.searchBox=a.parent().find("input:last").kendoSearchBox({label:t.options.messages.search,change:function(){t.search(this.value())}}).data("kendoSearchBox")},_error:function(e){var t,a=this;a.trigger(y,e)||(t=e.xhr.status,"error"==e.status?"404"==t?a._showMessage(a.options.messages.directoryNotFound):"0"!=t&&a._showMessage("Error! The requested URL returned "+t+" - "+e.xhr.statusText):"timeout"==t&&a._showMessage("Error! Server timeout."))},_showMessage:function(e,t){return window[t||"alert"](e)},refresh:function(){var e=this;e._navigation(),e._toolbar(),e._content()},_loadImage:function(t){var a=this,n=e(t),o=a.dataSource.getByUid(n.attr(u.attr("uid"))),r=o.get(T),i=a.options.transport.thumbnailUrl,s=e("<img />",{alt:r}),l="?";s.hide().on("load"+S,function(){e(this).prev().remove().end().addClass("k-image").fadeIn()}),n.find(".k-loading").after(s),g(i)?i=i(a.path(),encodeURIComponent(r)):(i.indexOf("?")>=0&&(l="&"),i=i+l+"path="+a.path()+encodeURIComponent(r)),s.attr("src",i),t.loaded=!0},_scroll:function(){var e=this;e.options.transport&&e.options.transport.thumbnailUrl&&(clearTimeout(e._timeout),e._timeout=setTimeout(function(){var a=e.list.outerHeight(),n=e.list.scrollTop(),o=n+a;e._tiles.each(function(){var a=i(this),r=a+this.offsetHeight;return(a>=n&&o>a||r>=n&&o>r)&&e._loadImage(this),a>o?!1:t}),e._tiles=e._tiles.filter(function(){return!this.loaded})},250))},_editTmpl:function(){var e='<li class="k-tile k-state-selected" '+u.attr("uid")+'="#=uid#" ';return e+=u.attr("type")+'="${'+D+'}">',e+="#if("+D+' == "d") { #',e+='<div class="k-thumb"><span class="k-icon k-folder"></span></div>',e+="#}else{#",e+='<div class="k-thumb"><span class="k-icon k-loading"></span></div>',e+="#}#",e+="#if("+D+' == "d") { #',e+='<input class="k-input" '+u.attr("bind")+'="value:'+T+'"/>',e+="#}#",e+="</li>",f(u.template(e),{sizeFormatter:o})},_itemTmpl:function(){var e=this,t='<li class="k-tile" '+u.attr("uid")+'="#=uid#" ';return t+=u.attr("type")+'="${'+D+'}">',t+="#if("+D+' == "d") { #',t+='<div class="k-thumb"><span class="k-icon k-folder"></span></div>',t+="#}else{#",t+=e.options.transport&&e.options.transport.thumbnailUrl?'<div class="k-thumb"><span class="k-icon k-loading"></span></div>':'<div class="k-thumb"><span class="k-icon k-file"></span></div>',t+="#}#",t+="<strong>${"+T+"}</strong>",t+="#if("+D+' == "f") { # <span class="k-filesize">${this.sizeFormatter('+C+")}</span> #}#",t+="</li>",f(u.template(t),{sizeFormatter:o})},path:function(e){var a=this,n=a._path||"";return e!==t?(a._path=e.replace(k,"")+"/",a.dataSource.read({path:a._path}),t):(n&&(n=n.replace(k,"")),"/"===n||""===n?"":n+"/")}}),l=c.extend({init:function(e,t){var a=this;t=t||{},c.fn.init.call(a,e,t),m&&a.element.attr("placeholder",a.options.label),a._wrapper(),a.element.on("keydown"+B,f(a._keydown,a)).on("change"+B,f(a._updateValue,a)),a.wrapper.on(b+B,"a",f(a._click,a)),m||a.element.on("focus"+B,f(a._focus,a)).on("blur"+B,f(a._blur,a))},options:{name:"SearchBox",label:"Search",value:""},events:[_],destroy:function(){var e=this;e.wrapper.add(e.element).add(e.label).off(B),c.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(_))},_blur:function(){this._updateValue(),this._toggleLabel()},_toggleLabel:function(){m||this.label.toggle(!this.element.val())},_focus:function(){this.label.hide()},_wrapper:function(){var t=this.element,a=t.parents(".k-search-wrap");t[0].style.width="",t.addClass("k-input"),a.length||(a=t.wrap(e('<div class="k-widget k-search-wrap k-textbox"/>')).parent(),m||e('<label style="display:block">'+this.options.label+"</label>").insertBefore(t),e('<a href="#" class="k-icon k-i-search k-search"/>').appendTo(a)),this.wrapper=a,this.label=a.find(">label")},value:function(e){var a=this;return e!==t?(a.options.value=e,a.element.val(e),a._toggleLabel(),t):a.options.value}}),d=c.extend({init:function(e,t){var a=this;t=t||{},c.fn.init.call(a,e,t),a._wrapper(),a.wrapper.on("focus"+x,"input",f(a._focus,a)).on("blur"+x,"input",f(a._blur,a)).on("keydown"+x,"input",f(a._keydown,a)).on(b+x,"a.k-i-arrow-n:first",f(a._rootClick,a)).on(b+x,"a:not(.k-i-arrow-n)",f(a._click,a)),a.value(a.options.value)},options:{name:"Breadcrumbs",gap:50},events:[_],destroy:function(){var e=this;c.fn.destroy.call(e),e.wrapper.add(e.wrapper.find("input")).add(e.wrapper.find("a")).off(x)},_update:function(e){e="/"===(e||"").charAt(0)?e:"/"+(e||""),e!==this.value()&&(this.value(e),this.trigger(_))},_click:function(t){t.preventDefault(),this._update(this._path(e(t.target).prevAll("a:not(.k-i-arrow-n)").addBack()))},_rootClick:function(e){e.preventDefault(),this._update("")},_focus:function(){var e=this,t=e.element;e.overlay.hide(),e.element.val(e.value()),setTimeout(function(){t.select()})},_blur:function(){if(!this.overlay.is(":visible")){var e=this,t=e.element,a=t.val().replace(/\/{2,}/g,"/");e.overlay.show(),t.val(""),e._update(a)}},_keydown:function(e){var t=this;13===e.keyCode&&(t._blur(),setTimeout(function(){t.overlay.find("a:first").focus()}))},_wrapper:function(){var t,a=this.element,n=a.parents(".k-breadcrumbs");a[0].style.width="",a.addClass("k-input"),n.length||(n=a.wrap(e('<div class="k-widget k-breadcrumbs k-textbox"/>')).parent()),t=n.find(".k-breadcrumbs-wrap"),t.length||(t=e('<div class="k-breadcrumbs-wrap"/>').appendTo(n)),this.wrapper=n,this.overlay=t},refresh:function(){var a,n,o,r,i="",s=this.value();for(s!==t&&s.match(/^\//)||(s="/"+(s||"")),a=s.split("/"),o=0,r=a.length;r>o;o++)n=a[o],n&&(i||(i+='<a href="#" class="k-icon k-i-arrow-n">root</a>'),i+='<a class="k-link" href="#">'+a[o]+"</a>",i+='<span class="k-icon k-i-arrow-e">></span>');this.overlay.empty().append(e(i)),this._adjustSectionWidth()},_adjustSectionWidth:function(){var t,a=this,n=a.wrapper,o=n.width()-a.options.gap,r=a.overlay.find("a");r.each(function(a){t=e(this),t.parent().width()>o&&(a==r.length-1?t.width(o):t.prev().addBack().hide())})},value:function(e){return e!==t?(this._value=e.replace(/\/{2,}/g,"/"),this.refresh(),t):this._value},_path:function(t){return"/"+e.map(t,function(t){return e(t).text()}).join("/")}}),u.ui.plugin(s),u.ui.plugin(d),u.ui.plugin(l)}(window.kendo.jQuery)})}("function"==typeof define&&define.amd?define:function(e,t){return t()});
|
|
//@ sourceMappingURL=kendo.imagebrowser.min.js.map
|