Start page
+ selector: 'start', + template: `Start page
Switch between Webix widgets
` }) -export class StartComponent { -} +export class StartComponent { } diff --git a/src/environments/environment.prod.ts b/src/environments/environment.prod.ts deleted file mode 100644 index 3612073..0000000 --- a/src/environments/environment.prod.ts +++ /dev/null @@ -1,3 +0,0 @@ -export const environment = { - production: true -}; diff --git a/src/environments/environment.ts b/src/environments/environment.ts deleted file mode 100644 index f56ff47..0000000 --- a/src/environments/environment.ts +++ /dev/null @@ -1,16 +0,0 @@ -// This file can be replaced during build by using the `fileReplacements` array. -// `ng build` replaces `environment.ts` with `environment.prod.ts`. -// The list of file replacements can be found in `angular.json`. - -export const environment = { - production: false -}; - -/* - * For easier debugging in development mode, you can import the following file - * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`. - * - * This import should be commented out in production mode because it will have a negative impact - * on performance if an error is thrown. - */ -// import 'zone.js/plugins/zone-error'; // Included with Angular CLI. diff --git a/src/favicon.ico b/src/favicon.ico deleted file mode 100644 index 1cceb83..0000000 Binary files a/src/favicon.ico and /dev/null differ diff --git a/src/main.ts b/src/main.ts index c7b673c..83b8548 100644 --- a/src/main.ts +++ b/src/main.ts @@ -1,12 +1,6 @@ -import { enableProdMode } from '@angular/core'; -import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; +import { bootstrapApplication } from '@angular/platform-browser'; +import { appConfig } from './app/app.config'; +import { AppComponent } from './app/app.component'; -import { AppModule } from './app/app.module'; -import { environment } from './environments/environment'; - -if (environment.production) { - enableProdMode(); -} - -platformBrowserDynamic().bootstrapModule(AppModule) +bootstrapApplication(AppComponent, appConfig) .catch(err => console.error(err)); diff --git a/src/polyfills.ts b/src/polyfills.ts deleted file mode 100644 index 481f15e..0000000 --- a/src/polyfills.ts +++ /dev/null @@ -1,54 +0,0 @@ -/** - * This file includes polyfills needed by Angular and is loaded before the app. - * You can add your own extra polyfills to this file. - * - * This file is divided into 2 sections: - * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers. - * 2. Application imports. Files imported after ZoneJS that should be loaded before your main - * file. - * - * The current setup is for so-called "evergreen" browsers; the last versions of browsers that - * automatically update themselves. This includes recent versions of Safari, Chrome (including - * Opera), Edge on the desktop, and iOS and Chrome on mobile. - * - * Learn more in https://angular.io/guide/browser-support - */ - -/*************************************************************************************************** - * BROWSER POLYFILLS - */ - -/** - * By default, zone.js will patch all possible macroTask and DomEvents - * user can disable parts of macroTask/DomEvents patch by setting following flags - * because those flags need to be set before `zone.js` being loaded, and webpack - * will put import in the top of bundle, so user need to create a separate file - * in this directory (for example: zone-flags.ts), and put the following flags - * into that file, and then add the following code before importing zone.js. - * import './zone-flags'; - * - * The flags allowed in zone-flags.ts are listed here. - * - * The following flags will work for all browsers. - * - * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch - * requestAnimationFrame - * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick - * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch - * specified eventNames - * - * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js - * with the following flag, it will bypass `zone.js` patch for IE/Edge - * - * (window as any).__Zone_enable_cross_context_check = true; - * - */ - -/*************************************************************************************************** - * Zone JS is required by default for Angular itself. - */ -import 'zone.js'; // Included with Angular CLI. - -/*************************************************************************************************** - * APPLICATION IMPORTS - */ diff --git a/src/test.ts b/src/test.ts index 598d11e..cc0bc50 100644 --- a/src/test.ts +++ b/src/test.ts @@ -1,26 +1,11 @@ -// This file is required by karma.conf.js and loads recursively all the .spec and framework files - -import 'zone.js/testing'; import { getTestBed } from '@angular/core/testing'; import { BrowserDynamicTestingModule, - platformBrowserDynamicTesting -} from '@angular/platform-browser-dynamic/testing'; - -declare const require: { - context(path: string, deep?: boolean, filter?: RegExp): { - keys(): string[]; -Check console for more details",this.webix.message({type:"error",text:n,expire:-1}))}},t.prototype.render=function(e,t,i){var n=this;this._container="string"==typeof e?this.webix.toNode(e):e||document.body;var r=null;!this.$router?(f&&"tagName"in this._container&&(this.webix.event(document.body,"click",(function(e){return n.clickHandler(e)})),f=!1),"string"==typeof t&&(t=new u(t,0)),this._subSegment=this._first_start(t),this._subSegment.route.linkRouter=!0):r="string"==typeof t?t:this.app?t.split().route.path||this.config.start:t.toString();var o=i?i.params:this.config.params||null,a=this.getSubView(),s=this._subSegment,c=s.show({url:r,params:o},a).then((function(){return n.createFromURL(s.current())})).then((function(t){return t.render(e,s)})).then((function(e){return n.$router.set(s.route.path,{silent:!0}),n.callEvent("app:route",[n.getUrl()]),e}));return this.ready=this.ready.then((function(){return c})),c},t.prototype.getSubView=function(){if(this._subSegment){var e=this._subSegment.current().view;if(e)return e}return new p(this,{})},t.prototype.require=function(e,t){return null},t.prototype._first_start=function(e){var t=this;this._segment=e;if(this.$router=new this.config.router((function(e){return setTimeout((function(){t.show(e).catch((function(e){if(!(e instanceof r))throw e}))}),1)}),this.config,this),this._container===document.body&&!1!==this.config.animation){var i=this._container;this.webix.html.addCss(i,"webixappstart"),setTimeout((function(){t.webix.html.removeCss(i,"webixappstart"),t.webix.html.addCss(i,"webixapp")}),10)}if(e){if(this.app){var n=e.current().view;e.current().view=this,e.next()?(e.refresh(),e=e.split()):e=new u(this.config.start,0),e.current().view=n}}else{var o=this.$router.get();o||(o=this.config.start,this.$router.set(o,{silent:!0})),e=new u(o,0)}return e},t.prototype._loadError=function(e,t){return this.error("app:error:resolve",[t,e]),{template:" "}},t.prototype.addSubView=function(e,t,i){var n=!0!==e.$subview?e.$subview:null,r=e.name||(n?this.webix.uid():"default");return t.id=e.id||"s"+this.webix.uid(),(i[r]={id:t.id,url:n,branch:e.branch,popup:e.popup,params:e.params}).popup?null:t},t}(o),v=function(){function e(e,t){var i=this;this.config=t||{},this._detectPrefix(),this.cb=e,window.onpopstate=function(){return i.cb(i.get())}}return e.prototype.set=function(e,t){var i=this;if(this.config.routes){var n=e.split("?",2);for(var r in this.config.routes)if(this.config.routes[r]===n[0]){e=r+(n.length>1?"?"+n[1]:"");break}}this.get()!==e&&window.history.pushState(null,null,this.prefix+this.sufix+e),t&&t.silent||setTimeout((function(){return i.cb(e)}),1)},e.prototype.get=function(){var e=this._getRaw().replace(this.prefix,"").replace(this.sufix,"");if(e="/"!==e&&"#"!==e?e:"",this.config.routes){var t=e.split("?",2),i=this.config.routes[t[0]];i&&(e=i+(t.length>1?"?"+t[1]:""))}return e},e.prototype._detectPrefix=function(){var e=this.config.routerPrefix;this.sufix="#"+(void 0===e?"!":e),this.prefix=document.location.href.split("#",2)[0]},e.prototype._getRaw=function(){return document.location.href},e}(),g=!1;function w(e){if(!g&&e){g=!0;var t=window;t.Promise||(t.Promise=e.promise);var i=e.version.split(".");10*i[0]+1*i[1]<53&&(e.ui.freeze=function(t){var i=t();return i&&i.then?i.then((function(t){return e.ui.$freeze=!1,e.ui.resize(),t})):(e.ui.$freeze=!1,e.ui.resize()),i});var n=e.ui.baselayout.prototype.addView,r=e.ui.baselayout.prototype.removeView,o={addView:function(e,t){if(this.$scope&&this.$scope.webixJet&&!e.queryView){var i=this.$scope,r={};e=i.app.copyConfig(e,{},r),n.apply(this,[e,t]);var o=function(e){i._renderFrame(e,r[e],null).then((function(){i._subs[e]=r[e]}))};for(var a in r)o(a);return e.id}return n.apply(this,arguments)},removeView:function(){if(r.apply(this,arguments),this.$scope&&this.$scope.webixJet){var t=this.$scope._subs;for(var i in t){var n=t[i];e.$$(n.id)||(n.view.destructor(),delete t[i])}}}};e.extend(e.ui.layout.prototype,o,!0),e.extend(e.ui.baselayout.prototype,o,!0),e.protoUI({name:"jetapp",$init:function(t){this.$app=new this.app(t);var i=e.uid().toString();t.body={id:i},this.$ready.push((function(){this.callEvent("onInit",[this.$app]),this.$app.render({id:i})}))}},e.ui.proxy,e.EventSystem)}}var m=function(e){function t(t){var i;return t.router=t.router||v,w((i=e.call(this,t)||this).webix),i}return i(t,e),t.prototype.require=function(e,t){return require(e+"/"+t)},t}(d),y=(function(e){function t(){return null!==e&&e.apply(this,arguments)||this}i(t,e),t.prototype._detectPrefix=function(){this.prefix="",this.sufix=this.config.routerPrefix||""},t.prototype._getRaw=function(){return document.location.pathname+(document.location.search||"")}}(v),function(){function e(e,t){this.path="",this.cb=e}return e.prototype.set=function(e,t){var i=this;this.path=e,t&&t.silent||setTimeout((function(){return i.cb(e)}),1)},e.prototype.get=function(){return this.path},e}());function b(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function _(e,t,i){for(var n in e)b(e,n)&&t.call(i||e,e[n],n,e)}function x(e){e="Warning: "+e,"undefined"!=typeof console&&console.error(e);try{throw new Error(e)}catch(e){}}var S=String.prototype.replace,k=String.prototype.split,$=function(e){var t=e%10;return 11!==e&&1===t?0:2<=t&&t<=4&&!(e>=12&&e<=14)?1:2},C={arabic:function(e){if(e<3)return e;var t=e%100;return t>=3&&t<=10?3:t>=11?4:5},bosnian_serbian:$,chinese:function(){return 0},croatian:$,french:function(e){return e>1?1:0},german:function(e){return 1!==e?1:0},russian:$,lithuanian:function(e){return e%10==1&&e%100!=11?0:e%10>=2&&e%10<=9&&(e%100<11||e%100>19)?1:2},czech:function(e){return 1===e?0:e>=2&&e<=4?1:2},polish:function(e){if(1===e)return 0;var t=e%10;return 2<=t&&t<=4&&(e%100<10||e%100>=20)?1:2},icelandic:function(e){return e%10!=1||e%100==11?1:0},slovenian:function(e){var t=e%100;return 1===t?0:2===t?1:3===t||4===t?2:3}},T={arabic:["ar"],bosnian_serbian:["bs-Latn-BA","bs-Cyrl-BA","srl-RS","sr-RS"],chinese:["id","id-ID","ja","ko","ko-KR","lo","ms","th","th-TH","zh"],croatian:["hr","hr-HR"],german:["fa","da","de","en","es","fi","el","he","hi-IN","hu","hu-HU","it","nl","no","pt","sv","tr"],french:["fr","tl","pt-br"],russian:["ru","ru-RU"],lithuanian:["lt"],czech:["cs","cs-CZ","sk"],polish:["pl"],icelandic:["is"],slovenian:["sl-SL"]};function P(e){var t,i=(t={},_(T,(function(e,i){_(e,(function(e){t[e]=i}))})),t);return i[e]||i[k.call(e,/-/,1)[0]]||i.en}function I(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}var E=/\$/g,A=/%\{(.*?)\}/g;function F(e,t,i,n){if("string"!=typeof e)throw new TypeError("Polyglot.transformPhrase expects argument #1 to be string");if(null==t)return e;var r=e,o=n||A,a="number"==typeof t?{smart_count:t}:t;if(null!=a.smart_count&&r){var s=k.call(r,"||||");r=(s[function(e,t){return C[P(e)](t)}(i||"en",a.smart_count)]||s[0]).replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,"")}return r=S.call(r,o,(function(e,t){return b(a,t)&&null!=a[t]?S.call(a[t],E,"$$"):e}))}function j(e){var t=e||{};this.phrases={},this.extend(t.phrases||{}),this.currentLocale=t.locale||"en";var i=t.allowMissing?F:null;this.onMissingKey="function"==typeof t.onMissingKey?t.onMissingKey:i,this.warn=t.warn||x,this.tokenRegex=function(e){var t=e&&e.prefix||"%{",i=e&&e.suffix||"}";if("||||"===t||"||||"===i)throw new RangeError('"||||" token is reserved for pluralization');return new RegExp(I(t)+"(.*?)"+I(i),"g")}(t.interpolation)}j.prototype.locale=function(e){return e&&(this.currentLocale=e),this.currentLocale},j.prototype.extend=function(e,t){_(e,(function(e,i){var n=t?t+"."+i:i;"object"==typeof e?this.extend(e,n):this.phrases[n]=e}),this)},j.prototype.unset=function(e,t){"string"==typeof e?delete this.phrases[e]:_(e,(function(e,i){var n=t?t+"."+i:i;"object"==typeof e?this.unset(e,n):delete this.phrases[n]}),this)},j.prototype.clear=function(){this.phrases={}},j.prototype.replace=function(e){this.clear(),this.extend(e)},j.prototype.t=function(e,t){var i,n,r=null==t?{}:t;if("string"==typeof this.phrases[e])i=this.phrases[e];else if("string"==typeof r._)i=r._;else if(this.onMissingKey){n=(0,this.onMissingKey)(e,r,this.currentLocale,this.tokenRegex)}else this.warn('Missing translation for key: "'+e+'"'),n=e;return"string"==typeof i&&(n=F(i,r,this.currentLocale,this.tokenRegex)),n},j.prototype.has=function(e){return b(this.phrases,e)},j.transformPhrase=function(e,t,i){return F(e,t,i)};var R=j;var D=window.webix;D&&w(D);var M=function(e,t,i){var n=(i=i||{}).storage,r=n?n.get("lang")||"en":i.lang||"en";function o(t,o,a){o.__esModule&&(o=o.default);var c={phrases:o};i.polyglot&&e.webix.extend(c,i.polyglot);var u=s.polyglot=new R(c);if(u.locale(t),s._=e.webix.bind(u.t,u),r=t,n&&n.put("lang",r),i.webix){var p=i.webix[t];p&&e.webix.i18n.setLocale(p)}return a?Promise.resolve():e.refresh()}function a(t,n){if(!1!==i.path){var r=(i.path?i.path+"/":"")+t;o(t,e.require("jet-locales",r),n)}}var s={getLang:function(){return r},setLang:a,setLangData:o,_:null,polyglot:null};e.setService("locale",s),a(r,!0)},V=window;V.Promise||(V.Promise=V.webix.promise);var O=1;function U(e,t,i){Object.defineProperty(t,i,{get:function(){return e[i]},set:function(t){return e[i]=t}})}function z(e,t){t=t||{};var i={},n={},r=function(e,t){var r=O++;return i[r]={mask:e,handler:t},t("*"===e?n:n[e],void 0,e),r},o=[],a=!1,s=function(e,t,n,r){if(a)o.push([e,t,n,r]);else for(var s=Object.keys(i),c=0;c
";if(a+='
",r>1){a="'+("folder"===o.type?G:this.Icon(o))+o.value+"
",a+=""+a+"
";var s="";r>2&&(s=""+s),a=s+(a+=""+r+"
")}e.html=a},t.prototype.AddHotkeys=function(){var e=this,t=webix.env.isMac?"COMMAND":"CTRL",i=[{key:"DELETE",oper:"delete"},{key:"BACKSPACE",oper:"delete"},{key:t+"+C",oper:"copy"},{key:t+"+X",oper:"cut"},{key:t+"+V",oper:"paste"},{key:t+"+R",oper:"rename"},{key:t+"+O",oper:"open"},{key:t+"+D",oper:"download"},{key:t+"+Alt+O",oper:"locate"}];this.app.config.editor&&i.push({key:t+"+E",oper:"edit"});for(var n=function(t){r.on(N(r.getRoot()),i[t].key,(function(n,r){var o=[i[t].oper];e.app.callEvent("app:action",o),webix.html.preventEvent(r)}))},r=this,o=0;o\n\t\t'+n("Folder")+'\n\t\t'+this.SearchTemplate(e.value)+""+q+"\n\t\t
";else{var r=webix.skin.$active.listItemHeight<29?[163,92]:[214,124],o=this.app.getService("backend").previewURL(e,r[0],r[1]);t=''+('
')+"
",i='\n\t\t'+this.Icon(e)+''+this.SearchTemplate(e.value)+""+q+"\n\t\t
"}return t+i},t.prototype.SearchTemplate=function(e){if(this.State.search){var t=new RegExp("("+this.State.search+")","gi");return e.replace(t,"$1")}return e},t}(X);function Z(e){var t=e.value.lastIndexOf(".");t>-1?e.setSelectionRange(0,t):e.select()}function Q(e,t,i){if(!((i=i||{i:0,cancel:!1}).i>=e.length))return t(e[i.i],i.i).then((function(){if(i.i+=1,!i.cancel)return Q(e,t,i)}))}function ee(e){return e>=1e9?(e/1e9).toFixed(1)+" Gb":e>=1e6?(e/1e6).toFixed(1)+" Mb":e>=1e3?(e/1e3).toFixed(1)+" kb":e+" b"}function te(e){return e.length?e[e.length-1]:{type:"empty",value:"Nothing is selected"}}function ie(e){for(e=e.replace(/[/\\:*?"<>|]/g,"").trim();"."===e[0];)e=e.substr(1).trim();return e}function ne(e){return e?e.charAt(0).toUpperCase()+e.slice(1):""}webix.protoUI({name:"codemirror-editor",defaults:{mode:"javascript",lineNumbers:!0,matchBrackets:!0,theme:"default"},$init:function(e){this.$view.innerHTML="",this._textarea=this.$view.firstChild,this._waitEditor=webix.promise.defer(),this.$ready.push(this._render_cm_editor)},complex_types:{php:{mode:["xml","javascript","css","htmlmixed","clike"]},htmlembedded:{mode:["xml","javascript","css","htmlmixed"],addon:["mode/multiplex"]},htmlmixed:{mode:["xml","javascript","css"]},dockerfile:{addon:["mode/simple"]}},_render_cm_editor:function(){if(!1!==this.config.cdn){var e=this.config.cdn||"https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.48.4/",t=[e+"/codemirror.css",e+"/codemirror.js"],i=this.config.mode?this.config.mode:"javascript",n=this.complex_types[i];n&&(n.mode&&n.mode.forEach((function(i){var n="/mode/"+i+"/"+i+".js";t.push(e+n)})),n.addon&&n.addon.forEach((function(i){var n="/addon/"+i+".js";t.push(e+n)}))),t.push(e+"/mode/"+i+"/"+i+".js"),this.config.theme&&"default"!==this.config.theme&&t.push(e+"/theme/"+this.config.theme+".css"),this.config.matchBrackets&&t.push(e+"/addon/edit/matchbrackets.js"),webix.require(t).then(webix.bind(this._render_when_ready,this)).catch((function(e){console.log(e)}))}else this._render_when_ready},_render_when_ready:function(){this._editor=CodeMirror.fromTextArea(this._textarea,{mode:this.config.mode,lineNumbers:this.config.lineNumbers,matchBrackets:this.config.matchBrackets,theme:this.config.theme}),this._waitEditor.resolve(this._editor),this.setValue(this.config.value),this._focus_await&&this.focus()},_set_inner_size:function(){this._editor&&this.$width&&(this._updateScrollSize(),this._editor.scrollTo(0,0))},_updateScrollSize:function(){var e=this._editor.getWrapperElement(),t=(this.$height||0)+"px";e.style.height=t,e.style.width=(this.$width||0)+"px";var i=this._editor.getScrollerElement();i.style.height!=t&&(i.style.height=t,this._editor.refresh())},$setSize:function(e,t){webix.ui.view.prototype.$setSize.call(this,e,t)&&this._set_inner_size()},setValue:function(e){e||0===e||(e=""),this.config.value=e,this._editor&&(this._editor.setValue(e),this.config.preserveUndoHistory||this._editor.clearHistory(),this._updateScrollSize())},getValue:function(){return this._editor?this._editor.getValue():this.config.value},focus:function(){this._focus_await=!0,this._editor&&this._editor.focus()},getEditor:function(e){return e?this._waitEditor:this._editor},undo:function(){this._editor.undo()},redo:function(){this._editor.redo()},undoLength:function(){return this._editor.historySize().undo}},webix.ui.view);var re={css:["css","less"],go:["go"],htmlmixed:["html","xml","svg"],javascript:["js","mjs","json","ts","coffee"],markdown:["md"],php:["php","phtml","php3","php4","php5","php7","php-s","pht","phar"],python:["py","pyc","pyd","pyo","pyw","pyz"],sql:["sql","sqlite3","sqlite","db"],yaml:["yaml","yml"],shell:["sh"]},oe=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return i(t,e),t.prototype.config=function(){var e=this;this._=this.app.getService("locale")._,this.Files=this.getParam("files");var t={view:"tabbar",localId:"tabbar",css:"webix_fmanager_editor_tabs",borderless:!0,tabMinWidth:170,moreTemplate:"",tooltip:function(e){return e.id},options:[],on:{onChange:function(t){return e.OpenDoc(t)},onBeforeTabClick:function(t,i){return e.TabAction(t,i)}},tabbarPopup:{css:"webix_gantt_editor_popup"}},i=webix.skin.$active,n={view:"toolbar",css:"webix_fmanager_editor_bar",padding:{left:4,right:4,top:0,bottom:0},height:i.toolbarHeight+!(i.toolbarHeight%2),cols:webix.env.mobile?this.GetMobileControls():[t]};return webix.env.mobile?n.cols.push(this.GetCloseAll(!0)):n.cols.push({width:12},this.GetCloseAll()),{type:"wide",rows:[n,{view:"codemirror-editor",localId:"editor",theme:"contrast"==webix.skin.$name||"dark"===webix.skin.$name?"monokai":"default"}]}},t.prototype.GetMobileControls=function(){var e=this;return[{view:"button",localId:"saveBtn",type:"icon",label:this._("Save"),icon:"wxi-check",css:"webix_primary webix_fmanager_editor_save",width:90,click:function(){return e.Save()}},{view:"label",label:" ",localId:"name",css:"webix_fmanager_editor_name"}]},t.prototype.GetCloseAll=function(e){var t=this;return{view:"icon",icon:e?"wxi-close":"fmi-exit-to-app",click:function(){return t.ConfirmAll()},tooltip:this._("Close the editor")+" (Esc)"}},t.prototype.init=function(){var e=this,t=this.$$("editor");if(webix.extend(t,webix.ProgressBar),t.showProgress({type:"top"}),webix.env.mobile){var i=this.Files[0];this.$$("name").setValue(this.GetFileLabel(i))}this._oldValue={},this._changed={},this._buffers={},t.getEditor(!0).then((function(i){Q(e.Files,(function(t){return e.app.getService("operations").read(t.id).then((function(i){return e.AddDoc(t,i)}))})).then((function(){if(!webix.env.mobile){for(var t=e.$$("tabbar"),i=0;i'+this.GetFileLabel(t,!0)+i+"
",r=webix.html.getTextSize(t.value,"webix_item_tab").width+90;e.addOption({id:t.id,value:n,css:"webix_fmanager_editor_tab",width:r>250?250:r})},t.prototype.OpenDoc=function(e){var t=this;this.$$("editor").getEditor(!0).then((function(i){i.swapDoc(t._buffers[e]),i.focus()}))},t.prototype.Back=function(){this.show("/top",{params:{state:this.getParam("state")}})},t.prototype.ConfirmAll=function(){var e=this;this.CheckChanges()?webix.confirm({container:this.app.getRoot().$view,text:this._("Are you sure you want to exit without saving?")}).then((function(){return e.Back()})):this.Back()},t.prototype.TabAction=function(e,t){if(t){var i=t.target.className,n=-1!==i.indexOf("webix_icon")&&e==this.$$("tabbar").getValue();return n&&(-1!==i.indexOf("close")?this.CloseTab(e):-1!==i.indexOf("circle")&&this.ConfirmOne(e)),!n}return!0},t.prototype.ConfirmOne=function(e){var t=this;webix.confirm({container:this.app.getRoot().$view,text:this._("Save before closing?")}).then((function(){t.Save(e).then((function(){return t.CloseTab(e)}))})).catch((function(){t.CloseTab(e)}))},t.prototype.CheckChanges=function(){for(var e in this._changed)if(this._changed[e])return!0;return!1},t.prototype.SaveAll=function(){var e=this,t=this.Files.filter((function(t){return e._changed[t.id]}));t.length&&Q(t,(function(t){return e.WriteFileContent(t.id)})).then((function(){e.ChangeTextState(!1)}))},t.prototype.Save=function(e){var t=this;return e||(e=this.GetActiveFile()),this._changed[e]?this.WriteFileContent(e).then((function(){t.ChangeTextState(!1,e)})):webix.promise.resolve()},t.prototype.WriteFileContent=function(e){var t=this,i=this._buffers[e].getValue();return this.app.getService("operations").write(e,i).then((function(){t._oldValue[e]=i}))},t.prototype.GetActiveFile=function(){return webix.env.mobile?this.Files[0].id:this.$$("tabbar").getValue()},t.prototype.GetFileType=function(e){if("Dockerfile"===e.value)return"dockerfile";if(e.$ext)for(var t in re)if(-1!==re[t].indexOf(e.$ext))return t;return"htmlmixed"},t.prototype.TextChanged=function(e){var t=this._buffers[e]==this._oldValue[e];this.ChangeTextState(!t,e)},t.prototype.ChangeTextState=function(e,t){t&&e===!!this._changed[t]||(t?this._changed[t]=e:this._changed={},webix.env.mobile?this.ChangeButtonState(e):this.ChangeTabsState(e,t))},t.prototype.ChangeButtonState=function(e){var t=this.$$("saveBtn");t.config.icon=e?"webix_fmanager_icon fmi-circle":"wxi-check",t.refresh()},t.prototype.ChangeTabsState=function(e,t){var i=this.$$("tabbar");if(t){var n=i.getOption(t);this.ChangeTabState(n,e)}else for(var r=i.config.options,o=0;o'+ee(e.used||0)+" "+t("of")+" "+ee(e.total||0)+" "+t("used")+"
")}}],padding:{top:8,bottom:4}}}},t.prototype.init=function(){var e=this;this.State=this.getParam("state"),this.Tree=this.$$("tree"),this.app.getService("local").folders().then((function(t){e.Tree.sync(t),e.Subscribe(),e.GetFsStats()})),this.Menu=this.ui(se),this.ContextMenu=this.ui(new(this.app.dynamic(J))(this.app,{compact:!1,tree:!0})),this.ContextMenu.AttachTo(this.Tree,(function(t){var i=e.Tree.locate(t);return i?[e.Tree.getItem(i)]:null})),this.on(this.app,"reload:fs:stats",(function(){return e.GetFsStats(!0)}))},t.prototype.Subscribe=function(){var e=this;this.Tree.attachEvent("onAfterSelect",(function(){var t=e.Tree.getSelectedId();".."==t.substr(0,2)?e.State.$batch({source:t.slice(3),path:"/"}):e.State.$batch({source:e.GetRootId(t).slice(3),path:t}),e.TreeState=e.Tree.getState()})),this.Tree.attachEvent("onAfterOpen",(function(){e.TreeState=e.Tree.getState()})),this.on(this.State.$changes,"path",(function(t){if(e.State.path=t,e.Tree.exists(t)){e.Tree.select(t);var i=e.Tree.getParentId(t);i&&e.Tree.open(i),e.Tree.showItem(t)}else e.Tree.select("../"+e.State.source)})),this.app.getService("local").folders().then((function(t){e.on(t.data,"onStoreUpdated",(function(t){!t&&e.Tree.count()&&e.Tree.setState(e.TreeState)}))}))},t.prototype.GetFsStats=function(e){var t=this;this.app.getService("backend").getInfo(e).then((function(e){t.$$("fs:stats").setValues(e.stats)}))},t.prototype.MoveFiles=function(e,t){return"../files"===t&&(t="/"),this.app.getService("operations").move(e,t),!1},t.prototype.GetRootId=function(e){for(var t;e;)t=e,e=this.Tree.getParentId(e);return t},t}(p),ue=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return i(t,e),t.prototype.config=function(){var e=this,t=this.app.getService("locale")._,i=this.getParam("compact",!0),n={view:"datatable",localId:"table",css:"webix_noselect webix_header_border webix_fmanager_filelist",select:"row",multiselect:!0,drag:!0,resizeColumn:{headerOnly:!0},sort:"multi",type:{backIcon:function(){return""},backLabel:function(){return t("back to parent folder")}},on:{onItemDblClick:function(){return e.Activate(e.GetSelection())},onEnter:function(){return e.Activate(e.GetSelection())},onBeforeDrag:function(t){return e.DragMarker(t)},onBeforeDrop:function(t){return e.MoveFiles(t.source,t.target)},"data->onStoreLoad":function(){e.WTable.markSorting()}},onClick:{webix_ss_center_scroll:function(){return e.EmptyClick()},webix_column:function(){return!1}},onContext:{webix_ss_center_scroll:function(t,i){i||e.EmptyClick()}},columns:[{id:"value",header:"",template:function(t){return e.NameTemplate(t)},sort:pe("value"),fillspace:!0},{id:"size",header:t("Size"),template:function(e){return"folder"!==e.type?ee(e.size):""},sort:pe("size")},{id:"date",header:t("Date"),sort:pe("date"),format:function(e){return e instanceof Date&&!isNaN(e)?webix.i18n.longDateFormatStr(e):""},width:150}]};return i&&n.columns.splice(1,2),n},t.prototype.init=function(){var t=this;this.WTable=this.$$("table"),e.prototype.init.call(this),this.on(this.State.$changes,"isActive",(function(e){e?(t.SelectActive(),webix.delay((function(){return webix.UIManager.setFocus(t.WTable)}))):(t.Menu.Hide(),t._Track=!1,t.WTable.unselect(),t._Track=!0)})),this.on(N(this.getRoot()),"TAB",(function(){t.getParam("trackActive",!0)&&(t.State.isActive=!1)}))},t.prototype.RenderData=function(e){this.WTable.sync(e)},t.prototype.NameTemplate=function(e){return"folder"===e.type?G+e.value:this.Icon(e)+''+e.value+""},t}(X);function pe(e){return function(t,i){return".."===t.value||".."===i.value||"folder"===t.type&&"folder"!==i.type||"folder"===i.type&&"folder"!==t.type?0:"value"===e?t.value.localeCompare(i.value,void 0,{ignorePunctuation:!0,numeric:!0}):t[e]"+("
"}},r={css:"webix_fmanager_preview_info extra",localId:"extra:info",hidden:!0,autoheight:!0,template:function(e){for(var t=Object.keys(e),i=""+("folder"===t.type?["Type","Date"]:["Type","Size","Date"]).map((function(e){return"
")+('"+n(e)+"
"})).join("")+"'+("folder"===t.type?[ne(n(t.type)),i(t.date)]:[ne(n(t.type)),ee(t.size),i(t.date)]).map((function(e){return"
")+""+e+"
"})).join("")+"",n=0;n"+t[n]+"
";i+="";var r="";for(var o in e){var a=e[o].trim();r+="")+"
"}},o={localId:"search:counter",css:"webix_fmanager_preview_info",height:104,borderless:!0,template:function(e){return""+(a&&"0"!=a?a:"")+"
"}return'\n\nExtra info\n
'+i+(r+=""+("
"}};return{localId:"info:tabs",view:"tabview",css:"webix_fmanager_info_tab",cells:[{header:t("Information"),body:{padding:14,margin:14,rows:[n,r,{}]}},{header:t("Search results"),body:{padding:14,margin:14,rows:[o,{}]}}]}},t.prototype.init=function(){var e=this;this.Tabview=this.$$("info:tabs"),this.State=this.getParam("state"),this.on(this.State.$changes,"selectedItem",(function(t){e.ShowInfo(te(t))})),this.on(this.State.$changes,"searchStats",(function(t){t?e.$$("search:counter").setValues(t):e.State.selectedItem.length||e.Tabview.hide()}))},t.prototype.ShowInfo=function(e){var t=this,i=this.Tabview.getTabbar(),n=i.config.options[0].id,r=i.config.options[1].id;if("empty"!==e.type){this.SetInfo(this.$$("info"),e),this.SwitchTabs(i,r,n);var o=this.$$("extra:info"),a=this.app.getService("backend").getMeta(e);a?a.then((function(e){return t.SetExtraInfo(o,e)})).catch((function(){return o.hide()})):o.hide()}else this.State.search?this.SwitchTabs(i,n,r):this.Tabview.hide()},t.prototype.SetExtraInfo=function(e,t){!function e(t){for(var i in t){if("object"==typeof t[i])return e(t[i]);if(t[i]&&"0"!==t[i])return!1}return!0}(t)?this.SetInfo(e,t):e.hide()},t.prototype.SetInfo=function(e,t){e.setValues(t),e.show()},t.prototype.SwitchTabs=function(e,t,i){e.hideOption(t),e.setValue(i),e.showOption(i),this.Tabview.show()},t}(p);var we=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return i(t,e),t.prototype.config=function(){var e=this,t=this.app.getService("locale")._,i=this.getParam("compact"),n=this.getParam("state");return{margin:.1,rows:[{view:"toolbar",localId:"toolbar",padding:{right:6},elements:[{view:"label",localId:"filename:label",css:"webix_fmanager_preview_name"},{view:"icon",icon:"wxi-download",css:"webix_fmanager_spec_icon",localId:"download",tooltip:t("Download file"),click:function(){e.app.callEvent("app:action",["download",[e.FileInfo]])}},{view:"icon",icon:"wxi-close",hidden:!i,click:function(){n.preview=!n.preview}}]},{view:"scrollview",borderless:!0,body:{type:"wide",margin:10,rows:[{view:"proxy",minHeight:413,borderless:!0,body:{$subview:!0,name:"preview"}},ge]}}]}},t.prototype.init=function(){var e=this;this.on(this.getParam("state").$changes,"selectedItem",(function(t){var i=te(t);e.ShowInfo(i),e.FileInfo=i;var n=e.$$("download");"folder"===i.type?n.hide():n.show()}))},t.prototype.ShowInfo=function(e){var t="preview.template";!this.app.config.player||"audio"!==e.type&&"video"!==e.type||(t="preview.media"),"empty"!==e.type?(this.$$("filename:label").setValue(e.value),this.$$("toolbar").show()):this.$$("toolbar").hide(),this.show(t,{target:"preview",params:{info:e}})},t}(p);webix.protoUI({name:"plyr-player",defaults:{config:{},source:{}},$init:function(){this.$view.innerHTML='',this._container=this.$view.firstChild.firstChild,this.$view.style.overflow="visible",this._waitView=webix.promise.defer(),this.$ready.push(this.render)},getPlayer:function(e){return e?this._waitView:this._player},render:function(){if(!1===this.config.cdn||window.Plyr)this._initPlyr();else{var e=this.config.cdn?this.config.cdn:"https://cdn.plyr.io/3.5.10";webix.require([e+"/plyr.js",e+"/plyr.css"]).then(webix.bind(this._initPlyr,this)).catch((function(e){console.log(e)}))}},_initPlyr:function(){if(this.$view){var e=webix.extend({},this.config.config);this._player=new Plyr(this._container,e),this._player.elements.container.setAttribute("tabindex","-1"),this.attachEvent("onDestroy",(function(){this._player&&this._player.destroy()})),this._waitView.resolve(this._player),this._player.on("canplay",webix.bind((function(){this._player.media&&(this._player.media.setAttribute("tabindex","-1"),this._normalizeRatio())}),this)),this._player.on("ready",webix.bind((function(){this.$view&&(this.$view.querySelector(".plyr--full-ui").style["min-width"]="0px",this._normalizeRatio())}),this))}},$setSize:function(e,t){this.$view.firstChild.style.width=e+"px",this.$view.firstChild.style.height=t-2+"px",this._player&&this._normalizeRatio(e,t)},source_setter:function(e){this._waitView.then((function(t){e&&(t.source=e)}))},getPlyr:function(e){return e?this._waitView:this._player},_gcdRatio:function(e,t){for(e=Math.abs(e),t=Math.abs(t);t;){var i=t;t=e%t,e=i}return e},_normalizeRatio:function(e,t){if(this.$view){e=e||this.$view.clientWidth,t=t||this.$view.clientHeight;var i=this._gcdRatio(e,t),n=(e/i).toString()+":"+(t/i).toString();this._player.ratio=n}}},webix.ui.view,webix.EventSystem);var me=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return i(t,e),t.prototype.config=function(){return{rows:[{localId:"albumArt",hidden:!0,css:"webix_fmanager_preview",template:'"+["Folders","Files"].map((function(e){return"
")+('"+t(e)+"
"})).join("")+"'+[e.folders,e.files].map((function(e){return"
")+""+e+"
"})).join("")+"Check console for more details",this.webix.message({type:"error",text:n,expire:-1}))}},t.prototype.render=function(e,t,i){var n=this;this._container="string"==typeof e?this.webix.toNode(e):e||document.body;var r=null;!this.$router?(f&&"tagName"in this._container&&(this.webix.event(document.body,"click",(function(e){return n.clickHandler(e)})),f=!1),"string"==typeof t&&(t=new l(t,0)),this._subSegment=this._first_start(t),this._subSegment.route.linkRouter=!0):r="string"==typeof t?t:this.app?t.split().route.path||this.config.start:t.toString();var o=i?i.params:this.config.params||null,a=this.getSubView(),s=this._subSegment,c=s.show({url:r,params:o},a).then((function(){return n.createFromURL(s.current())})).then((function(t){return t.render(e,s)})).then((function(e){return n.$router.set(s.route.path,{silent:!0}),n.callEvent("app:route",[n.getUrl()]),e}));return this.ready=this.ready.then((function(){return c})),c},t.prototype.getSubView=function(){if(this._subSegment){var e=this._subSegment.current().view;if(e)return e}return new u(this,{})},t.prototype.require=function(e,t){return null},t.prototype._first_start=function(e){var t=this;this._segment=e;if(this.$router=new this.config.router((function(e){return setTimeout((function(){t.show(e).catch((function(e){if(!(e instanceof r))throw e}))}),1)}),this.config,this),this._container===document.body&&!1!==this.config.animation){var i=this._container;this.webix.html.addCss(i,"webixappstart"),setTimeout((function(){t.webix.html.removeCss(i,"webixappstart"),t.webix.html.addCss(i,"webixapp")}),10)}if(e){if(this.app){var n=e.current().view;e.current().view=this,e.next()?(e.refresh(),e=e.split()):e=new l(this.config.start,0),e.current().view=n}}else{var o=this.$router.get();o||(o=this.config.start,this.$router.set(o,{silent:!0})),e=new l(o,0)}return e},t.prototype._loadError=function(e,t){return this.error("app:error:resolve",[t,e]),{template:" "}},t.prototype.addSubView=function(e,t,i){var n=!0!==e.$subview?e.$subview:null,r=e.name||(n?this.webix.uid():"default");return t.id=e.id||"s"+this.webix.uid(),(i[r]={id:t.id,url:n,branch:e.branch,popup:e.popup,params:e.params}).popup?null:t},t}(o),v=function(){function e(e,t){var i=this;this.config=t||{},this._detectPrefix(),this.cb=e,window.onpopstate=function(){return i.cb(i.get())}}return e.prototype.set=function(e,t){var i=this;if(this.config.routes){var n=e.split("?",2);for(var r in this.config.routes)if(this.config.routes[r]===n[0]){e=r+(n.length>1?"?"+n[1]:"");break}}this.get()!==e&&window.history.pushState(null,null,this.prefix+this.sufix+e),t&&t.silent||setTimeout((function(){return i.cb(e)}),1)},e.prototype.get=function(){var e=this._getRaw().replace(this.prefix,"").replace(this.sufix,"");if(e="/"!==e&&"#"!==e?e:"",this.config.routes){var t=e.split("?",2),i=this.config.routes[t[0]];i&&(e=i+(t.length>1?"?"+t[1]:""))}return e},e.prototype._detectPrefix=function(){var e=this.config.routerPrefix;this.sufix="#"+(void 0===e?"!":e),this.prefix=document.location.href.split("#",2)[0]},e.prototype._getRaw=function(){return document.location.href},e}(),g=!1;function w(e){if(!g&&e){g=!0;var t=window;t.Promise||(t.Promise=e.promise);var i=e.version.split(".");10*i[0]+1*i[1]<53&&(e.ui.freeze=function(t){var i=t();return i&&i.then?i.then((function(t){return e.ui.$freeze=!1,e.ui.resize(),t})):(e.ui.$freeze=!1,e.ui.resize()),i});var n=e.ui.baselayout.prototype.addView,r=e.ui.baselayout.prototype.removeView,o={addView:function(e,t){if(this.$scope&&this.$scope.webixJet&&!e.queryView){var i=this.$scope,r={};e=i.app.copyConfig(e,{},r),n.apply(this,[e,t]);var o=function(e){i._renderFrame(e,r[e],null).then((function(){i._subs[e]=r[e]}))};for(var a in r)o(a);return e.id}return n.apply(this,arguments)},removeView:function(){if(r.apply(this,arguments),this.$scope&&this.$scope.webixJet){var t=this.$scope._subs;for(var i in t){var n=t[i];e.$$(n.id)||(n.view.destructor(),delete t[i])}}}};e.extend(e.ui.layout.prototype,o,!0),e.extend(e.ui.baselayout.prototype,o,!0),e.protoUI({name:"jetapp",$init:function(t){this.$app=new this.app(t);var i=e.uid().toString();t.body={id:i},this.$ready.push((function(){this.callEvent("onInit",[this.$app]),this.$app.render({id:i})}))}},e.ui.proxy,e.EventSystem)}}var m=function(e){function t(t){var i;return t.router=t.router||v,w((i=e.call(this,t)||this).webix),i}return i(t,e),t.prototype.require=function(e,t){return require(e+"/"+t)},t}(d),b=(function(e){function t(){return null!==e&&e.apply(this,arguments)||this}i(t,e),t.prototype._detectPrefix=function(){this.prefix="",this.sufix=this.config.routerPrefix||""},t.prototype._getRaw=function(){return document.location.pathname+(document.location.search||"")}}(v),function(){function e(e,t){this.path="",this.cb=e}return e.prototype.set=function(e,t){var i=this;this.path=e,t&&t.silent||setTimeout((function(){return i.cb(e)}),1)},e.prototype.get=function(){return this.path},e}());function y(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function _(e,t,i){for(var n in e)y(e,n)&&t.call(i||e,e[n],n,e)}function x(e){e="Warning: "+e,"undefined"!=typeof console&&console.error(e);try{throw new Error(e)}catch(e){}}var S=String.prototype.replace,$=String.prototype.split,k=function(e){var t=e%10;return 11!==e&&1===t?0:2<=t&&t<=4&&!(e>=12&&e<=14)?1:2},C={arabic:function(e){if(e<3)return e;var t=e%100;return t>=3&&t<=10?3:t>=11?4:5},bosnian_serbian:k,chinese:function(){return 0},croatian:k,french:function(e){return e>1?1:0},german:function(e){return 1!==e?1:0},russian:k,lithuanian:function(e){return e%10==1&&e%100!=11?0:e%10>=2&&e%10<=9&&(e%100<11||e%100>19)?1:2},czech:function(e){return 1===e?0:e>=2&&e<=4?1:2},polish:function(e){if(1===e)return 0;var t=e%10;return 2<=t&&t<=4&&(e%100<10||e%100>=20)?1:2},icelandic:function(e){return e%10!=1||e%100==11?1:0},slovenian:function(e){var t=e%100;return 1===t?0:2===t?1:3===t||4===t?2:3}},T={arabic:["ar"],bosnian_serbian:["bs-Latn-BA","bs-Cyrl-BA","srl-RS","sr-RS"],chinese:["id","id-ID","ja","ko","ko-KR","lo","ms","th","th-TH","zh"],croatian:["hr","hr-HR"],german:["fa","da","de","en","es","fi","el","he","hi-IN","hu","hu-HU","it","nl","no","pt","sv","tr"],french:["fr","tl","pt-br"],russian:["ru","ru-RU"],lithuanian:["lt"],czech:["cs","cs-CZ","sk"],polish:["pl"],icelandic:["is"],slovenian:["sl-SL"]};function I(e){var t,i=(t={},_(T,(function(e,i){_(e,(function(e){t[e]=i}))})),t);return i[e]||i[$.call(e,/-/,1)[0]]||i.en}function P(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}var A=/\$/g,F=/%\{(.*?)\}/g;function E(e,t,i,n){if("string"!=typeof e)throw new TypeError("Polyglot.transformPhrase expects argument #1 to be string");if(null==t)return e;var r=e,o=n||F,a="number"==typeof t?{smart_count:t}:t;if(null!=a.smart_count&&r){var s=$.call(r,"||||");r=(s[function(e,t){return C[I(e)](t)}(i||"en",a.smart_count)]||s[0]).replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,"")}return r=S.call(r,o,(function(e,t){return y(a,t)&&null!=a[t]?S.call(a[t],A,"$$"):e}))}function V(e){var t=e||{};this.phrases={},this.extend(t.phrases||{}),this.currentLocale=t.locale||"en";var i=t.allowMissing?E:null;this.onMissingKey="function"==typeof t.onMissingKey?t.onMissingKey:i,this.warn=t.warn||x,this.tokenRegex=function(e){var t=e&&e.prefix||"%{",i=e&&e.suffix||"}";if("||||"===t||"||||"===i)throw new RangeError('"||||" token is reserved for pluralization');return new RegExp(P(t)+"(.*?)"+P(i),"g")}(t.interpolation)}V.prototype.locale=function(e){return e&&(this.currentLocale=e),this.currentLocale},V.prototype.extend=function(e,t){_(e,(function(e,i){var n=t?t+"."+i:i;"object"==typeof e?this.extend(e,n):this.phrases[n]=e}),this)},V.prototype.unset=function(e,t){"string"==typeof e?delete this.phrases[e]:_(e,(function(e,i){var n=t?t+"."+i:i;"object"==typeof e?this.unset(e,n):delete this.phrases[n]}),this)},V.prototype.clear=function(){this.phrases={}},V.prototype.replace=function(e){this.clear(),this.extend(e)},V.prototype.t=function(e,t){var i,n,r=null==t?{}:t;if("string"==typeof this.phrases[e])i=this.phrases[e];else if("string"==typeof r._)i=r._;else if(this.onMissingKey){n=(0,this.onMissingKey)(e,r,this.currentLocale,this.tokenRegex)}else this.warn('Missing translation for key: "'+e+'"'),n=e;return"string"==typeof i&&(n=E(i,r,this.currentLocale,this.tokenRegex)),n},V.prototype.has=function(e){return y(this.phrases,e)},V.transformPhrase=function(e,t,i){return E(e,t,i)};var M=V;var D=window.webix;D&&w(D);var R=function(e,t,i){var n=(i=i||{}).storage,r=n?n.get("lang")||"en":i.lang||"en";function o(t,o,a){o.__esModule&&(o=o.default);var c={phrases:o};i.polyglot&&e.webix.extend(c,i.polyglot);var l=s.polyglot=new M(c);if(l.locale(t),s._=e.webix.bind(l.t,l),r=t,n&&n.put("lang",r),i.webix){var u=i.webix[t];u&&e.webix.i18n.setLocale(u)}return a?Promise.resolve():e.refresh()}function a(t,n){if(!1!==i.path){var r=(i.path?i.path+"/":"")+t;o(t,e.require("jet-locales",r),n)}}var s={getLang:function(){return r},setLang:a,setLangData:o,_:null,polyglot:null};e.setService("locale",s),a(r,!0)},j=window;j.Promise||(j.Promise=j.webix.promise);var L=1;function z(e,t,i){Object.defineProperty(t,i,{get:function(){return e[i]},set:function(t){return e[i]=t}})}function O(e,t){t=t||{};var i={},n={},r=function(e,t){var r=L++;return i[r]={mask:e,handler:t},t("*"===e?n:n[e],void 0,e),r},o=[],a=!1,s=function(e,t,n,r){if(a)o.push([e,t,n,r]);else for(var s=Object.keys(i),c=0;c
";if(a+='
",r>1){a="'+("folder"===o.type?N:this.Icon(o))+o.value+"
",a+=""+a+"
";var s="";r>2&&(s=""+s),a=s+(a+=""+r+"
")}e.html=a},t.prototype.AddHotkeys=function(){var e=this,t=webix.env.isMac?"COMMAND":"CTRL",i=[{key:"DELETE",oper:"delete"},{key:"BACKSPACE",oper:"delete"},{key:t+"+C",oper:"copy"},{key:t+"+X",oper:"cut"},{key:t+"+V",oper:"paste"},{key:t+"+R",oper:"rename"},{key:t+"+O",oper:"open"},{key:t+"+D",oper:"download"},{key:t+"+Alt+O",oper:"locate"}];this.app.config.editor&&i.push({key:t+"+E",oper:"edit"});for(var n=function(t){r.on(G(r.getRoot()),i[t].key,(function(n,r){var o=[i[t].oper];e.app.callEvent("app:action",o),webix.html.preventEvent(r)}))},r=this,o=0;o\n\t\t'+n("Folder")+'\n\t\t'+this.SearchTemplate(e.value)+""+q+"\n\t\t
";else{var r=webix.skin.$active.listItemHeight<29?[163,92]:[214,124],o=this.app.getService("backend").previewURL(e,r[0],r[1]);t=''+('')+"
",i='\n\t\t'+this.Icon(e)+''+this.SearchTemplate(e.value)+""+q+"\n\t\t
"}return t+i},t.prototype.SearchTemplate=function(e){if(this.State.search){var t=new RegExp("("+this.State.search+")","gi");return e.replace(t,"$1")}return e},t}(Z);function ee(e){var t=e.value.lastIndexOf(".");t>-1?e.setSelectionRange(0,t):e.select()}function te(e,t,i){if(!((i=i||{i:0,cancel:!1}).i>=e.length))return t(e[i.i],i.i).then((function(){if(i.i+=1,!i.cancel)return te(e,t,i)}))}function ie(e){return e>=1e9?(e/1e9).toFixed(1)+" GB":e>=1e6?(e/1e6).toFixed(1)+" MB":e>=1e3?(e/1e3).toFixed(1)+" kB":e+" B"}function ne(e){return e.length?e[e.length-1]:{type:"empty",value:"Nothing is selected"}}function re(e){for(e=e.replace(/[/\\:*?"<>|]/g,"").trim();"."===e[0];)e=e.substr(1).trim();return e}function oe(e){return e?e.charAt(0).toUpperCase()+e.slice(1):""}webix.protoUI({name:"codemirror-editor",defaults:{mode:"javascript",lineNumbers:!0,matchBrackets:!0,theme:"default"},$init:function(e){this.$view.innerHTML="",this._textarea=this.$view.firstChild,this._waitEditor=webix.promise.defer(),this.$ready.push(this._render_cm_editor)},complex_types:{php:{mode:["xml","javascript","css","htmlmixed","clike"]},htmlembedded:{mode:["xml","javascript","css","htmlmixed"],addon:["mode/multiplex"]},htmlmixed:{mode:["xml","javascript","css"]},dockerfile:{addon:["mode/simple"]}},_render_cm_editor:function(){if(!1!==this.config.cdn){var e=this.config.cdn||"https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.48.4/",t=[e+"/codemirror.css",e+"/codemirror.js"],i=this.config.mode?this.config.mode:"javascript",n=this.complex_types[i];n&&(n.mode&&n.mode.forEach((function(i){var n="/mode/"+i+"/"+i+".js";t.push(e+n)})),n.addon&&n.addon.forEach((function(i){var n="/addon/"+i+".js";t.push(e+n)}))),t.push(e+"/mode/"+i+"/"+i+".js"),this.config.theme&&"default"!==this.config.theme&&t.push(e+"/theme/"+this.config.theme+".css"),this.config.matchBrackets&&t.push(e+"/addon/edit/matchbrackets.js"),webix.require(t).then(webix.bind(this._render_when_ready,this)).catch((function(e){console.log(e)}))}else this._render_when_ready},_render_when_ready:function(){this._editor=CodeMirror.fromTextArea(this._textarea,{mode:this.config.mode,lineNumbers:this.config.lineNumbers,matchBrackets:this.config.matchBrackets,theme:this.config.theme}),this._waitEditor.resolve(this._editor),this.setValue(this.config.value),this._focus_await&&this.focus()},_set_inner_size:function(){this._editor&&this.$width&&(this._updateScrollSize(),this._editor.scrollTo(0,0))},_updateScrollSize:function(){var e=this._editor.getWrapperElement(),t=(this.$height||0)+"px";e.style.height=t,e.style.width=(this.$width||0)+"px";var i=this._editor.getScrollerElement();i.style.height!=t&&(i.style.height=t,this._editor.refresh())},$setSize:function(e,t){webix.ui.view.prototype.$setSize.call(this,e,t)&&this._set_inner_size()},setValue:function(e){e||0===e||(e=""),this.config.value=e,this._editor&&(this._editor.setValue(e),this.config.preserveUndoHistory||this._editor.clearHistory(),this._updateScrollSize())},getValue:function(){return this._editor?this._editor.getValue():this.config.value},focus:function(){this._focus_await=!0,this._editor&&this._editor.focus()},getEditor:function(e){return e?this._waitEditor:this._editor},undo:function(){this._editor.undo()},redo:function(){this._editor.redo()},undoLength:function(){return this._editor.historySize().undo}},webix.ui.view);var ae={css:["css","less"],go:["go"],htmlmixed:["html","xml","svg"],javascript:["js","mjs","json","ts","coffee"],markdown:["md"],php:["php","phtml","php3","php4","php5","php7","php-s","pht","phar"],python:["py","pyc","pyd","pyo","pyw","pyz"],sql:["sql","sqlite3","sqlite","db"],yaml:["yaml","yml"],shell:["sh"]},se=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return i(t,e),t.prototype.config=function(){var e=this;this._=this.app.getService("locale")._,this.Files=this.getParam("files");var t={view:"tabbar",localId:"tabbar",css:"webix_fmanager_editor_tabs",borderless:!0,tabMinWidth:170,moreTemplate:"",tooltip:function(e){return e.id},options:[],on:{onChange:function(t){return e.OpenDoc(t)},onBeforeTabClick:function(t,i){return e.TabAction(t,i)}},tabbarPopup:{css:"webix_fmanager_editor_popup"}},i=webix.skin.$active,n={view:"toolbar",css:"webix_fmanager_editor_bar",padding:{left:4,right:4,top:0,bottom:0},height:i.toolbarHeight+!(i.toolbarHeight%2),cols:webix.env.mobile?this.GetMobileControls():[t]};return webix.env.mobile?n.cols.push(this.GetCloseAll(!0)):n.cols.push({width:12},this.GetCloseAll()),{type:"wide",rows:[n,{view:"codemirror-editor",localId:"editor",theme:"contrast"==webix.skin.$name||"dark"===webix.skin.$name?"monokai":"default"}]}},t.prototype.GetMobileControls=function(){var e=this;return[{view:"button",localId:"saveBtn",type:"icon",label:this._("Save"),icon:"wxi-check",css:"webix_primary webix_fmanager_editor_save",width:90,click:function(){return e.Save()}},{view:"label",label:" ",localId:"name",css:"webix_fmanager_editor_name"}]},t.prototype.GetCloseAll=function(e){var t=this;return{view:"icon",icon:e?"wxi-close":"fmi-exit-to-app",click:function(){return t.ConfirmAll()},tooltip:this._("Close the editor")+" (Esc)"}},t.prototype.init=function(){var e=this,t=this.$$("editor");if(webix.extend(t,webix.ProgressBar),t.showProgress({type:"top"}),webix.env.mobile){var i=this.Files[0];this.$$("name").setValue(this.GetFileLabel(i))}this._oldValue={},this._changed={},this._buffers={},t.getEditor(!0).then((function(i){te(e.Files,(function(t){return e.app.getService("operations").read(t.id).then((function(i){return e.AddDoc(t,i)}))})).then((function(){if(!webix.env.mobile){for(var t=e.$$("tabbar"),i=0;i'+this.GetFileLabel(t,!0)+i+"
",r=webix.html.getTextSize(t.value,"webix_item_tab").width+90;e.addOption({id:t.id,value:n,css:"webix_fmanager_editor_tab",width:r>250?250:r})},t.prototype.OpenDoc=function(e){var t=this;this.$$("editor").getEditor(!0).then((function(i){i.swapDoc(t._buffers[e]),i.focus()}))},t.prototype.Back=function(){this.show("/top",{params:{state:this.getParam("state")}})},t.prototype.ConfirmAll=function(){var e=this;this.CheckChanges()?webix.confirm({container:this.app.getRoot().$view,text:this._("Are you sure you want to exit without saving?")}).then((function(){return e.Back()})):this.Back()},t.prototype.TabAction=function(e,t){if(t){var i=t.target.className,n=-1!==i.indexOf("webix_icon")&&e==this.$$("tabbar").getValue();return n&&(-1!==i.indexOf("close")?this.CloseTab(e):-1!==i.indexOf("circle")&&this.ConfirmOne(e)),!n}return!0},t.prototype.ConfirmOne=function(e){var t=this;webix.confirm({container:this.app.getRoot().$view,text:this._("Save before closing?")}).then((function(){t.Save(e).then((function(){return t.CloseTab(e)}))})).catch((function(){t.CloseTab(e)}))},t.prototype.CheckChanges=function(){for(var e in this._changed)if(this._changed[e])return!0;return!1},t.prototype.SaveAll=function(){var e=this,t=this.Files.filter((function(t){return e._changed[t.id]}));t.length&&te(t,(function(t){return e.WriteFileContent(t.id)})).then((function(){e.ChangeTextState(!1)}))},t.prototype.Save=function(e){var t=this;return e||(e=this.GetActiveFile()),this._changed[e]?this.WriteFileContent(e).then((function(){t.ChangeTextState(!1,e)})):webix.promise.resolve()},t.prototype.WriteFileContent=function(e){var t=this,i=this._buffers[e].getValue();return this.app.getService("operations").write(e,i).then((function(){t._oldValue[e]=i}))},t.prototype.GetActiveFile=function(){return webix.env.mobile?this.Files[0].id:this.$$("tabbar").getValue()},t.prototype.GetFileType=function(e){if("Dockerfile"===e.value)return"dockerfile";if(e.$ext)for(var t in ae)if(-1!==ae[t].indexOf(e.$ext))return t;return"htmlmixed"},t.prototype.TextChanged=function(e){var t=this._buffers[e]==this._oldValue[e];this.ChangeTextState(!t,e)},t.prototype.ChangeTextState=function(e,t){t&&e===!!this._changed[t]||(t?this._changed[t]=e:this._changed={},webix.env.mobile?this.ChangeButtonState(e):this.ChangeTabsState(e,t))},t.prototype.ChangeButtonState=function(e){var t=this.$$("saveBtn");t.config.icon=e?"webix_fmanager_icon fmi-circle":"wxi-check",t.refresh()},t.prototype.ChangeTabsState=function(e,t){var i=this.$$("tabbar");if(t){var n=i.getOption(t);this.ChangeTabState(n,e)}else for(var r=i.config.options,o=0;o'+ie(e.used||0)+" "+t("of")+" "+ie(e.total||0)+" "+t("used")+"
")}}],padding:{top:8,bottom:4}}}},t.prototype.init=function(){var e=this;this.State=this.getParam("state"),this.Tree=this.$$("tree"),this.app.getService("local").folders().then((function(t){e.Tree.sync(t),e.Subscribe(),e.GetFsStats()})),this.Menu=this.ui(pe),this.ContextMenu=this.ui(new(this.app.dynamic(Y))(this.app,{compact:!1,tree:!0})),this.ContextMenu.AttachTo(this.Tree,(function(t){var i=e.Tree.locate(t);return i?[e.Tree.getItem(i)]:null})),this.on(this.app,"reload:fs:stats",(function(){return e.GetFsStats(!0)}))},t.prototype.Subscribe=function(){var e=this;this.Tree.attachEvent("onAfterSelect",(function(){var t=e.Tree.getSelectedId();".."==t.substr(0,2)?e.State.$batch({source:t.slice(3),path:"/"}):e.State.$batch({source:e.GetRootId(t).slice(3),path:t}),e.TreeState=e.Tree.getState()})),this.Tree.attachEvent("onAfterOpen",(function(){e.TreeState=e.Tree.getState()})),this.on(this.State.$changes,"path",(function(t){if(e.State.path=t,e.Tree.exists(t)){e.Tree.select(t);var i=e.Tree.getParentId(t);i&&e.Tree.open(i),e.Tree.showItem(t)}else e.Tree.select("../"+e.State.source)})),this.app.getService("local").folders().then((function(t){e.on(t.data,"onStoreUpdated",(function(t){!t&&e.Tree.count()&&e.Tree.setState(e.TreeState)}))}))},t.prototype.GetFsStats=function(e){var t=this;this.app.getService("backend").getInfo(e).then((function(e){t.$$("fs:stats").setValues(e.stats)}))},t.prototype.MoveFiles=function(e,t){return"../files"===t&&(t="/"),this.app.getService("operations").move(e,t),!1},t.prototype.GetRootId=function(e){for(var t;e;)t=e,e=this.Tree.getParentId(e);return t},t}(u),de=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return i(t,e),t.prototype.config=function(){var e=this,t=this.app.getService("locale")._,i=this.getParam("compact",!0),n={view:"datatable",localId:"table",css:"webix_noselect webix_header_border webix_fmanager_filelist",select:"row",multiselect:!0,drag:!0,resizeColumn:{headerOnly:!0},sort:"multi",type:{backIcon:function(){return""},backLabel:function(){return t("back to parent folder")}},on:{onItemDblClick:function(){return e.Activate(e.GetSelection())},onEnter:function(){return e.Activate(e.GetSelection())},onBeforeDrag:function(t){return e.DragMarker(t)},onBeforeDrop:function(t){return e.MoveFiles(t.source,t.target)},"data->onStoreLoad":function(){e.WTable.markSorting()}},onClick:{webix_ss_center_scroll:function(){return e.EmptyClick()},webix_column:function(){return!1}},onContext:{webix_ss_center_scroll:function(t,i){i||e.EmptyClick()}},columns:[{id:"value",header:"",template:function(t){return e.NameTemplate(t)},sort:ve("value"),fillspace:!0},{id:"size",header:t("Size"),template:function(e){return"folder"!==e.type?ie(e.size):""},sort:ve("size")},{id:"date",header:t("Date"),sort:ve("date"),format:function(e){return e instanceof Date&&!isNaN(e)?webix.i18n.longDateFormatStr(e):""},width:150}]};return i&&n.columns.splice(1,2),n},t.prototype.init=function(){var t=this;this.WTable=this.$$("table"),e.prototype.init.call(this),this.on(this.State.$changes,"isActive",(function(e){e?(t.SelectActive(),webix.delay((function(){return webix.UIManager.setFocus(t.WTable)}))):(t.Menu.Hide(),t._Track=!1,t.WTable.unselect(),t._Track=!0)})),this.on(G(this.getRoot()),"TAB",(function(){t.getParam("trackActive",!0)&&(t.State.isActive=!1)}))},t.prototype.RenderData=function(e){this.WTable.sync(e)},t.prototype.NameTemplate=function(e){return"folder"===e.type?N+e.value:this.Icon(e)+''+e.value+""},t}(Z);function ve(e){return function(t,i){return".."===t.value||".."===i.value||"folder"===t.type&&"folder"!==i.type||"folder"===i.type&&"folder"!==t.type?0:"value"===e?t.value.localeCompare(i.value,void 0,{ignorePunctuation:!0,numeric:!0}):t[e]"+("
"}},r={css:"webix_fmanager_preview_info extra",localId:"extra:info",hidden:!0,autoheight:!0,template:function(e){for(var t=Object.keys(e),i=""+("folder"===t.type?["Type","Date"]:["Type","Size","Date"]).map((function(e){return"
")+('"+n(e)+"
"})).join("")+"'+("folder"===t.type?[oe(n(t.type)),i(t.date)]:[oe(n(t.type)),ie(t.size),i(t.date)]).map((function(e){return"
")+""+e+"
"})).join("")+"",n=0;n"+t[n]+"
";i+="";var r="";for(var o in e){var a=e[o].trim();r+="")+"
"}},o={localId:"search:counter",css:"webix_fmanager_preview_info",height:104,borderless:!0,template:function(e){return""+(a&&"0"!=a?a:"")+"
"}return'\n\nExtra info\n
'+i+(r+=""+("
"}};return{localId:"info:tabs",view:"tabview",css:"webix_fmanager_info_tab",cells:[{header:t("Information"),body:{padding:14,margin:14,rows:[n,r,{}]}},{header:t("Search results"),body:{padding:14,margin:14,rows:[o,{}]}}]}},t.prototype.init=function(){var e=this;this.Tabview=this.$$("info:tabs"),this.State=this.getParam("state"),this.on(this.State.$changes,"selectedItem",(function(t){e.ShowInfo(ne(t))})),this.on(this.State.$changes,"searchStats",(function(t){t?e.$$("search:counter").setValues(t):e.State.selectedItem.length||e.Tabview.hide()}))},t.prototype.ShowInfo=function(e){var t=this,i=this.Tabview.getTabbar(),n=i.config.options[0].id,r=i.config.options[1].id;if("empty"!==e.type){this.SetInfo(this.$$("info"),e),this.SwitchTabs(i,r,n);var o=this.$$("extra:info"),a=this.app.getService("backend").getMeta(e);a?a.then((function(e){return t.SetExtraInfo(o,e)})).catch((function(){return o.hide()})):o.hide()}else this.State.search||this.State.filter?this.SwitchTabs(i,n,r):this.Tabview.hide()},t.prototype.SetExtraInfo=function(e,t){!function e(t){for(var i in t){if("object"==typeof t[i])return e(t[i]);if(t[i]&&"0"!==t[i])return!1}return!0}(t)?this.SetInfo(e,t):e.hide()},t.prototype.SetInfo=function(e,t){e.setValues(t),e.show()},t.prototype.SwitchTabs=function(e,t,i){e.hideOption(t),e.setValue(i),e.showOption(i),this.Tabview.show()},t}(u);var xe=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return i(t,e),t.prototype.config=function(){var e=this,t=this.app.getService("locale")._,i=this.getParam("compact"),n=this.getParam("state");return{margin:.1,rows:[{view:"toolbar",localId:"toolbar",padding:{right:6},elements:[{view:"label",localId:"filename:label",css:"webix_fmanager_preview_name"},{view:"icon",icon:"wxi-download",css:"webix_fmanager_spec_icon",localId:"download",tooltip:t("Download file"),click:function(){e.app.callEvent("app:action",["download",[e.FileInfo]])}},{view:"icon",icon:"wxi-close",hidden:!i,click:function(){n.preview=!n.preview}}]},{view:"scrollview",borderless:!0,body:{type:"wide",margin:10,rows:[{view:"proxy",minHeight:413,borderless:!0,body:{$subview:!0,name:"preview"}},_e]}}]}},t.prototype.init=function(){var e=this;this.on(this.getParam("state").$changes,"selectedItem",(function(t){var i=ne(t);e.ShowInfo(i),e.FileInfo=i;var n=e.$$("download");"folder"===i.type?n.hide():n.show()}))},t.prototype.ShowInfo=function(e){var t="preview.template";!this.app.config.player||"audio"!==e.type&&"video"!==e.type||(t="preview.media"),"empty"!==e.type?(this.$$("filename:label").setValue(e.value),this.$$("toolbar").show()):this.$$("toolbar").hide(),this.show(t,{target:"preview",params:{info:e}})},t}(u);webix.protoUI({name:"plyr-player",defaults:{config:{},source:{}},$init:function(){this.$view.innerHTML='',this._container=this.$view.firstChild.firstChild,this.$view.style.overflow="visible",this._waitView=webix.promise.defer(),this.$ready.push(this.render)},getPlayer:function(e){return e?this._waitView:this._player},render:function(){if(!1===this.config.cdn||window.Plyr)this._initPlyr();else{var e=this.config.cdn?this.config.cdn:"https://cdn.plyr.io/3.5.10";webix.require([e+"/plyr.js",e+"/plyr.css"]).then(webix.bind(this._initPlyr,this)).catch((function(e){console.log(e)}))}},_initPlyr:function(){if(this.$view){var e=webix.extend({},this.config.config);this._player=new Plyr(this._container,e),this._player.elements.container.setAttribute("tabindex","-1"),this.attachEvent("onDestroy",(function(){this._player&&this._player.destroy()})),this._waitView.resolve(this._player),this._player.on("canplay",webix.bind((function(){this._player.media&&(this._player.media.setAttribute("tabindex","-1"),this._normalizeRatio())}),this)),this._player.on("ready",webix.bind((function(){this.$view&&(this.$view.querySelector(".plyr--full-ui").style["min-width"]="0px",this._normalizeRatio())}),this))}},$setSize:function(e,t){this.$view.firstChild.style.width=e+"px",this.$view.firstChild.style.height=t-2+"px",this._player&&this._normalizeRatio(e,t)},source_setter:function(e){this._waitView.then((function(t){e&&(t.source=e)}))},getPlyr:function(e){return e?this._waitView:this._player},_gcdRatio:function(e,t){for(e=Math.abs(e),t=Math.abs(t);t;){var i=t;t=e%t,e=i}return e},_normalizeRatio:function(e,t){if(this.$view){e=e||this.$view.clientWidth,t=t||this.$view.clientHeight;var i=this._gcdRatio(e,t),n=(e/i).toString()+":"+(t/i).toString();this._player.ratio=n}}},webix.ui.view,webix.EventSystem);var Se=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return i(t,e),t.prototype.config=function(){return{rows:[{localId:"albumArt",hidden:!0,css:"webix_fmanager_preview",template:'"+["Folders","Files"].map((function(e){return"
")+('"+t(e)+"
"})).join("")+"'+[e.folders,e.files].map((function(e){return"
")+""+e+"
"})).join("")+""),template:function(t,e){var i=webix.$$(e.master),n=i._colors.exists(t.color)?i._colors.getItem(t.color).color:t.color,
a="
"},eachOtherList:function(e){var i=this.config.id;this.getKanban().eachList(function(t){t.config.id!=i&&e.call(webix.$$(i),t)})},defaults:{drag:"move",select:!0}},webix.protoUI({name:"kanbanlist",$init:function(){this.$view.className+=" webix_kanban_list",this.$ready.push(webix.bind(this._setHandlers,this))},defaults:{scroll:"auto"},type:t},webix.ui.list,webix.KanbanView);var a=webix.copy(t);a.width=200,webix.protoUI({name:"kanbandataview",$init:function(){this.$view.className+=" webix_kanban_list",this.$ready.push(webix.bind(this._setHandlers,this))},defaults:{prerender:!0},type:a},webix.ui.dataview,webix.KanbanView),webix.protoUI({name:"kanbanuploader",$init:function(){var i=this;this.files.data.scheme({$init:function(t){"string"==typeof t.link&&t.link&&(t.name=t.name||t.link.split("/").pop(),t.type=t.type||t.name.split(".").pop(),t.status=t.status||"server"),t.sizetext=t.sizetext||i._format_size(t.size)}}),this.files.data.attachEvent("onStoreUpdated",function(){var t=webix.$$(i.config.link),e=""+(webix.i18n.kanban.dnd||"")+"";i.files.data.count()?t.hideOverlay():t.showOverlay(e)})},
defaults:{icon:"webix_kanban_icon kbi-upload"},getValue:function(){var e=[];return this.files.data.each(function(t){"server"===t.status&&e.push({id:t.id,link:t.link,size:t.size})}),e},_format_size:function(t){for(var e=0;1024"+e.templateAvatar(t,e,i)+"
",s=""+e.templateBody(t,e,i)+a+"
";return""+(i.config.attachments?e.templateAttachments(t,e,i):"")+s+("")+"
"}};webix.KanbanView={$kanban:!0,on_context:{},$skin:function(){},getKanban:function(){return webix.$$(this.config.master)},_kanban_event:function(t,n,a){this.attachEvent(t,function(){for(var t=arguments.length,e=new Array(t),i=0;i\n\t\t\t\t\t\n\t\t\t\t
")},title:function(t,e){return'\n\t\t\t\t\t').concat(e.progress(t),'\n\t\t\t\t\t
")},progress:function(t){switch(t.status){case"client":return""+t.sizetext+"";case"transfer":return""+t.percent+"%";case"server":return""+t.sizetext+"";default:return"ERROR"}},removeIcon:function(){return"').concat(t.name,"
\n\t\t\t\t"},on_click:{webix_kanban_remove_upload:function(t,e){return webix.$$(this.config.uploader).files.remove(e),webix.html.preventEvent(t)}}});function s(t,e){var i=e.config.status;if("object"===o(i))for(var n in i)t[n]=i[n];else"function"==typeof i?i.call(e,t,!0):t.status=i}function r(e){var i=e.config.status;return"object"===o(i)?function(t){for(var e in i)if(t[e]!=i[e])return!1;return!0}:"function"==typeof i?function(t){return i.call(e,t)}:function(t){return t.status===i}}webix.i18n.kanban={copy:"Copy",dnd:"Drop Files Here",remove:"Remove",save:"Save",confirm:"The card will be deleted permanently, are you sure?",editor:{add:"Add card",assign:"Assign to",attachments:"Attachments",color:"Color",edit:"Edit card",status:"Status",tags:"Tags",text:"Text",upload:"Upload"},menu:{copy:"Copy",edit:"Edit",remove:"Remove"}},webix.protoUI({name:"kanbaneditor",defaults:{width:534,position:"center",css:"webix_kanban_editor",modal:!0,move:!0},$init:function(t){var i=this,e=webix.$$(t.master);t.head={view:"toolbar",paddingX:17,paddingY:8,elements:[{view:"label",label:webix.i18n.kanban.editor.add,localId:"$kanban_header"},{view:"icon",icon:"wxi-close",click:function(){return i._close()}}]};var n=e.config.editor,a={view:"form",borderless:!0,padding:0,elementsConfig:{labelPosition:"top"}},s=[{view:"textarea",label:webix.i18n.kanban.editor.text,name:"text",height:90},{view:"multicombo",label:webix.i18n.kanban.editor.tags,name:"tags",options:e._tags,$hide:!0},{margin:8,cols:[{view:"combo",label:webix.i18n.kanban.editor.assign,name:"user_id",$hide:!0,options:{body:{data:e._users,yCount:5}}},{view:"richselect",label:webix.i18n.kanban.editor.color,name:"color",$hide:!0,options:{body:{yCount:5,data:e._colors,css:"webix_kanban_colorpicker",template:"#value#"}}},{view:"richselect",label:webix.i18n.kanban.editor.status,name:"$list",options:{body:{data:e._statuses,yCount:5}}}]}];webix.isArray(n)?a.elements=n:"object"===o(n)?((a=webix.extend(a,n,!0)).view="form",a.elements=a.elements||a.rows||(a.cols?[{cols:a.cols}]:s),delete a.rows,delete a.cols):a.elements=s,e.config.attachments&&a.elements.push({margin:0,rows:[{cols:[{view:"label",label:webix.i18n.kanban.editor.attachments},{view:"kanbanuploader",label:webix.i18n.kanban.editor.upload,upload:e.config.attachments,name:"attachments",autowidth:!0,
-css:"webix_transparent webix_kanban_uploader",type:"icon"}]},{view:"dataview",localId:"$kanban_dataview_uploader",yCount:1,borderless:!0,type:"uploader",css:"webix_kanban_dataview_uploader",on:{onItemDblClick:function(t,e,i){i.getElementsByTagName("a")[0].click()}}}]}),t.body={paddingX:17,paddingY:0,margin:16,rows:[a,{cols:[{view:"button",label:webix.i18n.kanban.remove,type:"danger",autowidth:!0,hidden:!0,localId:"$kanban_remove",click:function(){var t=i.getValues({hidden:!1}),e=i.getKanban();e.callEvent("onBeforeEditorAction",["remove",i,t])&&e._removeCard(t.id).then(function(){return i._close()})}},{},{view:"button",label:webix.i18n.kanban.save,type:"form",autowidth:!0,click:function(){var t=i.getValues({hidden:!1}),e=i.getKanban();e.callEvent("onBeforeEditorAction",["save",i,t])&&(i._fixStatus(t,e),e.exists(t.id)?(t.$list=e.getItem(t.id).$list,e.updateItem(t.id,t)):e.add(t),i._close())}}]},{height:1}]},this.$ready.push(this._afterInit)},_afterInit:function(){this._form=this.queryView({view:"form"}),this._removeBtn=this.queryView({localId:"$kanban_remove"}),this._header=this.queryView({localId:"$kanban_header"});var t=this.queryView({view:"kanbanuploader"});if(t){var e=this.queryView({localId:"$kanban_dataview_uploader"});t.define("link",e.config.id),t.addDropZone(e.$view),webix.extend(e,webix.OverlayBox)}var i=this.queryView({$hide:!0},"all");i.length&&this.attachEvent("onShow",function(){for(var t=0;t
\"),\n\ttemplate:function(obj, common){\n\t\tlet kanban = webix.$$(common.master);\n\n\t\tvar color = kanban._colors.exists(obj.color) ? kanban._colors.getItem(obj.color).color : obj.color;\n\t\tvar avatar = \"
\";\n\t},\n\teachOtherList:function(code){\n\t\tvar self = this.config.id;\n\t\tvar master = this.getKanban();\n\n\t\tmaster.eachList(function(view){\n\t\t\tif (view.config.id != self)\n\t\t\t\tcode.call(webix.$$(self), view);\n\t\t});\n\t},\n\tdefaults:{\n\t\tdrag:\"move\",\n\t\tselect:true\n\t}\n};","import {type} from \"./common\";\n\nwebix.protoUI({\n\tname:\"kanbanlist\",\n\t$init(){\n\t\tthis.$view.className += \" webix_kanban_list\";\n\t\tthis.$ready.push(webix.bind(this._setHandlers,this));\n\t},\n\tdefaults:{\n\t\tscroll:\"auto\",\n\t},\n\ttype: type\n}, webix.ui.list, webix.KanbanView);","import {type} from \"./common\";\n\nvar dtype = webix.copy(type);\ndtype.width = 200;\n\nwebix.protoUI({\n\tname:\"kanbandataview\",\n\t$init(){\n\t\tthis.$view.className += \" webix_kanban_list\";\n\t\tthis.$ready.push(webix.bind(this._setHandlers,this));\n\t},\n\tdefaults:{\n\t\tprerender:true,\n\t},\n\ttype:dtype\n}, webix.ui.dataview, webix.KanbanView);","import {isImage, getIconName} from \"./helpers/image\";\n\nwebix.protoUI({\n\tname:\"kanbanuploader\",\n\t$init(){\n\t\tthis.files.data.scheme({\n\t\t\t$init:(obj) =>{\n\t\t\t\tif (typeof obj.link === \"string\" && obj.link){\n\t\t\t\t\tobj.name = obj.name || obj.link.split(\"/\").pop();\n\t\t\t\t\tobj.type = obj.type || obj.name.split(\".\").pop();\n\t\t\t\t\tobj.status = obj.status || \"server\";\n\t\t\t\t}\n\t\t\t\tobj.sizetext = obj.sizetext || this._format_size(obj.size);\n\t\t\t}\n\t\t});\n\n\t\tthis.files.data.attachEvent(\"onStoreUpdated\", () => {\n\t\t\tlet view = webix.$$(this.config.link);\n\t\t\tlet html = \"\" + (webix.i18n.kanban.dnd||\"\") + \"\";\n\t\t\tif (!this.files.data.count())\n\t\t\t\tview.showOverlay(html);\n\t\t\telse view.hideOverlay();\n\t\t});\n\t},\n\tdefaults:{\n\t\ticon:\"webix_kanban_icon kbi-upload\",\n\t},\n\tgetValue(){\n\t\tlet data = [];\n\t\tthis.files.data.each(function(obj){\n\t\t\tif (obj.status === \"server\")\n\t\t\t\tdata.push( {id:obj.id, link:obj.link, size:obj.size} );\n\t\t});\n\t\treturn data;\n\t},\n\t_format_size(size){\n\t\tlet index = 0;\n\t\twhile (size > 1024){\n\t\t\tindex++;\n\t\t\tsize = size/1024;\n\t\t}\n\t\treturn Math.round(size*100)/100 + \" \" + webix.i18n.fileSize[index];\n\t}\n}, webix.ui.uploader);\n\nwebix.type(webix.ui.dataview, {\n\tname:\"uploader\",\n\theight:91,\n\twidth:161,\n\ttemplate:(obj, common) => {\n\t\treturn `\"+common.templateAvatar(obj,common,kanban)+\"
\";\n\t\tvar body = \"\"+common.templateBody(obj,common,kanban)+avatar+\"
\";\n\t\tvar attachments = kanban.config.attachments ? common.templateAttachments(obj,common,kanban) : \"\";\n\t\tvar footer = \"\";\n\t\treturn \"\"+attachments+body+footer+\"
\";\n\t}\n};\n\nwebix.KanbanView = {\n\t$kanban:true,\n\ton_context:{},\n\t$skin:function(){\n\t\t// prevent default list's item skin height\n\t},\n\tgetKanban(){\n\t\treturn webix.$$(this.config.master);\n\t},\n\t_kanban_event(s, t, i){\n\t\tthis.attachEvent(s,function(...rest){\n\t\t\trest[i] = this;\n\t\t\treturn this.getKanban().callEvent(t, rest);\n\t\t});\n\t},\n\t_fixOrder(){\n\t\tthis.data.each((a,i) => a.$index = i+1);\n\t},\n\tmove(sid,tindex,tobj, details){\n\t\ttobj = tobj || this;\n\t\tdetails = details || {};\n\t\t// normally only one item is dragged\n\t\t// still, it possible to enable multi-selection through API\n\t\tif (webix.isArray(sid)){\n\t\t\treturn webix.DataMove.move.call(this, sid,tindex,tobj, details);\n\t\t}\n\n\t\tconst statusChange = (tobj !== this);\n\t\tconst kanban = this.getKanban();\n\t\tconst item = kanban.getItem(sid);\n\t\tconst dp = webix.dp.$$(kanban.config.id);\n\n\t\tif (statusChange){\n\t\t\tif (!kanban.callEvent(\"onBeforeStatusChange\", [sid,tobj.config.status,tobj])) return;\n\n\t\t\tkanban.setListStatus(item, tobj);\n\n\t\t\tif (dp){\n\t\t\t\tdp.ignore(() => kanban.updateItem(sid));\n\t\t\t} else kanban.updateItem(sid);\n\t\t}\n\n\t\twebix.DataMove.move.call(tobj, sid, tindex);\n\n\t\tthis._fixOrder();\n\t\tif (this !== tobj) tobj._fixOrder();\n\n\t\t// trigger data saving\n\t\tif (dp){\n\t\t\tconst update = webix.copy(item);\n\t\t\tupdate.webix_move_index = tindex;\n\t\t\tupdate.webix_move_id = tobj.data.order[tindex+1];\n\t\t\t// we need to identify the target list on server side\n\t\t\t// when we have a complex status ( object or function )\n\t\t\t// use separate property\n\t\t\tupdate.webix_move_parent = tobj.config.serverStatus || tobj.config.status;\n\t\t\tdp.save(sid, \"update\", update);\n\t\t}\n\n\t\tif (statusChange)\n\t\t\tkanban.callEvent(\"onAfterStatusChange\", [sid,tobj.config.status,tobj]);\n\n\t\treturn sid;\n\t},\n\t_setHandlers(){\n\t\tthis.attachEvent(\"onAfterSelect\", function(){\n\t\t\tthis.eachOtherList(function(list){\n\t\t\t\tlist.unselect();\n\t\t\t});\n\t\t});\n\n\t\tthis._kanban_event(\"onBeforeSelect\", \"onListBeforeSelect\", 2);\n\t\tthis._kanban_event(\"onAfterSelect\", \"onListAfterSelect\", 1);\n\t\tthis._kanban_event(\"onBeforeContextMenu\", \"onListBeforeContextMenu\", 3);\n\t\tthis._kanban_event(\"onAfterContextMenu\", \"onListAfterContextMenu\", 3);\n\t\tthis._kanban_event(\"onItemClick\", \"onListItemClick\", 3);\n\t\tthis._kanban_event(\"onItemDblClick\", \"onListItemDblClick\", 3);\n\t\tthis._kanban_event(\"onBeforeDrag\", \"onListBeforeDrag\", 2);\n\t\tthis._kanban_event(\"onBeforeDrop\", \"onListBeforeDrop\", 2);\n\t\tthis._kanban_event(\"onAfterDrop\",\"onListAfterDrop\", 2);\n\t\tthis._kanban_event(\"onBeforeDragIn\", \"onListBeforeDragIn\", 2);\n\t\tthis._kanban_event(\"onDragOut\", \"onListDragOut\", 2);\n\n\t\tthis.on_click.webix_kanban_user_avatar = this._handle_icons;\n\t\tthis.on_click.webix_kanban_footer_icon = this._handle_icons;\n\t},\n\t_handle_icons(e,id,node){\n\t\tvar icon = node.getAttribute(\"webix_icon_id\");\n\t\tvar all = this.type.icons;\n\n\t\t//per-icon click handlers\n\t\tif (all){\n\t\t\tfor (var i=0; i\n\t\t\t\t\t\n\t\t\t\t
`;\n\t},\n\ttitle:function(obj,common){\n\t\treturn `\n\t\t\t\t\t${common.progress(obj)}\n\t\t\t\t\t
`;\n\t},\n\tprogress:function(obj){\n\t\tswitch(obj.status){\n\t\t\tcase \"client\": return \"\"+obj.sizetext+\"\";\n\t\t\tcase \"transfer\": return \"\"+obj.percent+\"%\";\n\t\t\tcase \"server\": return \"\"+obj.sizetext+\"\";\n\t\t\tdefault: return \"ERROR\";\n\t\t}\n\t},\n\tremoveIcon:function(){\n\t\treturn \"${obj.name}
\n\t\t\t\t\";\n\t},\n\ton_click:{\n\t\t\"webix_kanban_remove_upload\":function(ev, id){\n\t\t\twebix.$$(this.config.uploader).files.remove(id);\n\t\t\treturn webix.html.preventEvent(ev);\n\t\t}\n\t}\n});","import \"./header\";\nimport \"./list\";\nimport \"./dataview\";\nimport \"./editor\";\nimport \"./userlist\";\nimport \"./menu\";\nimport \"./comments\";\n\nimport \"./locale\";\n\nfunction defaultSetter(a, sub){\n\tvar status = sub.config.status;\n\n\tif (typeof status === \"object\"){\n\t\tfor (var key in status)\n\t\t\ta[key] = status[key];\n\t} else if (typeof status === \"function\"){\n\t\tstatus.call(sub, a, true);\n\t} else {\n\t\ta.status = status;\n\t}\n}\nfunction defaultFilter(sub){\n\tvar status = sub.config.status;\n\n\tif (typeof status === \"object\")\n\t\treturn function(a){\n\t\t\tfor (var key in status){\n\t\t\t\tif (a[key] != status[key])\n\t\t\t\t\treturn false;\n\t\t\t}\n\t\t\treturn true;\n\t\t};\n\n\tif (typeof status === \"function\")\n\t\treturn function(a){ return status.call(sub, a); };\n\n\treturn function(a){ return a.status === status; };\n}\n\nwebix.protoUI({\n\tname:\"kanban\",\n\tdefaults:{\n\t\tdelimiter:\",\"\n\t},\n\t$skin:function(){\n\t\tthis.defaults.type = \"space\";\n\t},\n\t$init(config){\n\t\tthis.$view.className += \" webix_kanban\";\n\n\t\tthis.data.provideApi(this, true);\n\t\tthis.data.scheme({\n\t\t\t$change:(obj) =>{\n\t\t\t\tif (typeof obj.tags === \"string\")\n\t\t\t\t\tobj.tags = this._strToArr(obj.tags);\n\t\t\t}\n\t\t});\n\t\tthis._destroy_with_me = [];\n\n\t\tthis._statuses = new webix.DataCollection();\n\t\tthis._destroy_with_me.push(this._statuses);\n\n\t\tthis._tags = this._data_unification(config.tags);\n\t\tthis._users = this._data_unification(config.users);\n\t\tthis._colors = this._data_unification(config.colors);\n\t\tthis.$ready.push(function(){\n\t\t\tthis.reconstruct();\n\t\t\tthis._initEditor();\n\t\t\tthis._initUserList();\n\t\t\tthis._initMenu();\n\t\t\tthis._initComments();\n\t\t\tthis.data.attachEvent(\"onStoreUpdated\",\n\t\t\t\t(id, data, mode) => this._applyOrder(id, data, mode));\n\t\t\tthis.data.attachEvent(\"onIdChange\",\n\t\t\t\t(oldid, newid) => {\n\t\t\t\t\tthis.getOwnerList(oldid).data.changeId(oldid, newid);\n\t\t\t\t});\n\t\t\tthis.attachEvent(\"onDestruct\", () => {\n\t\t\t\tfor (let i = 0; i < this._destroy_with_me.length; i++)\n\t\t\t\t\tthis._destroy_with_me[i].destructor();\n\t\t\t});\n\t\t});\n\n\t\t//override default api of datastore\n\t\tthis.serialize = this._serialize;\n\t},\n\t_strToArr(value){\n\t\tif (value){\n\t\t\treturn value.split(this.config.delimiter);\n\t\t}\n\t\treturn [];\n\t},\n\tgetTags(){\n\t\treturn this._tags;\n\t},\n\tgetUsers(){\n\t\treturn this._users;\n\t},\n\tgetColors(){\n\t\treturn this._colors;\n\t},\n\tgetStatuses(){\n\t\treturn this._statuses.serialize();\n\t},\n\tcardActions_setter(value){\n\t\tif (value === true) value = [\"edit\", \"copy\", \"remove\"];\n\t\tif (webix.isArray(value)){\n\t\t\treturn value.map((v) => {\n\t\t\t\treturn { id:v, value:webix.i18n.kanban.menu[v]||v };\n\t\t\t});\n\t\t}\n\t},\n\tshowEditor(obj){\n\t\tlet editor = this.getEditor();\n\t\tif (this.callEvent(\"onBeforeEditorShow\", [editor, obj]) && editor){\n\t\t\teditor.setValues(obj);\n\t\t\teditor.show();\n\t\t\tthis.callEvent(\"onAfterEditorShow\", [editor, obj]);\n\t\t}\n\t},\n\tcopy(id){\n\t\tif (this.callEvent(\"onBeforeCopy\", [id])){\n\t\t\tlet item = webix.copy(this.getItem(id));\n\t\t\tdelete item.id;\n\t\t\titem.text = webix.i18n.kanban.copy + \" \" + (item.text || \"\");\n\t\t\tlet sid = this.add(item);\n\t\t\tlet list = this.getOwnerList(sid);\n\t\t\tlist.move(sid, list.getIndexById(id)+1, list);\n\n\t\t\tthis.callEvent(\"onAfterCopy\", [id]);\n\t\t}\n\t},\n\t_removeCard(id){\n\t\tvar promise = webix.promise.defer();\n\n\t\tif (webix.i18n.kanban.confirm){\n\t\t\twebix.confirm({\n\t\t\t\ttext:webix.i18n.kanban.confirm,\n\t\t\t\tcallback:(result) => {\n\t\t\t\t\tif (result) {\n\t\t\t\t\t\tthis.remove(id);\n\t\t\t\t\t\tpromise.resolve();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t} else {\n\t\t\tthis.remove(id);\n\t\t\tpromise.resolve();\n\t\t}\n\n\t\treturn promise;\n\t},\n\t_data_unification(value){\n\t\tif (value && value.getItem)\n\t\t\treturn value;\n\t\telse {\n\t\t\tlet data = new webix.DataCollection();\n\t\t\tthis._destroy_with_me.push(data);\n\t\t\tif(value && typeof value === \"string\")\n\t\t\t\tdata.load(value);\n\t\t\telse\n\t\t\t\tdata.parse(value||[]);\n\t\t\treturn data;\n\t\t}\n\t},\n\tgetEditor(){\n\t\treturn webix.$$(this._editor);\n\t},\n\tgetUserList(){\n\t\treturn webix.$$(this._userList);\n\t},\n\tgetMenu(){\n\t\treturn webix.$$(this._menu);\n\t},\n\tgetComments(){\n\t\treturn webix.$$(this._comments);\n\t},\n\t_initEditor(){\n\t\tif (this.config.editor){\n\t\t\tlet editor = webix.ui( {view:\"kanbaneditor\", master:this.config.id} );\n\n\t\t\tthis._editor = editor.config.id;\n\t\t\tthis._destroy_with_me.push(editor);\n\n\t\t\tthis.attachEvent(\"onListIconClick\", (icon, id) => {\n\t\t\t\tif (icon === \"editor\") this.showEditor(webix.copy( this.getItem(id) ));\n\t\t\t});\n\t\t\tthis.attachEvent(\"onListItemDblClick\", (id) => this.showEditor(webix.copy( this.getItem(id) )));\n\t\t}\n\t},\n\t_initUserList(){\n\t\tif (this.config.userList){\n\t\t\tlet userlist = typeof this.config.userList === \"object\"?this.config.userList:{};\n\t\t\twebix.extend(userlist, {view:\"kanbanuserlist\", masterId:this.config.id, data:this._users}, true);\n\t\t\tuserlist = webix.ui(userlist);\n\n\t\t\tthis._userList = userlist.config.id;\n\t\t\tthis._destroy_with_me.push(userlist);\n\t\t\t\n\t\t\tthis.attachEvent(\"onAvatarClick\", (id, e, node) => {\n\t\t\t\tlet userList = this.getUserList();\n\t\t\t\tuserList.setContext({id:id, user_id:this.getItem(id).user_id});\n\t\t\t\tuserList.show(node);\n\t\t\t});\n\t\t}\n\t},\n\t_initMenu(){\n\t\tif (this.config.cardActions){\n\t\t\tlet menu = webix.ui( {view:\"kanbanmenu\", data:this.config.cardActions, masterId:this.config.id} );\n\n\t\t\tthis._menu = menu.config.id;\n\t\t\tthis._destroy_with_me.push(menu);\n\n\t\t\tthis.attachEvent(\"onListIconClick\", (icon, id, e, node) => {\n\t\t\t\tif (icon === \"menu\"){\n\t\t\t\t\tlet menu = this.getMenu();\n\t\t\t\t\tmenu.setContext( {id:id} );\n\t\t\t\t\tmenu.show(node);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t},\n\t_initComments(){\n\t\tif (this.config.comments){\n\t\t\tlet body = typeof this.config.comments === \"object\"?this.config.comments:{};\n\t\t\tbody = webix.extend({width:400, height:400}, body, true);\n\t\t\twebix.extend(body, { view:\"comments\", users:this._users }, true);\n\t\t\tlet comments = webix.ui( {view:\"kanbanchat\", body:body, masterId:this.config.id} );\n\n\t\t\tthis._comments = comments.config.id;\n\t\t\tthis._destroy_with_me.push(comments);\n\n\t\t\tthis.attachEvent(\"onListIconClick\", (icon, id, e, node) => {\n\t\t\t\tif (icon === \"comments\" && this.callEvent(\"onBeforeCommentsShow\", [id, e, node])){\n\t\t\t\t\tlet chat = this.getComments();\n\t\t\t\t\tlet pos = webix.html.offset(node);\n\t\t\t\t\tpos.y += pos.height;\n\t\t\t\t\t\n\t\t\t\t\tchat.hide();\n\t\t\t\t\tlet comments = chat.getBody();\n\t\t\t\t\tlet data = this.getItem(id).comments || [];\n\n\t\t\t\t\tcomments.parse( webix.copy(data) );\n\t\t\t\t\tchat.setContext( {id:id} );\n\t\t\t\t\tchat.show(pos);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t},\n\t_serialize(){\n\t\tvar d = [];\n\t\tthis.eachList(function(l){ d = d.concat(l.serialize()); });\n\t\treturn d;\n\t},\n\t_applyOrder(id, data, mode){\n\t\tif (!id) return this._syncData();\n\n\t\tswitch(mode){\n\t\t\tcase \"add\":\n\t\t\t\tif (this._assignList(data) >= 0){\n\t\t\t\t\tthis.getOwnerList(id).add(data);\n\t\t\t\t\tdata.$index = this._sublists[data.$list].count();\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase \"delete\": {\n\t\t\t\tconst subList = this._sublists[data.$list];\n\t\t\t\tif (subList && subList.exists(id))\n\t\t\t\t\tsubList.remove(id);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase \"paint\":\n\t\t\tcase \"update\": {\n\t\t\t\tif (this.getIndexById(id) === -1) break;\n\n\t\t\t\tconst prevList = data.$list;\n\t\t\t\tconst list = this._assignList(data);\n\n\t\t\t\tif (prevList === list){\n\t\t\t\t\tif (list >= 0)\n\t\t\t\t\t\tthis.getOwnerList(id).updateItem(id, data);\n\t\t\t\t} else {\n\t\t\t\t\tif (this._sublists[prevList])\n\t\t\t\t\t\tthis._sublists[prevList].remove(id);\n\t\t\t\t\tif (list >= 0)\n\t\t\t\t\t\tthis.getOwnerList(id).add(data);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t},\n\tsetListStatus(obj, list){\n\t\tfor (var i=0; i
\"),\n\ttemplate:function(obj, common){\n\t\tlet kanban = webix.$$(common.master);\n\n\t\tvar color = kanban._colors.exists(obj.color) ? kanban._colors.getItem(obj.color).color : obj.color;\n\t\tvar avatar = \"
\";\n\t},\n\teachOtherList:function(code){\n\t\tvar self = this.config.id;\n\t\tvar master = this.getKanban();\n\n\t\tmaster.eachList(function(view){\n\t\t\tif (view.config.id != self)\n\t\t\t\tcode.call(webix.$$(self), view);\n\t\t});\n\t},\n\tdefaults:{\n\t\tdrag:\"move\",\n\t\tselect:true\n\t}\n};","import {type} from \"./common\";\n\nwebix.protoUI({\n\tname:\"kanbanlist\",\n\t$init(){\n\t\tthis.$view.className += \" webix_kanban_list\";\n\t\tthis.$ready.push(webix.bind(this._setHandlers,this));\n\t},\n\tdefaults:{\n\t\tscroll:\"auto\",\n\t},\n\ttype: type\n}, webix.ui.list, webix.KanbanView);","import {type} from \"./common\";\n\nvar dtype = webix.copy(type);\ndtype.width = 200;\n\nwebix.protoUI({\n\tname:\"kanbandataview\",\n\t$init(){\n\t\tthis.$view.className += \" webix_kanban_list\";\n\t\tthis.$ready.push(webix.bind(this._setHandlers,this));\n\t},\n\tdefaults:{\n\t\tprerender:true,\n\t},\n\ttype:dtype\n}, webix.ui.dataview, webix.KanbanView);","import {isImage, getIconName} from \"./helpers/image\";\n\nwebix.protoUI({\n\tname:\"kanbanuploader\",\n\t$init(){\n\t\tthis.files.data.scheme({\n\t\t\t$init:(obj) =>{\n\t\t\t\tif (typeof obj.link === \"string\" && obj.link){\n\t\t\t\t\tobj.name = obj.name || obj.link.split(\"/\").pop();\n\t\t\t\t\tobj.type = obj.type || obj.name.split(\".\").pop();\n\t\t\t\t\tobj.status = obj.status || \"server\";\n\t\t\t\t}\n\t\t\t\tobj.sizetext = obj.sizetext || this._format_size(obj.size);\n\t\t\t}\n\t\t});\n\n\t\tthis.files.data.attachEvent(\"onStoreUpdated\", () => {\n\t\t\tlet view = webix.$$(this.config.link);\n\t\t\tlet html = \"\" + (webix.i18n.kanban.dnd||\"\") + \"\";\n\t\t\tif (!this.files.data.count())\n\t\t\t\tview.showOverlay(html);\n\t\t\telse view.hideOverlay();\n\t\t});\n\t},\n\tdefaults:{\n\t\ticon:\"webix_kanban_icon kbi-upload\",\n\t},\n\tgetValue(){\n\t\tlet data = [];\n\t\tthis.files.data.each(function(obj){\n\t\t\tif (obj.status === \"server\")\n\t\t\t\tdata.push( {id:obj.id, link:obj.link, size:obj.size} );\n\t\t});\n\t\treturn data;\n\t},\n\t_format_size(size){\n\t\tlet index = 0;\n\t\twhile (size > 1024){\n\t\t\tindex++;\n\t\t\tsize = size/1024;\n\t\t}\n\t\treturn Math.round(size*100)/100 + \" \" + webix.i18n.fileSize[index];\n\t}\n}, webix.ui.uploader);\n\nwebix.type(webix.ui.dataview, {\n\tname:\"uploader\",\n\theight:91,\n\twidth:161,\n\ttemplate:(obj, common) => {\n\t\treturn `\"+common.templateAvatar(obj,common,kanban)+\"
\";\n\t\tvar body = \"\"+common.templateBody(obj,common,kanban)+avatar+\"
\";\n\t\tvar attachments = kanban.config.attachments ? common.templateAttachments(obj,common,kanban) : \"\";\n\t\tvar footer = \"\";\n\t\treturn \"\"+attachments+body+footer+\"
\";\n\t}\n};\n\nwebix.KanbanView = {\n\t$kanban:true,\n\ton_context:{},\n\t$skin:function(){\n\t\t// prevent default list's item skin height\n\t},\n\tgetKanban(){\n\t\treturn webix.$$(this.config.master);\n\t},\n\t_kanban_event(s, t, i){\n\t\tthis.attachEvent(s,function(...rest){\n\t\t\trest[i] = this;\n\t\t\treturn this.getKanban().callEvent(t, rest);\n\t\t});\n\t},\n\t_fixOrder(){\n\t\tthis.data.each((a,i) => a.$index = i+1);\n\t},\n\tmove(sid,tindex,tobj, details){\n\t\ttobj = tobj || this;\n\t\tdetails = details || {};\n\t\t// normally only one item is dragged\n\t\t// still, it possible to enable multi-selection through API\n\t\tif (webix.isArray(sid)){\n\t\t\treturn webix.DataMove.move.call(this, sid,tindex,tobj, details);\n\t\t}\n\n\t\tconst statusChange = (tobj !== this);\n\t\tconst kanban = this.getKanban();\n\t\tconst item = kanban.getItem(sid);\n\t\tconst dp = webix.dp.$$(kanban.config.id);\n\n\t\tif (statusChange){\n\t\t\tif (!kanban.callEvent(\"onBeforeStatusChange\", [sid,tobj.config.status,tobj])) return;\n\n\t\t\tkanban.setListStatus(item, tobj);\n\n\t\t\tif (dp){\n\t\t\t\tdp.ignore(() => kanban.updateItem(sid));\n\t\t\t} else kanban.updateItem(sid);\n\t\t}\n\n\t\twebix.DataMove.move.call(tobj, sid, tindex);\n\n\t\tthis._fixOrder();\n\t\tif (this !== tobj) tobj._fixOrder();\n\n\t\t// trigger data saving\n\t\tif (dp){\n\t\t\tconst update = webix.copy(item);\n\t\t\tupdate.webix_move_index = tindex;\n\t\t\tupdate.webix_move_id = tobj.data.order[tindex+1];\n\t\t\t// we need to identify the target list on server side\n\t\t\t// when we have a complex status ( object or function )\n\t\t\t// use separate property\n\t\t\tupdate.webix_move_parent = tobj.config.serverStatus || tobj.config.status;\n\t\t\tdp.save(sid, \"update\", update);\n\t\t}\n\n\t\tif (statusChange)\n\t\t\tkanban.callEvent(\"onAfterStatusChange\", [sid,tobj.config.status,tobj]);\n\n\t\treturn sid;\n\t},\n\t_setHandlers(){\n\t\tthis.attachEvent(\"onAfterSelect\", function(){\n\t\t\tthis.eachOtherList(function(list){\n\t\t\t\tlist.unselect();\n\t\t\t});\n\t\t});\n\n\t\tthis._kanban_event(\"onBeforeSelect\", \"onListBeforeSelect\", 2);\n\t\tthis._kanban_event(\"onAfterSelect\", \"onListAfterSelect\", 1);\n\t\tthis._kanban_event(\"onBeforeContextMenu\", \"onListBeforeContextMenu\", 3);\n\t\tthis._kanban_event(\"onAfterContextMenu\", \"onListAfterContextMenu\", 3);\n\t\tthis._kanban_event(\"onItemClick\", \"onListItemClick\", 3);\n\t\tthis._kanban_event(\"onItemDblClick\", \"onListItemDblClick\", 3);\n\t\tthis._kanban_event(\"onBeforeDrag\", \"onListBeforeDrag\", 2);\n\t\tthis._kanban_event(\"onBeforeDrop\", \"onListBeforeDrop\", 2);\n\t\tthis._kanban_event(\"onAfterDrop\",\"onListAfterDrop\", 2);\n\t\tthis._kanban_event(\"onBeforeDragIn\", \"onListBeforeDragIn\", 2);\n\t\tthis._kanban_event(\"onDragOut\", \"onListDragOut\", 2);\n\n\t\tthis.on_click.webix_kanban_user_avatar = this._handle_icons;\n\t\tthis.on_click.webix_kanban_footer_icon = this._handle_icons;\n\t},\n\t_handle_icons(e,id,node){\n\t\tvar icon = node.getAttribute(\"webix_icon_id\");\n\t\tvar all = this.type.icons;\n\n\t\t//per-icon click handlers\n\t\tif (all){\n\t\t\tfor (var i=0; i\n\t\t\t\t\t\n\t\t\t\t
`;\n\t},\n\ttitle:function(obj,common){\n\t\treturn `\n\t\t\t\t\t${common.progress(obj)}\n\t\t\t\t\t
`;\n\t},\n\tprogress:function(obj){\n\t\tswitch(obj.status){\n\t\t\tcase \"client\": return \"\"+obj.sizetext+\"\";\n\t\t\tcase \"transfer\": return \"\"+obj.percent+\"%\";\n\t\t\tcase \"server\": return \"\"+obj.sizetext+\"\";\n\t\t\tdefault: return \"ERROR\";\n\t\t}\n\t},\n\tremoveIcon:function(){\n\t\treturn \"${obj.name}
\n\t\t\t\t\";\n\t},\n\ton_click:{\n\t\t\"webix_kanban_remove_upload\":function(ev, id){\n\t\t\twebix.$$(this.config.uploader).files.remove(id);\n\t\t\treturn webix.html.preventEvent(ev);\n\t\t}\n\t}\n});","import \"./header\";\nimport \"./list\";\nimport \"./dataview\";\nimport \"./editor\";\nimport \"./userlist\";\nimport \"./menu\";\nimport \"./comments\";\n\nimport \"./locale\";\n\nfunction defaultSetter(a, sub){\n\tvar status = sub.config.status;\n\n\tif (typeof status === \"object\"){\n\t\tfor (var key in status)\n\t\t\ta[key] = status[key];\n\t} else if (typeof status === \"function\"){\n\t\tstatus.call(sub, a, true);\n\t} else {\n\t\ta.status = status;\n\t}\n}\nfunction defaultFilter(sub){\n\tvar status = sub.config.status;\n\n\tif (typeof status === \"object\")\n\t\treturn function(a){\n\t\t\tfor (var key in status){\n\t\t\t\tif (a[key] != status[key])\n\t\t\t\t\treturn false;\n\t\t\t}\n\t\t\treturn true;\n\t\t};\n\n\tif (typeof status === \"function\")\n\t\treturn function(a){ return status.call(sub, a); };\n\n\treturn function(a){ return a.status === status; };\n}\n\nwebix.protoUI({\n\tname:\"kanban\",\n\tdefaults:{\n\t\tdelimiter:\",\"\n\t},\n\t$skin:function(){\n\t\tthis.defaults.type = \"space\";\n\t},\n\t$init(config){\n\t\tthis.$view.className += \" webix_kanban\";\n\n\t\tthis.data.provideApi(this, true);\n\t\tthis.data.scheme({\n\t\t\t$change:(obj) =>{\n\t\t\t\tif (typeof obj.tags === \"string\")\n\t\t\t\t\tobj.tags = this._strToArr(obj.tags);\n\t\t\t}\n\t\t});\n\t\tthis._destroy_with_me = [];\n\n\t\tthis._statuses = new webix.DataCollection();\n\t\tthis._destroy_with_me.push(this._statuses);\n\n\t\tthis._tags = this._data_unification(config.tags);\n\t\tthis._users = this._data_unification(config.users);\n\t\tthis._colors = this._data_unification(config.colors);\n\t\tthis.$ready.push(function(){\n\t\t\tthis.reconstruct();\n\t\t\tthis._initEditor();\n\t\t\tthis._initUserList();\n\t\t\tthis._initMenu();\n\t\t\tthis._initComments();\n\t\t\tthis.data.attachEvent(\"onStoreUpdated\",\n\t\t\t\t(id, data, mode) => this._applyOrder(id, data, mode));\n\t\t\tthis.data.attachEvent(\"onIdChange\",\n\t\t\t\t(oldid, newid) => {\n\t\t\t\t\tthis.getOwnerList(oldid).data.changeId(oldid, newid);\n\t\t\t\t});\n\t\t\tthis.attachEvent(\"onDestruct\", () => {\n\t\t\t\tfor (let i = 0; i < this._destroy_with_me.length; i++)\n\t\t\t\t\tthis._destroy_with_me[i].destructor();\n\t\t\t});\n\t\t});\n\n\t\t//override default api of datastore\n\t\tthis.serialize = this._serialize;\n\t},\n\t_strToArr(value){\n\t\tif (value){\n\t\t\treturn value.split(this.config.delimiter);\n\t\t}\n\t\treturn [];\n\t},\n\tgetTags(){\n\t\treturn this._tags;\n\t},\n\tgetUsers(){\n\t\treturn this._users;\n\t},\n\tgetColors(){\n\t\treturn this._colors;\n\t},\n\tgetStatuses(){\n\t\treturn this._statuses.serialize();\n\t},\n\tcardActions_setter(value){\n\t\tif (value === true) value = [\"edit\", \"copy\", \"remove\"];\n\t\tif (webix.isArray(value)){\n\t\t\treturn value.map((v) => {\n\t\t\t\treturn { id:v, value:webix.i18n.kanban.menu[v]||v };\n\t\t\t});\n\t\t}\n\t},\n\tshowEditor(obj){\n\t\tlet editor = this.getEditor();\n\t\tif (this.callEvent(\"onBeforeEditorShow\", [editor, obj]) && editor){\n\t\t\teditor.setValues(obj);\n\t\t\teditor.show();\n\t\t\tthis.callEvent(\"onAfterEditorShow\", [editor, obj]);\n\t\t}\n\t},\n\tcopy(id){\n\t\tif (this.callEvent(\"onBeforeCopy\", [id])){\n\t\t\tlet item = webix.copy(this.getItem(id));\n\t\t\tdelete item.id;\n\t\t\titem.text = webix.i18n.kanban.copy + \" \" + (item.text || \"\");\n\t\t\tlet sid = this.add(item);\n\t\t\tlet list = this.getOwnerList(sid);\n\t\t\tlist.move(sid, list.getIndexById(id)+1, list);\n\n\t\t\tthis.callEvent(\"onAfterCopy\", [id]);\n\t\t}\n\t},\n\t_removeCard(id){\n\t\tvar promise = webix.promise.defer();\n\n\t\tif (webix.i18n.kanban.confirm){\n\t\t\twebix.confirm({\n\t\t\t\ttext:webix.i18n.kanban.confirm,\n\t\t\t\tcallback:(result) => {\n\t\t\t\t\tif (result) {\n\t\t\t\t\t\tthis.remove(id);\n\t\t\t\t\t\tpromise.resolve();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t} else {\n\t\t\tthis.remove(id);\n\t\t\tpromise.resolve();\n\t\t}\n\n\t\treturn promise;\n\t},\n\t_data_unification(value){\n\t\tif (value && value.getItem)\n\t\t\treturn value;\n\t\telse {\n\t\t\tlet data = new webix.DataCollection();\n\t\t\tthis._destroy_with_me.push(data);\n\t\t\tif(value && typeof value === \"string\")\n\t\t\t\tdata.load(value);\n\t\t\telse\n\t\t\t\tdata.parse(value||[]);\n\t\t\treturn data;\n\t\t}\n\t},\n\tgetEditor(){\n\t\treturn webix.$$(this._editor);\n\t},\n\tgetUserList(){\n\t\treturn webix.$$(this._userList);\n\t},\n\tgetMenu(){\n\t\treturn webix.$$(this._menu);\n\t},\n\tgetComments(){\n\t\treturn webix.$$(this._comments);\n\t},\n\t_initEditor(){\n\t\tif (this.config.editor){\n\t\t\tlet editor = webix.ui( {view:\"kanbaneditor\", master:this.config.id} );\n\n\t\t\tthis._editor = editor.config.id;\n\t\t\tthis._destroy_with_me.push(editor);\n\n\t\t\tthis.attachEvent(\"onListIconClick\", (icon, id) => {\n\t\t\t\tif (icon === \"editor\") this.showEditor(webix.copy( this.getItem(id) ));\n\t\t\t});\n\t\t\tthis.attachEvent(\"onListItemDblClick\", (id) => this.showEditor(webix.copy( this.getItem(id) )));\n\t\t}\n\t},\n\t_initUserList(){\n\t\tif (this.config.userList){\n\t\t\tlet userlist = typeof this.config.userList === \"object\"?this.config.userList:{};\n\t\t\twebix.extend(userlist, {view:\"kanbanuserlist\", masterId:this.config.id, data:this._users}, true);\n\t\t\tuserlist = webix.ui(userlist);\n\n\t\t\tthis._userList = userlist.config.id;\n\t\t\tthis._destroy_with_me.push(userlist);\n\t\t\t\n\t\t\tthis.attachEvent(\"onAvatarClick\", (id, e, node) => {\n\t\t\t\tlet userList = this.getUserList();\n\t\t\t\tuserList.setContext({id:id, user_id:this.getItem(id).user_id});\n\t\t\t\tuserList.show(node);\n\t\t\t});\n\t\t}\n\t},\n\t_initMenu(){\n\t\tif (this.config.cardActions){\n\t\t\tlet menu = webix.ui( {view:\"kanbanmenu\", data:this.config.cardActions, masterId:this.config.id} );\n\n\t\t\tthis._menu = menu.config.id;\n\t\t\tthis._destroy_with_me.push(menu);\n\n\t\t\tthis.attachEvent(\"onListIconClick\", (icon, id, e, node) => {\n\t\t\t\tif (icon === \"menu\"){\n\t\t\t\t\tlet menu = this.getMenu();\n\t\t\t\t\tmenu.setContext( {id:id} );\n\t\t\t\t\tmenu.show(node);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t},\n\t_initComments(){\n\t\tif (this.config.comments){\n\t\t\tlet body = typeof this.config.comments === \"object\"?this.config.comments:{};\n\t\t\tbody = webix.extend({width:400, height:400}, body, true);\n\t\t\twebix.extend(body, { view:\"comments\", users:this._users }, true);\n\t\t\tlet comments = webix.ui( {view:\"kanbanchat\", body:body, masterId:this.config.id} );\n\n\t\t\tthis._comments = comments.config.id;\n\t\t\tthis._destroy_with_me.push(comments);\n\n\t\t\tthis.attachEvent(\"onListIconClick\", (icon, id, e, node) => {\n\t\t\t\tif (icon === \"comments\" && this.callEvent(\"onBeforeCommentsShow\", [id, e, node])){\n\t\t\t\t\tlet chat = this.getComments();\n\t\t\t\t\tlet pos = webix.html.offset(node);\n\t\t\t\t\tpos.y += pos.height;\n\t\t\t\t\t\n\t\t\t\t\tchat.hide();\n\t\t\t\t\tlet comments = chat.getBody();\n\t\t\t\t\tlet data = this.getItem(id).comments || [];\n\n\t\t\t\t\tcomments.parse( webix.copy(data) );\n\t\t\t\t\tchat.setContext( {id:id} );\n\t\t\t\t\tchat.show(pos);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t},\n\t_serialize(){\n\t\tvar d = [];\n\t\tthis.eachList(function(l){ d = d.concat(l.serialize()); });\n\t\treturn d;\n\t},\n\t_applyOrder(id, data, mode){\n\t\tif (!id) return this._syncData();\n\n\t\tswitch(mode){\n\t\t\tcase \"add\":\n\t\t\t\tif (this._assignList(data) >= 0){\n\t\t\t\t\tthis.getOwnerList(id).add(data);\n\t\t\t\t\tdata.$index = this._sublists[data.$list].count();\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase \"delete\": {\n\t\t\t\tconst subList = this._sublists[data.$list];\n\t\t\t\tif (subList && subList.exists(id))\n\t\t\t\t\tsubList.remove(id);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase \"paint\":\n\t\t\tcase \"update\": {\n\t\t\t\tif (this.getIndexById(id) === -1) break;\n\n\t\t\t\tconst prevList = data.$list;\n\t\t\t\tconst list = this._assignList(data);\n\n\t\t\t\tif (prevList === list){\n\t\t\t\t\tif (list >= 0)\n\t\t\t\t\t\tthis.getOwnerList(id).updateItem(id, data);\n\t\t\t\t} else {\n\t\t\t\t\tif (this._sublists[prevList])\n\t\t\t\t\t\tthis._sublists[prevList].remove(id);\n\t\t\t\t\tif (list >= 0)\n\t\t\t\t\t\tthis.getOwnerList(id).add(data);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t},\n\tsetListStatus(obj, list){\n\t\tfor (var i=0; i