diff --git a/README.new.md b/README.new.md
index d0eb5b485d..2eb34d6687 100644
--- a/README.new.md
+++ b/README.new.md
@@ -104,6 +104,48 @@ Getting started with Appwrite is as easy as creating a new project, choosing you
## SDKs
+Currently we are supporting a few SDK libraries and we are constantly working on adding new ones.
+
+Below is a list of currently supported platforms and languages. If you wish to help us add support to your platform of choice you can go over to our [PHP SDK Generator](https://github.com/appwrite/php-sdk-generator) project and view our contribution guide.
+
+
+
+
## Contributing
All code contributions - including those of people having commit access - must go through a pull request and approved by a core developer before being merged. This is to ensure proper review of all the code.
diff --git a/app/views/console/comps/header.phtml b/app/views/console/comps/header.phtml
index 6f1350f6bd..5759d583e4 100644
--- a/app/views/console/comps/header.phtml
+++ b/app/views/console/comps/header.phtml
@@ -1,4 +1,3 @@
-
diff --git a/public/dist/scripts/app-all.js b/public/dist/scripts/app-all.js
index 3af2ad5fde..653275cff7 100644
--- a/public/dist/scripts/app-all.js
+++ b/public/dist/scripts/app-all.js
@@ -1949,8 +1949,7 @@ if(service.instance){return service.instance;}
let instance=(typeof service.object==='function')?this.resolve(service.object):service.object;let skip=false;if(service.watch&&name!=='window'&&name!=='document'&&name!=='element'&&typeof instance==='object'&&instance!==null){let handler={name:service.name,watch:function(){},get:function(target,key){if(key==="__name"){return this.name;}
if(key==="__watch"){return this.watch;}
if(key==="__proxy"){return true;}
-if(typeof target[key]==='object'&&target[key]!==null&&!target[key].__proxy){let handler=Object.assign({},this);handler.name=handler.name+'.'+key;return new Proxy(target[key],handler)}
-else{return target[key];}},set:function(target,key,value,receiver){if(key==="__name"){return this.name=value;}
+if(typeof target[key]==='object'&&target[key]!==null&&!target[key].__proxy){let handler=Object.assign({},this);handler.name=handler.name+'.'+key;return new Proxy(target[key],handler)}else{return target[key];}},set:function(target,key,value,receiver){if(key==="__name"){return this.name=value;}
if(key==="__watch"){return this.watch=value;}
target[key]=value;let path=receiver.__name+'.'+key;document.dispatchEvent(new CustomEvent(path+'.changed'));if(skip){return true;}
skip=true;container.set('$prop',key,true);container.set('$value',value,true);container.resolve(this.watch);container.set('$key',null,true);container.set('$value',null,true);skip=false;return true;},};instance=new Proxy(instance,handler);}
@@ -1960,8 +1959,7 @@ let self=this;let FN_ARGS=/^function\s*[^\(]*\(\s*([^\)]*)\)/m;let text=target.t
object=object[path.shift()];}
if(value){object[path.shift()]=value;return true;}
if(!object){return null;}
-let shift=path.shift();if(!shift){result=object;}
-else{return object[shift];}
+let shift=path.shift();if(!shift){result=object;}else{return object[shift];}
return result;};let bind=function(element,path,callback,as,prefix){as=(as)?as:container.get('$as');prefix=(prefix)?prefix:container.get('$prefix');let event=path.replace(as+'.',prefix+'.')+'.changed';let service=event.split('.').slice(0,1).pop();listeners[service]=listeners[service]||{};listeners[service][event]=true;let printer=function(){if(!document.body.contains(element)){element=null;document.removeEventListener(event,printer,false);return false;}
callback();};document.addEventListener(event,printer);};let container={set:set,get:get,resolve:resolve,path:path,bind:bind,stock:stock,listeners:listeners,};set('container',container,true,false,false);return container;}();window.ls.container.set('http',function(document){let globalParams=[],globalHeaders=[];let addParam=function(url,param,value){param=encodeURIComponent(param);let a=document.createElement('a');param+=(value?"="+encodeURIComponent(value):"");a.href=url;a.search+=(a.search?"&":"")+param;return a.href;};let request=function(method,url,headers,payload,progress){let i;if(-1===['GET','POST','PUT','DELETE','TRACE','HEAD','OPTIONS','CONNECT','PATCH'].indexOf(method)){throw new Error('var method must contain a valid HTTP method name');}
if(typeof url!=='string'){throw new Error('var url must be of type string');}
@@ -1970,8 +1968,7 @@ if(typeof url!=='string'){throw new Error('var url must be of type string');}
for(i=0;i-1?part.substr(0,eq):part;let val=eq>-1?decodeURIComponent(part.substr(eq+1)):'';let from=key.indexOf('[');if(from===-1){result[decodeURIComponent(key)]=val;}
-else{let to=key.indexOf(']');let index=decodeURIComponent(key.substring(from+1,to));key=decodeURIComponent(key.substring(0,from));if(!result[key]){result[key]=[];}
-if(!index){result[key].push(val);}
-else{result[key][index]=val;}}});return result;};let state={setParam:setParam,getParam:getParam,getParams:getParams,getURL:getURL,add:add,change:change,reload:reload,reset:reset,match:match,getCurrent:getCurrent,setCurrent:setCurrent,getPrevious:getPrevious,setPrevious:setPrevious,params:getJsonFromUrl(window.location.search),hash:window.location.hash};return state;},true,true);window.ls.container.set('expression',function(container,filter,$as,$prefix){let reg=/(\{{.*?\}})/gi;let paths=[];return{parse:function(string,def,as,prefix,cast=false){def=def||'';paths=[];return string.replace(reg,function(match)
-{let reference=match.substring(2,match.length-2).replace('[\'','.').replace('\']','').trim();reference=reference.split('|');let path=(reference[0]||'');let result=container.path(path,undefined,as,prefix);if(!paths.includes(path)){paths.push(path);}
+part=part.split('+').join(' ');let eq=part.indexOf('=');let key=eq>-1?part.substr(0,eq):part;let val=eq>-1?decodeURIComponent(part.substr(eq+1)):'';let from=key.indexOf('[');if(from===-1){result[decodeURIComponent(key)]=val;}else{let to=key.indexOf(']');let index=decodeURIComponent(key.substring(from+1,to));key=decodeURIComponent(key.substring(0,from));if(!result[key]){result[key]=[];}
+if(!index){result[key].push(val);}else{result[key][index]=val;}}});return result;};let state={setParam:setParam,getParam:getParam,getParams:getParams,getURL:getURL,add:add,change:change,reload:reload,reset:reset,match:match,getCurrent:getCurrent,setCurrent:setCurrent,getPrevious:getPrevious,setPrevious:setPrevious,params:getJsonFromUrl(window.location.search),hash:window.location.hash};return state;},true,true);window.ls.container.set('expression',function(container,filter,$as,$prefix){let reg=/(\{{.*?\}})/gi;let paths=[];return{parse:function(string,def,as,prefix,cast=false){def=def||'';paths=[];return string.replace(reg,function(match){let reference=match.substring(2,match.length-2).replace('[\'','.').replace('\']','').trim();reference=reference.split('|');let path=(reference[0]||'');let result=container.path(path,undefined,as,prefix);if(!paths.includes(path)){paths.push(path);}
result=(null===result||undefined===result)?def:result;result=(typeof result==='object')?JSON.stringify(result):result;result=(((typeof result==='object')||(typeof result==='string'))&&cast)?'\''+result+'\'':result;if(reference.length>=2){for(let i=1;i/g,'>').replace(/\"/g,'"').replace(/\'/g,''').replace(/\//g,'/');});window.ls=window.ls||{};window.ls.container.set('window',window,true,false,false).set('document',window.document,true,false,false).set('element',window.document,true,false,false);window.ls.run=function(window){try{this.view.render(window.document);}
-catch(error){let handler=window.ls.container.resolve(this.error);handler(error);}};window.ls.error=function(){return function(error){console.error('ls-error',error.message,error.stack,error.toString());}};window.ls.router=window.ls.container.get('router');window.ls.view=window.ls.container.get('view');window.ls.filter=window.ls.container.get('filter');window.ls.container.get('view').add({selector:'data-ls-router',repeat:false,controller:function(element,window,document,view,router){let firstFromServer=(element.getAttribute('data-first-from-server')==='true');let scope={selector:'data-ls-scope',template:false,repeat:true,controller:function(){},};let init=function(route){window.scrollTo(0,0);if(window.document.body.scrollTo){window.document.body.scrollTo(0,0);}
+return value.replace(/&/g,'&').replace(//g,'>').replace(/\"/g,'"').replace(/\'/g,''').replace(/\//g,'/');});window.ls=window.ls||{};window.ls.container.set('window',window,true,false,false).set('document',window.document,true,false,false).set('element',window.document,true,false,false);window.ls.run=function(window){try{this.view.render(window.document);}catch(error){let handler=window.ls.container.resolve(this.error);handler(error);}};window.ls.error=function(){return function(error){console.error('ls-error',error.message,error.stack,error.toString());}};window.ls.router=window.ls.container.get('router');window.ls.view=window.ls.container.get('view');window.ls.filter=window.ls.container.get('filter');window.ls.container.get('view').add({selector:'data-ls-router',repeat:false,controller:function(element,window,document,view,router){let firstFromServer=(element.getAttribute('data-first-from-server')==='true');let scope={selector:'data-ls-scope',template:false,repeat:true,controller:function(){},};let init=function(route){window.scrollTo(0,0);if(window.document.body.scrollTo){window.document.body.scrollTo(0,0);}
router.reset();if(null===route){return;}
-scope.template=(undefined!==route.view.template)?route.view.template:null;scope.controller=(undefined!==route.view.controller)?route.view.controller:function(){};document.dispatchEvent(new CustomEvent('state-change'));if(firstFromServer&&null===router.getPrevious()){scope.template='';}
-else if(null!==router.getPrevious()){view.render(element);}
+scope.template=(undefined!==route.view.template)?route.view.template:null;scope.controller=(undefined!==route.view.controller)?route.view.controller:function(){};document.dispatchEvent(new CustomEvent('state-change'));if(firstFromServer&&null===router.getPrevious()){scope.template='';}else if(null!==router.getPrevious()){view.render(element);}
document.dispatchEvent(new CustomEvent('state-changed'));};let findParent=function(tagName,el){if((el.nodeName||el.tagName).toLowerCase()===tagName.toLowerCase()){return el;}
while(el=el.parentNode){if((el.nodeName||el.tagName).toLowerCase()===tagName.toLowerCase()){return el;}}
return null;};element.setAttribute('data-ls-scope','');view.add(scope);document.addEventListener('click',function(event){let target=findParent('a',event.target);if(!target){return false;}
@@ -2023,25 +2014,20 @@ event.preventDefault();if(window.location===target.href){return false;}
route.view.state=(undefined===route.view.state)?true:route.view.state;if(true===route.view.state){if(router.getPrevious()&&router.getPrevious().view&&(router.getPrevious().view.scope!==route.view.scope)){window.location.href=target.href;return false;}
window.history.pushState({},'Unknown',target.href);}
init(route);return true;});window.addEventListener('popstate',function(){init(router.match(window.location));});window.addEventListener('hashchange',function(){init(router.match(window.location));});init(router.match(window.location));}});window.ls.container.get('view').add({selector:'data-ls-attrs',controller:function(element,expression,container,$as,$prefix){let attrs=element.getAttribute('data-ls-attrs').trim().split(',');let paths=[];let check=function(){for(let i=0;i';}
+if(value){element.value=value;}
+container.set('$index',null,true,false,false);container.set('$prefix','',true,false,false);container.set('$as','',true,false,false);};let template=(element.children.length===1)?element.children[0]:window.document.createElement('li');echo();container.bind(element,expr,echo);container.bind(element,expr+'.length',echo);}});window.ls.container.get('view').add({selector:'data-ls-template',template:false,repeat:true,controller:function(element,view,http,expression,document){let template=expression.parse(element.getAttribute('data-ls-template'));let type=element.getAttribute('data-type')||'url';element.innerHTML='';let parse=function(data,element){element.innerHTML=data;view.render(element);element.dispatchEvent(new CustomEvent('template-loaded',{bubbles:true,cancelable:false}));};if('script'===type){let inlineTemplate=document.getElementById(template);if(inlineTemplate&&inlineTemplate.innerHTML){parse(inlineTemplate.innerHTML,element);}else{element.innerHTML='Missing template "'+template+'"';}
return;}
http.get(template).then(function(element){return function(data){parse(data,element);}}(element),function(){throw new Error('Failed loading template');});}});window.ls.error=function(){return function(error){alert(error);console.error('ERROR-APP',error);}};window.addEventListener('error',function(event){alert(event.error.message);console.error('ERROR-EVENT:',event.error.message,event.error.stack);});document.addEventListener('logout',function(){if(window.ls.router.getCurrent().view.scope==='console'){state.change('/auth/signin');}});document.addEventListener('http-get-401',function(){document.dispatchEvent(new CustomEvent('logout'));},true);(function(window){"use strict";window.ls.container.set('alerts',function(window){let service={};let counter=0;let event=new CustomEvent('alerted',{bubbles:false,cancelable:true});service.list=[];service.remove=function(id){let message=this.get(id);if(message&&message.remove&&typeof message.remove==='function'){message.remove();}
this.list=this.list.filter(function(obj){return obj.id!==parseInt(id);});window.document.dispatchEvent(event);};service.get=function(id){id=parseInt(id);let result=this.list.filter(function(obj){return obj.id===id;});if(result[0]){return result[0];}
@@ -2219,7 +2205,7 @@ if(!element){return;}
try{container.set(service.replace('.','-'),JSON.parse(data),true,true);if(debug)console.log('%cservice ready: "'+service.replace('.','-')+'"','color:green');if(debug)console.log('%cservice:','color:blue',container.get(service.replace('.','-')));}catch(e){container.set(service.replace('.','-'),{},true);}
element.$lsSkip=false;view.render(element);},function(exception){if(loaderId!==null){alerts.remove(loaderId);}
if(!element){return;}});};let events=event.trim().split(',');for(let y=0;y-1?part.substr(0,eq):part;let val=eq>-1?decodeURIComponent(part.substr(eq+1)):'';let from=key.indexOf('[');if(from===-1){result[decodeURIComponent(key)]=val;}
-else{let to=key.indexOf(']');let index=decodeURIComponent(key.substring(from+1,to));key=decodeURIComponent(key.substring(0,from));if(!result[key]){result[key]=[];}
-if(!index){result[key].push(val);}
-else{result[key][index]=val;}}});return result;};let state={setParam:setParam,getParam:getParam,getParams:getParams,getURL:getURL,add:add,change:change,reload:reload,reset:reset,match:match,getCurrent:getCurrent,setCurrent:setCurrent,getPrevious:getPrevious,setPrevious:setPrevious,params:getJsonFromUrl(window.location.search),hash:window.location.hash};return state;},true,true);window.ls.container.set('expression',function(container,filter,$as,$prefix){let reg=/(\{{.*?\}})/gi;let paths=[];return{parse:function(string,def,as,prefix,cast=false){def=def||'';paths=[];return string.replace(reg,function(match)
-{let reference=match.substring(2,match.length-2).replace('[\'','.').replace('\']','').trim();reference=reference.split('|');let path=(reference[0]||'');let result=container.path(path,undefined,as,prefix);if(!paths.includes(path)){paths.push(path);}
+part=part.split('+').join(' ');let eq=part.indexOf('=');let key=eq>-1?part.substr(0,eq):part;let val=eq>-1?decodeURIComponent(part.substr(eq+1)):'';let from=key.indexOf('[');if(from===-1){result[decodeURIComponent(key)]=val;}else{let to=key.indexOf(']');let index=decodeURIComponent(key.substring(from+1,to));key=decodeURIComponent(key.substring(0,from));if(!result[key]){result[key]=[];}
+if(!index){result[key].push(val);}else{result[key][index]=val;}}});return result;};let state={setParam:setParam,getParam:getParam,getParams:getParams,getURL:getURL,add:add,change:change,reload:reload,reset:reset,match:match,getCurrent:getCurrent,setCurrent:setCurrent,getPrevious:getPrevious,setPrevious:setPrevious,params:getJsonFromUrl(window.location.search),hash:window.location.hash};return state;},true,true);window.ls.container.set('expression',function(container,filter,$as,$prefix){let reg=/(\{{.*?\}})/gi;let paths=[];return{parse:function(string,def,as,prefix,cast=false){def=def||'';paths=[];return string.replace(reg,function(match){let reference=match.substring(2,match.length-2).replace('[\'','.').replace('\']','').trim();reference=reference.split('|');let path=(reference[0]||'');let result=container.path(path,undefined,as,prefix);if(!paths.includes(path)){paths.push(path);}
result=(null===result||undefined===result)?def:result;result=(typeof result==='object')?JSON.stringify(result):result;result=(((typeof result==='object')||(typeof result==='string'))&&cast)?'\''+result+'\'':result;if(reference.length>=2){for(let i=1;i/g,'>').replace(/\"/g,'"').replace(/\'/g,''').replace(/\//g,'/');});window.ls=window.ls||{};window.ls.container.set('window',window,true,false,false).set('document',window.document,true,false,false).set('element',window.document,true,false,false);window.ls.run=function(window){try{this.view.render(window.document);}
-catch(error){let handler=window.ls.container.resolve(this.error);handler(error);}};window.ls.error=function(){return function(error){console.error('ls-error',error.message,error.stack,error.toString());}};window.ls.router=window.ls.container.get('router');window.ls.view=window.ls.container.get('view');window.ls.filter=window.ls.container.get('filter');window.ls.container.get('view').add({selector:'data-ls-router',repeat:false,controller:function(element,window,document,view,router){let firstFromServer=(element.getAttribute('data-first-from-server')==='true');let scope={selector:'data-ls-scope',template:false,repeat:true,controller:function(){},};let init=function(route){window.scrollTo(0,0);if(window.document.body.scrollTo){window.document.body.scrollTo(0,0);}
+return value.replace(/&/g,'&').replace(//g,'>').replace(/\"/g,'"').replace(/\'/g,''').replace(/\//g,'/');});window.ls=window.ls||{};window.ls.container.set('window',window,true,false,false).set('document',window.document,true,false,false).set('element',window.document,true,false,false);window.ls.run=function(window){try{this.view.render(window.document);}catch(error){let handler=window.ls.container.resolve(this.error);handler(error);}};window.ls.error=function(){return function(error){console.error('ls-error',error.message,error.stack,error.toString());}};window.ls.router=window.ls.container.get('router');window.ls.view=window.ls.container.get('view');window.ls.filter=window.ls.container.get('filter');window.ls.container.get('view').add({selector:'data-ls-router',repeat:false,controller:function(element,window,document,view,router){let firstFromServer=(element.getAttribute('data-first-from-server')==='true');let scope={selector:'data-ls-scope',template:false,repeat:true,controller:function(){},};let init=function(route){window.scrollTo(0,0);if(window.document.body.scrollTo){window.document.body.scrollTo(0,0);}
router.reset();if(null===route){return;}
-scope.template=(undefined!==route.view.template)?route.view.template:null;scope.controller=(undefined!==route.view.controller)?route.view.controller:function(){};document.dispatchEvent(new CustomEvent('state-change'));if(firstFromServer&&null===router.getPrevious()){scope.template='';}
-else if(null!==router.getPrevious()){view.render(element);}
+scope.template=(undefined!==route.view.template)?route.view.template:null;scope.controller=(undefined!==route.view.controller)?route.view.controller:function(){};document.dispatchEvent(new CustomEvent('state-change'));if(firstFromServer&&null===router.getPrevious()){scope.template='';}else if(null!==router.getPrevious()){view.render(element);}
document.dispatchEvent(new CustomEvent('state-changed'));};let findParent=function(tagName,el){if((el.nodeName||el.tagName).toLowerCase()===tagName.toLowerCase()){return el;}
while(el=el.parentNode){if((el.nodeName||el.tagName).toLowerCase()===tagName.toLowerCase()){return el;}}
return null;};element.setAttribute('data-ls-scope','');view.add(scope);document.addEventListener('click',function(event){let target=findParent('a',event.target);if(!target){return false;}
@@ -81,25 +72,20 @@ event.preventDefault();if(window.location===target.href){return false;}
route.view.state=(undefined===route.view.state)?true:route.view.state;if(true===route.view.state){if(router.getPrevious()&&router.getPrevious().view&&(router.getPrevious().view.scope!==route.view.scope)){window.location.href=target.href;return false;}
window.history.pushState({},'Unknown',target.href);}
init(route);return true;});window.addEventListener('popstate',function(){init(router.match(window.location));});window.addEventListener('hashchange',function(){init(router.match(window.location));});init(router.match(window.location));}});window.ls.container.get('view').add({selector:'data-ls-attrs',controller:function(element,expression,container,$as,$prefix){let attrs=element.getAttribute('data-ls-attrs').trim().split(',');let paths=[];let check=function(){for(let i=0;i';}
+if(value){element.value=value;}
+container.set('$index',null,true,false,false);container.set('$prefix','',true,false,false);container.set('$as','',true,false,false);};let template=(element.children.length===1)?element.children[0]:window.document.createElement('li');echo();container.bind(element,expr,echo);container.bind(element,expr+'.length',echo);}});window.ls.container.get('view').add({selector:'data-ls-template',template:false,repeat:true,controller:function(element,view,http,expression,document){let template=expression.parse(element.getAttribute('data-ls-template'));let type=element.getAttribute('data-type')||'url';element.innerHTML='';let parse=function(data,element){element.innerHTML=data;view.render(element);element.dispatchEvent(new CustomEvent('template-loaded',{bubbles:true,cancelable:false}));};if('script'===type){let inlineTemplate=document.getElementById(template);if(inlineTemplate&&inlineTemplate.innerHTML){parse(inlineTemplate.innerHTML,element);}else{element.innerHTML='Missing template "'+template+'"';}
return;}
http.get(template).then(function(element){return function(data){parse(data,element);}}(element),function(){throw new Error('Failed loading template');});}});window.ls.error=function(){return function(error){alert(error);console.error('ERROR-APP',error);}};window.addEventListener('error',function(event){alert(event.error.message);console.error('ERROR-EVENT:',event.error.message,event.error.stack);});document.addEventListener('logout',function(){if(window.ls.router.getCurrent().view.scope==='console'){state.change('/auth/signin');}});document.addEventListener('http-get-401',function(){document.dispatchEvent(new CustomEvent('logout'));},true);(function(window){"use strict";window.ls.container.set('alerts',function(window){let service={};let counter=0;let event=new CustomEvent('alerted',{bubbles:false,cancelable:true});service.list=[];service.remove=function(id){let message=this.get(id);if(message&&message.remove&&typeof message.remove==='function'){message.remove();}
this.list=this.list.filter(function(obj){return obj.id!==parseInt(id);});window.document.dispatchEvent(event);};service.get=function(id){id=parseInt(id);let result=this.list.filter(function(obj){return obj.id===id;});if(result[0]){return result[0];}
@@ -277,7 +263,7 @@ if(!element){return;}
try{container.set(service.replace('.','-'),JSON.parse(data),true,true);if(debug)console.log('%cservice ready: "'+service.replace('.','-')+'"','color:green');if(debug)console.log('%cservice:','color:blue',container.get(service.replace('.','-')));}catch(e){container.set(service.replace('.','-'),{},true);}
element.$lsSkip=false;view.render(element);},function(exception){if(loaderId!==null){alerts.remove(loaderId);}
if(!element){return;}});};let events=event.trim().split(',');for(let y=0;y 1) {
+ if (!object) {
+ return null;
+ }
+ object = object[path.shift()];
+ }
+ if (value) {
+ object[path.shift()] = value;
+ return true;
+ }
+ if (!object) {
+ return null;
+ }
+ let shift = path.shift();
+ if (!shift) {
+ result = object;
+ } else {
+ return object[shift];
+ }
+ return result;
+ };
+ let bind = function (element, path, callback, as, prefix) {
+ as = (as) ? as : container.get('$as');
+ prefix = (prefix) ? prefix : container.get('$prefix');
+ let event = path.replace(as + '.', prefix + '.') + '.changed';
+ let service = event.split('.').slice(0, 1).pop();
+ listeners[service] = listeners[service] || {};
+ listeners[service][event] = true;
+ let printer = function () {
+ if (!document.body.contains(element)) {
+ element = null;
+ document.removeEventListener(event, printer, false);
+ return false;
+ }
+ callback();
+ };
+ document.addEventListener(event, printer);
+ };
+ let container = {set: set, get: get, resolve: resolve, path: path, bind: bind, stock: stock, listeners: listeners,};
+ set('container', container, true, false, false);
+ return container;
+}();
+window.ls.container.set('http', function (document) {
+ let globalParams = [], globalHeaders = [];
+ let addParam = function (url, param, value) {
+ param = encodeURIComponent(param);
+ let a = document.createElement('a');
+ param += (value ? "=" + encodeURIComponent(value) : "");
+ a.href = url;
+ a.search += (a.search ? "&" : "") + param;
+ return a.href;
+ };
+ let request = function (method, url, headers, payload, progress) {
+ let i;
+ if (-1 === ['GET', 'POST', 'PUT', 'DELETE', 'TRACE', 'HEAD', 'OPTIONS', 'CONNECT', 'PATCH'].indexOf(method)) {
+ throw new Error('var method must contain a valid HTTP method name');
+ }
+ if (typeof url !== 'string') {
+ throw new Error('var url must be of type string');
+ }
+ if (typeof headers !== 'object') {
+ throw new Error('var headers must be of type object');
+ }
+ if (typeof url !== 'string') {
+ throw new Error('var url must be of type string');
+ }
+ for (i = 0; i < globalParams.length; i++) {
+ url = addParam(url, globalParams[i].key, globalParams[i].value);
+ }
+ return new Promise(function (resolve, reject) {
+ let xmlhttp = new XMLHttpRequest();
+ xmlhttp.open(method, url, true);
+ xmlhttp.setRequestHeader('Ajax', '1');
+ for (i = 0; i < globalHeaders.length; i++) {
+ xmlhttp.setRequestHeader(globalHeaders[i].key, globalHeaders[i].value);
+ }
+ for (let key in headers) {
+ if (headers.hasOwnProperty(key)) {
+ xmlhttp.setRequestHeader(key, headers[key]);
+ }
+ }
+ xmlhttp.onload = function () {
+ if (4 === xmlhttp.readyState && 200 === xmlhttp.status) {
+ resolve(xmlhttp.response);
+ } else {
+ document.dispatchEvent(new CustomEvent('http-' + method.toLowerCase() + '-' + xmlhttp.status));
+ reject(new Error(xmlhttp.statusText));
+ }
+ };
+ if (progress) {
+ xmlhttp.addEventListener('progress', progress);
+ xmlhttp.upload.addEventListener('progress', progress, false);
+ }
+ xmlhttp.onerror = function () {
+ reject(new Error("Network Error"));
+ };
+ xmlhttp.send(payload);
+ })
+ };
+ return {
+ 'get': function (url) {
+ return request('GET', url, {}, '')
+ }, 'post': function (url, headers, payload) {
+ return request('POST', url, headers, payload)
+ }, 'put': function (url, headers, payload) {
+ return request('PUT', url, headers, payload)
+ }, 'patch': function (url, headers, payload) {
+ return request('PATCH', url, headers, payload)
+ }, 'delete': function (url) {
+ return request('DELETE', url, {}, '')
+ }, 'addGlobalParam': function (key, value) {
+ globalParams.push({key: key, value: value});
+ }, 'addGlobalHeader': function (key, value) {
+ globalHeaders.push({key: key, value: value});
+ }
+ }
+}, true, false);
+window.ls.container.set('cookie', function (document) {
+ function get(name) {
+ let value = "; " + document.cookie, parts = value.split("; " + name + "=");
+ if (parts.length === 2) {
+ return parts.pop().split(";").shift();
+ }
+ return null;
+ }
-window.ls=window.ls||{};window.ls.container=function(){let stock={};let listeners={};let set=function(name,object,singleton,watch=true){if(typeof name!=='string'){throw new Error('var name must be of type string');}
- if(typeof singleton!=='boolean'){throw new Error('var singleton "'+singleton+'" of service "'+name+'" must be of type boolean');}
- stock[name]={name:name,object:object,singleton:singleton,instance:null,watch:watch,};let binds=listeners[name]||{};for(let key in binds){if(binds.hasOwnProperty(key)){document.dispatchEvent(new CustomEvent(key));}}
- return this;};let get=function(name){let service=(undefined!==stock[name])?stock[name]:null;if(null==service){return null;}
- if(service.instance){return service.instance;}
- let instance=(typeof service.object==='function')?this.resolve(service.object):service.object;let skip=false;if(service.watch&&name!=='window'&&name!=='document'&&name!=='element'&&typeof instance==='object'&&instance!==null){let handler={name:service.name,watch:function(){},get:function(target,key){if(key==="__name"){return this.name;}
- if(key==="__watch"){return this.watch;}
- if(key==="__proxy"){return true;}
- if(typeof target[key]==='object'&&target[key]!==null&&!target[key].__proxy){let handler=Object.assign({},this);handler.name=handler.name+'.'+key;return new Proxy(target[key],handler)}
- else{return target[key];}},set:function(target,key,value,receiver){if(key==="__name"){return this.name=value;}
- if(key==="__watch"){return this.watch=value;}
- target[key]=value;let path=receiver.__name+'.'+key;document.dispatchEvent(new CustomEvent(path+'.changed'));if(skip){return true;}
- skip=true;container.set('$prop',key,true);container.set('$value',value,true);container.resolve(this.watch);container.set('$key',null,true);container.set('$value',null,true);skip=false;return true;},};instance=new Proxy(instance,handler);}
- if(service.singleton){service.instance=instance;}
- return instance;};let resolve=function(target){if(!target){return function(){};}
- let self=this;let FN_ARGS=/^function\s*[^\(]*\(\s*([^\)]*)\)/m;let text=target.toString()||'';let args=text.match(FN_ARGS)[1].split(',');return target.apply(target,args.map(function(value){return self.get(value.trim());}));};let path=function(path,value,as,prefix){as=(as)?as:container.get('$as');prefix=(prefix)?prefix:container.get('$prefix');path=path.replace(as+'.',prefix+'.').split('.');let name=path.shift();let object=this.get(name);let result=null;while(path.length>1){if(!object){return null;}
- object=object[path.shift()];}
- if(value){object[path.shift()]=value;return true;}
- if(!object){return null;}
- let shift=path.shift();if(!shift){result=object;}
- else{return object[shift];}
- return result;};let bind=function(element,path,callback,as,prefix){as=(as)?as:container.get('$as');prefix=(prefix)?prefix:container.get('$prefix');let event=path.replace(as+'.',prefix+'.')+'.changed';let service=event.split('.').slice(0,1).pop();listeners[service]=listeners[service]||{};listeners[service][event]=true;let printer=function(){if(!document.body.contains(element)){element=null;document.removeEventListener(event,printer,false);return false;}
- callback();};document.addEventListener(event,printer);};let container={set:set,get:get,resolve:resolve,path:path,bind:bind,stock:stock,listeners:listeners,};set('container',container,true,false,false);return container;}();window.ls.container.set('http',function(document){let globalParams=[],globalHeaders=[];let addParam=function(url,param,value){param=encodeURIComponent(param);let a=document.createElement('a');param+=(value?"="+encodeURIComponent(value):"");a.href=url;a.search+=(a.search?"&":"")+param;return a.href;};let request=function(method,url,headers,payload,progress){let i;if(-1===['GET','POST','PUT','DELETE','TRACE','HEAD','OPTIONS','CONNECT','PATCH'].indexOf(method)){throw new Error('var method must contain a valid HTTP method name');}
- if(typeof url!=='string'){throw new Error('var url must be of type string');}
- if(typeof headers!=='object'){throw new Error('var headers must be of type object');}
- if(typeof url!=='string'){throw new Error('var url must be of type string');}
- for(i=0;i-1?part.substr(0,eq):part;let val=eq>-1?decodeURIComponent(part.substr(eq+1)):'';let from=key.indexOf('[');if(from===-1){result[decodeURIComponent(key)]=val;}
- else{let to=key.indexOf(']');let index=decodeURIComponent(key.substring(from+1,to));key=decodeURIComponent(key.substring(0,from));if(!result[key]){result[key]=[];}
- if(!index){result[key].push(val);}
- else{result[key][index]=val;}}});return result;};let state={setParam:setParam,getParam:getParam,getParams:getParams,getURL:getURL,add:add,change:change,reload:reload,reset:reset,match:match,getCurrent:getCurrent,setCurrent:setCurrent,getPrevious:getPrevious,setPrevious:setPrevious,params:getJsonFromUrl(window.location.search),hash:window.location.hash};return state;},true,true);window.ls.container.set('expression',function(container,filter,$as,$prefix){let reg=/(\{{.*?\}})/gi;let paths=[];return{parse:function(string,def,as,prefix,cast=false){def=def||'';paths=[];return string.replace(reg,function(match)
- {let reference=match.substring(2,match.length-2).replace('[\'','.').replace('\']','').trim();reference=reference.split('|');let path=(reference[0]||'');let result=container.path(path,undefined,as,prefix);if(!paths.includes(path)){paths.push(path);}
- result=(null===result||undefined===result)?def:result;result=(typeof result==='object')?JSON.stringify(result):result;result=(((typeof result==='object')||(typeof result==='string'))&&cast)?'\''+result+'\'':result;if(reference.length>=2){for(let i=1;i/g,'>').replace(/\"/g,'"').replace(/\'/g,''').replace(/\//g,'/');});window.ls=window.ls||{};window.ls.container.set('window',window,true,false,false).set('document',window.document,true,false,false).set('element',window.document,true,false,false);window.ls.run=function(window){try{this.view.render(window.document);}
-catch(error){let handler=window.ls.container.resolve(this.error);handler(error);}};window.ls.error=function(){return function(error){console.error('ls-error',error.message,error.stack,error.toString());}};window.ls.router=window.ls.container.get('router');window.ls.view=window.ls.container.get('view');window.ls.filter=window.ls.container.get('filter');window.ls.container.get('view').add({selector:'data-ls-router',repeat:false,controller:function(element,window,document,view,router){let firstFromServer=(element.getAttribute('data-first-from-server')==='true');let scope={selector:'data-ls-scope',template:false,repeat:true,controller:function(){},};let init=function(route){window.scrollTo(0,0);if(window.document.body.scrollTo){window.document.body.scrollTo(0,0);}
- router.reset();if(null===route){return;}
- scope.template=(undefined!==route.view.template)?route.view.template:null;scope.controller=(undefined!==route.view.controller)?route.view.controller:function(){};document.dispatchEvent(new CustomEvent('state-change'));if(firstFromServer&&null===router.getPrevious()){scope.template='';}
- else if(null!==router.getPrevious()){view.render(element);}
- document.dispatchEvent(new CustomEvent('state-changed'));};let findParent=function(tagName,el){if((el.nodeName||el.tagName).toLowerCase()===tagName.toLowerCase()){return el;}
- while(el=el.parentNode){if((el.nodeName||el.tagName).toLowerCase()===tagName.toLowerCase()){return el;}}
- return null;};element.setAttribute('data-ls-scope','');view.add(scope);document.addEventListener('click',function(event){let target=findParent('a',event.target);if(!target){return false;}
- if(!target.href){return false;}
- if((event.metaKey)){return false;}
- if((target.hasAttribute('target'))&&('_blank'===target.getAttribute('target'))){return false;}
- if(target.hostname!==window.location.hostname){return false;}
- let route=router.match(target);if(null===route){return false;}
- event.preventDefault();if(window.location===target.href){return false;}
- route.view.state=(undefined===route.view.state)?true:route.view.state;if(true===route.view.state){if(router.getPrevious()&&router.getPrevious().view&&(router.getPrevious().view.scope!==route.view.scope)){window.location.href=target.href;return false;}
- window.history.pushState({},'Unknown',target.href);}
- init(route);return true;});window.addEventListener('popstate',function(){init(router.match(window.location));});window.addEventListener('hashchange',function(){init(router.match(window.location));});init(router.match(window.location));}});window.ls.container.get('view').add({selector:'data-ls-attrs',controller:function(element,expression,container,$as,$prefix){let attrs=element.getAttribute('data-ls-attrs').trim().split(',');let paths=[];let check=function(){for(let i=0;i';}
- return;}
- http.get(template).then(function(element){return function(data){parse(data,element);}}(element),function(){throw new Error('Failed loading template');});}});
\ No newline at end of file
+ function set(name, value, days) {
+ let date = new Date();
+ date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
+ let expires = (0 < days) ? 'expires=' + date.toUTCString() : 'expires=0';
+ document.cookie = name + "=" + value + ";" + expires + ";path=/";
+ return this;
+ }
+
+ return {'get': get, 'set': set}
+}, true, false);
+window.ls.container.set('view', function (http, container) {
+ let stock = {};
+ let execute = function (view, node, container) {
+ container.set('element', node, true, false, false);
+ container.resolve(view.controller);
+ if (true !== view.repeat) {
+ node.removeAttribute(view.selector);
+ }
+ };
+ let parse = function (node, skip) {
+ if (node.attributes && skip !== true) {
+ let attrs = [];
+ let attrsLen = node.attributes.length;
+ for (let x = 0; x < attrsLen; x++) {
+ attrs.push(node.attributes[x].nodeName);
+ }
+ if (1 !== node.nodeType) {
+ return;
+ }
+ if (attrs && attrsLen) {
+ for (let x = 0; x < attrsLen; x++) {
+ if (node.$lsSkip === true) {
+ break;
+ }
+ let pointer = (!/Edge/.test(navigator.userAgent)) ? x : (attrsLen - 1) - x;
+ let length = attrsLen;
+ let attr = attrs[pointer];
+ if (!stock[attr]) {
+ continue;
+ }
+ let comp = stock[attr];
+ if (typeof comp.template === "function") {
+ comp.template = container.resolve(comp.template);
+ }
+ if (!comp.template) {
+ (function (comp, node, container) {
+ execute(comp, node, container);
+ })(comp, node, container);
+ if (length !== attrsLen) {
+ x--;
+ }
+ continue;
+ }
+ node.classList.remove('load-end');
+ node.classList.add('load-start');
+ node.$lsSkip = true;
+ http.get(comp.template).then(function (node, comp) {
+ return function (data) {
+ node.$lsSkip = false;
+ node.innerHTML = data;
+ node.classList.remove('load-start');
+ node.classList.add('load-end');
+ (function (comp, node, container) {
+ execute(comp, node, container);
+ })(comp, node, container);
+ parse(node, true);
+ }
+ }(node, comp), function (error) {
+ throw new Error('Failed to load comp template: ' + error.message);
+ });
+ }
+ }
+ }
+ if (true === node.$lsSkip) {
+ return;
+ }
+ let list = (node) ? node.childNodes : [];
+ if (node.$lsSkip === true) {
+ list = [];
+ }
+ for (let i = 0; i < list.length; i++) {
+ let child = list[i];
+ parse(child);
+ }
+ };
+ return {
+ stock: stock, add: function (object) {
+ if (typeof object !== 'object') {
+ throw new Error('object must be of type object');
+ }
+ let defaults = {
+ 'selector': '', 'controller': function () {
+ }, 'template': '', 'repeat': false, 'protected': false
+ };
+ for (let prop in defaults) {
+ if (!defaults.hasOwnProperty(prop)) {
+ continue;
+ }
+ if (prop in object) {
+ continue;
+ }
+ object[prop] = defaults[prop];
+ }
+ if (!object.selector) {
+ throw new Error('View component is missing a selector attribute');
+ }
+ stock[object.selector] = object;
+ return this;
+ }, render: function (element) {
+ parse(element);
+ element.dispatchEvent(new window.Event('rendered', {bubbles: false}));
+ }
+ }
+}, true, false);
+window.ls.container.set('router', function (window) {
+ let states = [];
+ let current = null;
+ let previous = null;
+ let getPrevious = function () {
+ return previous;
+ };
+ let setPrevious = function (value) {
+ previous = value;
+ return this;
+ };
+ let getCurrent = function () {
+ return current;
+ };
+ let setCurrent = function (value) {
+ current = value;
+ return this;
+ };
+ let setParam = function (key, value) {
+ state.params[key] = value;
+ return this;
+ };
+ let getParam = function (key, def) {
+ if (key in state.params) {
+ return state.params[key];
+ }
+ return def;
+ };
+ let getParams = function () {
+ return state.params;
+ };
+ let getURL = function () {
+ return window.location.href;
+ };
+ let reset = function () {
+ state.params = getJsonFromUrl(window.location.search);
+ state.hash = window.location.hash;
+ };
+ let add = function (path, view) {
+ if (typeof path !== 'string') {
+ throw new Error('path must be of type string');
+ }
+ if (typeof view !== 'object') {
+ throw new Error('view must be of type object');
+ }
+ states[states.length++] = {path: path, view: view};
+ return this;
+ };
+ let match = function (location) {
+ let url = location.pathname + ((location.hash) ? location.hash : '');
+ states.sort(function (a, b) {
+ return b.path.length - a.path.length;
+ });
+ states.sort(function (a, b) {
+ let n = b.path.split('/').length - a.path.split('/').length;
+ if (n !== 0) {
+ return n;
+ }
+ return b.path.length - a.path.length;
+ });
+ for (let i = 0; i < states.length; i++) {
+ let value = states[i];
+ value.path = (value.path.substring(0, 1) !== '/') ? location.pathname + value.path : value.path;
+ let match = new RegExp("^" + value.path.replace(/:[^\s/]+/g, '([\\w-]+)') + "$");
+ let found = url.match(match);
+ if (found) {
+ previous = current;
+ current = value;
+ return value;
+ }
+ }
+ return null
+ };
+ let change = function (URL, replace) {
+ if (!replace) {
+ window.history.pushState({}, '', URL);
+ } else {
+ window.history.replaceState({}, '', URL);
+ }
+ window.dispatchEvent(new PopStateEvent('popstate', {}));
+ return this;
+ };
+ let reload = function () {
+ return change(window.location.href);
+ };
+ let getJsonFromUrl = function (URL) {
+ let query;
+ if (URL) {
+ let pos = location.href.indexOf('?');
+ if (pos === -1) return [];
+ query = location.href.substr(pos + 1);
+ } else {
+ query = location.search.substr(1);
+ }
+ let result = {};
+ query.split('&').forEach(function (part) {
+ if (!part) {
+ return;
+ }
+ part = part.split('+').join(' ');
+ let eq = part.indexOf('=');
+ let key = eq > -1 ? part.substr(0, eq) : part;
+ let val = eq > -1 ? decodeURIComponent(part.substr(eq + 1)) : '';
+ let from = key.indexOf('[');
+ if (from === -1) {
+ result[decodeURIComponent(key)] = val;
+ } else {
+ let to = key.indexOf(']');
+ let index = decodeURIComponent(key.substring(from + 1, to));
+ key = decodeURIComponent(key.substring(0, from));
+ if (!result[key]) {
+ result[key] = [];
+ }
+ if (!index) {
+ result[key].push(val);
+ } else {
+ result[key][index] = val;
+ }
+ }
+ });
+ return result;
+ };
+ let state = {
+ setParam: setParam,
+ getParam: getParam,
+ getParams: getParams,
+ getURL: getURL,
+ add: add,
+ change: change,
+ reload: reload,
+ reset: reset,
+ match: match,
+ getCurrent: getCurrent,
+ setCurrent: setCurrent,
+ getPrevious: getPrevious,
+ setPrevious: setPrevious,
+ params: getJsonFromUrl(window.location.search),
+ hash: window.location.hash
+ };
+ return state;
+}, true, true);
+window.ls.container.set('expression', function (container, filter, $as, $prefix) {
+ let reg = /(\{{.*?\}})/gi;
+ let paths = [];
+ return {
+ parse: function (string, def, as, prefix, cast = false) {
+ def = def || '';
+ paths = [];
+ return string.replace(reg, function (match) {
+ let reference = match.substring(2, match.length - 2).replace('[\'', '.').replace('\']', '').trim();
+ reference = reference.split('|');
+ let path = (reference[0] || '');
+ let result = container.path(path, undefined, as, prefix);
+ if (!paths.includes(path)) {
+ paths.push(path);
+ }
+ result = (null === result || undefined === result) ? def : result;
+ result = (typeof result === 'object') ? JSON.stringify(result) : result;
+ result = (((typeof result === 'object') || (typeof result === 'string')) && cast) ? '\'' + result + '\'' : result;
+ if (reference.length >= 2) {
+ for (let i = 1; i < reference.length; i++) {
+ result = filter.apply(reference[i], result);
+ }
+ }
+ return result;
+ });
+ }, getPaths: function () {
+ return paths;
+ },
+ }
+}, true, false);
+window.ls.container.set('filter', function (container) {
+ let filters = {};
+ let add = function (name, callback) {
+ filters[name] = callback;
+ return this;
+ };
+ let apply = function (name, value) {
+ container.set('$value', value, true, false, false);
+ return container.resolve(filters[name]);
+ };
+ add('uppercase', function ($value) {
+ return $value.toUpperCase();
+ });
+ add('lowercase', function ($value) {
+ return $value.toLowerCase();
+ });
+ return {add: add, apply: apply}
+}, true, false);
+window.ls.container.get('filter').add('escape', function (value) {
+ if (typeof value !== 'string') {
+ return value;
+ }
+ return value.replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"').replace(/\'/g, ''').replace(/\//g, '/');
+});
+window.ls = window.ls || {};
+window.ls.container.set('window', window, true, false, false).set('document', window.document, true, false, false).set('element', window.document, true, false, false);
+window.ls.run = function (window) {
+ try {
+ this.view.render(window.document);
+ } catch (error) {
+ let handler = window.ls.container.resolve(this.error);
+ handler(error);
+ }
+};
+window.ls.error = function () {
+ return function (error) {
+ console.error('ls-error', error.message, error.stack, error.toString());
+ }
+};
+window.ls.router = window.ls.container.get('router');
+window.ls.view = window.ls.container.get('view');
+window.ls.filter = window.ls.container.get('filter');
+window.ls.container.get('view').add({
+ selector: 'data-ls-router', repeat: false, controller: function (element, window, document, view, router) {
+ let firstFromServer = (element.getAttribute('data-first-from-server') === 'true');
+ let scope = {
+ selector: 'data-ls-scope', template: false, repeat: true, controller: function () {
+ },
+ };
+ let init = function (route) {
+ window.scrollTo(0, 0);
+ if (window.document.body.scrollTo) {
+ window.document.body.scrollTo(0, 0);
+ }
+ router.reset();
+ if (null === route) {
+ return;
+ }
+ scope.template = (undefined !== route.view.template) ? route.view.template : null;
+ scope.controller = (undefined !== route.view.controller) ? route.view.controller : function () {
+ };
+ document.dispatchEvent(new CustomEvent('state-change'));
+ if (firstFromServer && null === router.getPrevious()) {
+ scope.template = '';
+ } else if (null !== router.getPrevious()) {
+ view.render(element);
+ }
+ document.dispatchEvent(new CustomEvent('state-changed'));
+ };
+ let findParent = function (tagName, el) {
+ if ((el.nodeName || el.tagName).toLowerCase() === tagName.toLowerCase()) {
+ return el;
+ }
+ while (el = el.parentNode) {
+ if ((el.nodeName || el.tagName).toLowerCase() === tagName.toLowerCase()) {
+ return el;
+ }
+ }
+ return null;
+ };
+ element.setAttribute('data-ls-scope', '');
+ view.add(scope);
+ document.addEventListener('click', function (event) {
+ let target = findParent('a', event.target);
+ if (!target) {
+ return false;
+ }
+ if (!target.href) {
+ return false;
+ }
+ if ((event.metaKey)) {
+ return false;
+ }
+ if ((target.hasAttribute('target')) && ('_blank' === target.getAttribute('target'))) {
+ return false;
+ }
+ if (target.hostname !== window.location.hostname) {
+ return false;
+ }
+ let route = router.match(target);
+ if (null === route) {
+ return false;
+ }
+ event.preventDefault();
+ if (window.location === target.href) {
+ return false;
+ }
+ route.view.state = (undefined === route.view.state) ? true : route.view.state;
+ if (true === route.view.state) {
+ if (router.getPrevious() && router.getPrevious().view && (router.getPrevious().view.scope !== route.view.scope)) {
+ window.location.href = target.href;
+ return false;
+ }
+ window.history.pushState({}, 'Unknown', target.href);
+ }
+ init(route);
+ return true;
+ });
+ window.addEventListener('popstate', function () {
+ init(router.match(window.location));
+ });
+ window.addEventListener('hashchange', function () {
+ init(router.match(window.location));
+ });
+ init(router.match(window.location));
+ }
+});
+window.ls.container.get('view').add({
+ selector: 'data-ls-attrs', controller: function (element, expression, container, $as, $prefix) {
+ let attrs = element.getAttribute('data-ls-attrs').trim().split(',');
+ let paths = [];
+ let check = function () {
+ for (let i = 0; i < attrs.length; i++) {
+ let attr = attrs[i];
+ let key = expression.parse(attr.substring(0, attr.indexOf('=')), null, $as, $prefix) || null;
+ paths = paths.concat(expression.getPaths());
+ let value = expression.parse(attr.substring(attr.indexOf('=') + 1), null, $as, $prefix) || null;
+ paths = paths.concat(expression.getPaths());
+ if (!key) {
+ return null;
+ }
+ element.setAttribute(key, value);
+ }
+ };
+ check();
+ for (let i = 0; i < paths.length; i++) {
+ container.bind(element, paths[i], check);
+ }
+ }
+});
+window.ls.container.get('view').add({
+ selector: 'data-ls-bind', controller: function (element, expression, container, $prefix, $as) {
+ let echo = function (value, bind = true) {
+ if (element.tagName === 'INPUT' || element.tagName === 'SELECT' || element.tagName === 'BUTTON' || element.tagName === 'TEXTAREA') {
+ let type = element.getAttribute('type');
+ if ('radio' === type) {
+ if (value.toString() === element.value) {
+ element.setAttribute('checked', 'checked');
+ } else {
+ element.removeAttribute('checked');
+ }
+ }
+ if ('checkbox' === type) {
+ if (typeof value === 'boolean' || value === 'true' || value === 'false') {
+ if (value === true || value === 'true') {
+ element.setAttribute('checked', 'checked');
+ element.checked = true;
+ } else {
+ element.removeAttribute('checked');
+ element.checked = false;
+ }
+ if (bind) {
+ element.addEventListener('change', function () {
+ for (let i = 0; i < paths.length; i++) {
+ container.path(paths[i], element.checked, $as, $prefix);
+ }
+ });
+ }
+ }
+ return;
+ }
+ if (element.value !== value) {
+ element.value = value;
+ }
+ if (bind) {
+ element.addEventListener('input', sync);
+ element.addEventListener('change', sync);
+ }
+ } else {
+ if (element.innerText !== value) {
+ element.innerHTML = value;
+ }
+ }
+ };
+ let sync = (function (as, prefix) {
+ return function () {
+ for (let i = 0; i < paths.length; i++) {
+ container.path(paths[i], element.value, as, prefix);
+ }
+ }
+ })($as, $prefix);
+ let syntax = element.getAttribute('data-ls-bind');
+ let result = expression.parse(syntax, null, $as, $prefix);
+ let paths = expression.getPaths();
+ echo(result, true);
+ for (let i = 0; i < paths.length; i++) {
+ container.bind(element, paths[i], function () {
+ echo(expression.parse(syntax, null, $as, $prefix), false);
+ });
+ }
+ }
+});
+window.ls.container.get('view').add({
+ selector: 'data-ls-if', controller: function (element, expression, container, $as, $prefix) {
+ let result = '';
+ let syntax = element.getAttribute('data-ls-if') || '';
+ let debug = element.getAttribute('data-debug') || false;
+ let paths = [];
+ let check = function () {
+ if (debug) {
+ console.info('debug-ls-if', expression.parse(syntax, 'undefined', $as, $prefix));
+ }
+ try {
+ result = !!(eval(expression.parse(syntax, 'undefined', $as, $prefix, true).replace(/(\r\n|\n|\r)/gm, ' ')));
+ } catch (error) {
+ throw new Error('Failed to evaluate expression "' + syntax + ' (resulted with: "' + result + '")": ' + error);
+ }
+ if (debug) {
+ console.info('debug-ls-if result:', result);
+ }
+ paths = expression.getPaths();
+ element.$lsSkip = !result;
+ if (!result) {
+ element.style.visibility = 'hidden';
+ element.style.display = 'none';
+ } else {
+ element.style.removeProperty('display');
+ element.style.removeProperty('visibility');
+ }
+ };
+ check();
+ for (let i = 0; i < paths.length; i++) {
+ container.bind(element, paths[i], check);
+ }
+ }
+});
+window.ls.container.get('view').add({
+ selector: 'data-ls-loop',
+ template: false,
+ repeat: false,
+ nested: false,
+ controller: function (element, view, container, window) {
+ let expr = element.getAttribute('data-ls-loop');
+ let as = element.getAttribute('data-ls-as');
+ let echo = function () {
+ let value = element.value || null;
+ let array = container.path(expr);
+ array = (!array) ? [] : array;
+ while (element.hasChildNodes()) {
+ element.removeChild(element.lastChild);
+ element.lastChild = null;
+ }
+ if (array instanceof Array && typeof array !== 'object') {
+ throw new Error('Reference value must be array or object. ' + (typeof array) + ' given');
+ }
+ let children = [];
+ element.$lsSkip = true;
+ element.style.visibility = (0 === array.length) ? 'hidden' : 'visible';
+ for (let prop in array) {
+ if (!array.hasOwnProperty(prop)) {
+ continue;
+ }
+ children[prop] = template.cloneNode(true);
+ element.appendChild(children[prop]);
+ (function (index) {
+ let context = expr + '.' + index;
+ container.set(as, container.path(context), true);
+ container.set('$index', index, true, false, false);
+ container.set('$prefix', context, true, false, false);
+ container.set('$as', as, true, false, false);
+ view.render(children[prop]);
+ })(prop);
+ }
+
+ if(value) {
+ element.value = value;
+ }
+
+ container.set('$index', null, true, false, false);
+ container.set('$prefix', '', true, false, false);
+ container.set('$as', '', true, false, false);
+ };
+ let template = (element.children.length === 1) ? element.children[0] : window.document.createElement('li');
+ echo();
+ container.bind(element, expr, echo);
+ container.bind(element, expr + '.length', echo);
+ }
+});
+window.ls.container.get('view').add({
+ selector: 'data-ls-template',
+ template: false,
+ repeat: true,
+ controller: function (element, view, http, expression, document) {
+ let template = expression.parse(element.getAttribute('data-ls-template'));
+ let type = element.getAttribute('data-type') || 'url';
+ element.innerHTML = '';
+ let parse = function (data, element) {
+ element.innerHTML = data;
+ view.render(element);
+ element.dispatchEvent(new CustomEvent('template-loaded', {bubbles: true, cancelable: false}));
+ };
+ if ('script' === type) {
+ let inlineTemplate = document.getElementById(template);
+ if (inlineTemplate && inlineTemplate.innerHTML) {
+ parse(inlineTemplate.innerHTML, element);
+ } else {
+ element.innerHTML = 'Missing template "' + template + '"';
+ }
+ return;
+ }
+ http.get(template).then(function (element) {
+ return function (data) {
+ parse(data, element);
+ }
+ }(element), function () {
+ throw new Error('Failed loading template');
+ });
+ }
+});
\ No newline at end of file
diff --git a/public/scripts/views/general/switch.js b/public/scripts/views/general/switch.js
index 47c070e3f1..b6a108449c 100644
--- a/public/scripts/views/general/switch.js
+++ b/public/scripts/views/general/switch.js
@@ -1,7 +1,7 @@
(function (window) {
window.ls.container.get('view').add({
selector: 'data-switch',
- controller: function(element, router, window) {
+ controller: function(element, router, document) {
let debug = (element.dataset['debug']);
let project = router.params.project || null;
diff --git a/public/scripts/views/service.js b/public/scripts/views/service.js
index 2af9e29f81..ae5637c07d 100644
--- a/public/scripts/views/service.js
+++ b/public/scripts/views/service.js
@@ -148,7 +148,6 @@
break;
default:
document.addEventListener(events[y], exec);
- console.log('def', events[y].trim());
}
if (debug) console.log('%cregistered: "' + events[y].trim() + '" (' + service + ')', 'color:blue');