VENOM-10: added files x.tpl, x.php Modules

public/theme/admin/js/components.js

@@ -23,6 +23,66 @@ class Component {
         }
     }
 }
+class MetaDataComponent extends Component {
+    constructor() {
+        super("/metaData");
+        this.tpl = "metaDataList";
+        this.tpl2 = "metaDataEdit";
+        this._url = "/admin/api/metaData";
+    }
+
+    async handle(data, ds) {
+        let meTpl = ds.id ? this.tpl2 : this.tpl;
+        await tpl.loadTemplate(meTpl);
+        return await tpl.renderOn(meTpl, data.content);
+    }
+
+    getUrl(ds) {
+        let url = this._url;
+        if (ds.id) {
+            url += '/' + ds.id;
+        }
+        return url;
+    }
+}
+class OverviewComponent extends Component {
+    constructor() {
+        super("/overview");
+        this.tpl = "overview";
+        this._url = "/admin/api/overview";
+    }
+
+    async handle(data, ds) {
+        await tpl.loadTemplate(this.tpl);
+        return await tpl.renderOn(this.tpl, data.content);
+    }
+
+    getUrl(ds) {
+        return this._url;
+    }
+}
+class PagesComponent extends Component {
+    constructor() {
+        super("/pages");
+        this.tpl = "pagesList";
+        this.tpl2 = "pageEdit";
+        this._url = "/admin/api/pages";
+    }
+
+    async handle(data, ds) {
+        let meTpl = ds.id ? this.tpl2 : this.tpl;
+        await tpl.loadTemplate(meTpl);
+        return await tpl.renderOn(meTpl, data.content);
+    }
+
+    getUrl(ds) {
+        let url = this._url;
+        if (ds.id) {
+            url += '/' + ds.id;
+        }
+        return url;
+    }
+}
 class RolesComponent extends Component {
     constructor() {
         super("/roles");
@@ -45,9 +105,76 @@ class RolesComponent extends Component {
         return url;
     }
 }
+class SeoUrlComponent extends Component {
+    constructor() {
+        super("/seoUrl");
+        this.tpl = "seoUrlList";
+        this.tpl2 = "seoUrlEdit";
+        this._url = "/admin/api/seoUrl";
+    }
+
+    async handle(data, ds) {
+        let meTpl = ds.id ? this.tpl2 : this.tpl;
+        await tpl.loadTemplate(meTpl);
+        return await tpl.renderOn(meTpl, data.content);
+    }
+
+    getUrl(ds) {
+        let url = this._url;
+        if (ds.id) {
+            url += '/' + ds.id;
+        }
+        return url;
+    }
+}
+class UsersComponent extends Component {
+    constructor() {
+        super("/users");
+        this.tpl = "usersList";
+        this.tpl2 = "userEdit";
+        this._url = "/admin/api/users";
+    }
+
+    async handle(data, ds) {
+        let meTpl = ds.id ? this.tpl2 : this.tpl;
+        await tpl.loadTemplate(meTpl);
+        return await tpl.renderOn(meTpl, data.content);
+    }
+
+    getUrl(ds) {
+        let url = this._url;
+        if (ds.id) {
+            url += '/' + ds.id;
+        }
+        return url;
+    }
+}
+class VenomStatusComponent extends Component {
+    constructor() {
+        super("/venomStatus");
+        this.tpl = "venomStatus";
+        this._url = "/admin/api/venomStatus";
+    }
+
+    async handle(data, ds) {
+        await tpl.loadTemplate(this.tpl);
+        return await tpl.renderOn(this.tpl, data.content);
+    }
+
+    getUrl(ds) {
+        return this._url;
+    }
+}
 (() => {
     // init all Components ;)
+    new MetaDataComponent();
+    new OverviewComponent();
+    new PagesComponent();
     new RolesComponent();
+    new SeoUrlComponent();
+    new UsersComponent();
+    new VenomStatusComponent();
+
 
     if (routerIsReady) {
         document.body.dispatchEvent(new CustomEvent('triggerRouter'));

public/theme/admin/js/components.min.js

@@ -1 +1 @@
-class Component{constructor(t){this.name=t,this.start()}handle(t,e){}init(){}getUrl(t){return""}start(){window.routerIsReady?(router.addComponent(this.name||VUtils.tempId(),this),this.init()):window.addEventListener("routerReady",this.start.bind(this))}}class RolesComponent extends Component{constructor(){super("/roles"),this.tpl="rolesList",this.tpl2="roleEdit",this._url="/admin/api/roles"}async handle(t,e){let n=e.id?this.tpl2:this.tpl;return await tpl.loadTemplate(n),await tpl.renderOn(n,t.content)}getUrl(t){let e=this._url;return t.id&&(e+="/"+t.id),e}}new RolesComponent,routerIsReady?document.body.dispatchEvent(new CustomEvent("triggerRouter")):document.addEventListener("routerReady",t=>{document.body.dispatchEvent(new CustomEvent("triggerRouter"))});
+class Component{constructor(t){this.name=t,this.start()}handle(t,e){}init(){}getUrl(t){return""}start(){window.routerIsReady?(router.addComponent(this.name||VUtils.tempId(),this),this.init()):window.addEventListener("routerReady",this.start.bind(this))}}class MetaDataComponent extends Component{constructor(){super("/metaData"),this.tpl="metaDataList",this.tpl2="metaDataEdit",this._url="/admin/api/metaData"}async handle(t,e){let n=e.id?this.tpl2:this.tpl;return await tpl.loadTemplate(n),await tpl.renderOn(n,t.content)}getUrl(t){let e=this._url;return t.id&&(e+="/"+t.id),e}}class OverviewComponent extends Component{constructor(){super("/overview"),this.tpl="overview",this._url="/admin/api/overview"}async handle(t,e){return await tpl.loadTemplate(this.tpl),await tpl.renderOn(this.tpl,t.content)}getUrl(t){return this._url}}class PagesComponent extends Component{constructor(){super("/pages"),this.tpl="pagesList",this.tpl2="pageEdit",this._url="/admin/api/pages"}async handle(t,e){let n=e.id?this.tpl2:this.tpl;return await tpl.loadTemplate(n),await tpl.renderOn(n,t.content)}getUrl(t){let e=this._url;return t.id&&(e+="/"+t.id),e}}class RolesComponent extends Component{constructor(){super("/roles"),this.tpl="rolesList",this.tpl2="roleEdit",this._url="/admin/api/roles"}async handle(t,e){let n=e.id?this.tpl2:this.tpl;return await tpl.loadTemplate(n),await tpl.renderOn(n,t.content)}getUrl(t){let e=this._url;return t.id&&(e+="/"+t.id),e}}class SeoUrlComponent extends Component{constructor(){super("/seoUrl"),this.tpl="seoUrlList",this.tpl2="seoUrlEdit",this._url="/admin/api/seoUrl"}async handle(t,e){let n=e.id?this.tpl2:this.tpl;return await tpl.loadTemplate(n),await tpl.renderOn(n,t.content)}getUrl(t){let e=this._url;return t.id&&(e+="/"+t.id),e}}class UsersComponent extends Component{constructor(){super("/users"),this.tpl="usersList",this.tpl2="userEdit",this._url="/admin/api/users"}async handle(t,e){let n=e.id?this.tpl2:this.tpl;return await tpl.loadTemplate(n),await tpl.renderOn(n,t.content)}getUrl(t){let e=this._url;return t.id&&(e+="/"+t.id),e}}class VenomStatusComponent extends Component{constructor(){super("/venomStatus"),this.tpl="venomStatus",this._url="/admin/api/venomStatus"}async handle(t,e){return await tpl.loadTemplate(this.tpl),await tpl.renderOn(this.tpl,t.content)}getUrl(t){return this._url}}new MetaDataComponent,new OverviewComponent,new PagesComponent,new RolesComponent,new SeoUrlComponent,new UsersComponent,new VenomStatusComponent,routerIsReady?document.body.dispatchEvent(new CustomEvent("triggerRouter")):document.addEventListener("routerReady",t=>{document.body.dispatchEvent(new CustomEvent("triggerRouter"))});

public/theme/admin/js/scripts.js

@@ -476,7 +476,17 @@ class FormHandler {
         }
     }
 
+    class VSwitch extends HTMLElement {
+        constructor() {
+            super();
+            const id = this.dataset.id || VUtils.tempId();
+            $('input', this).id = id;
+            $('label', this).setAttribute('for', id);
+        }
+    }
+
     customElements.define("v-input", VInput);
+    customElements.define("v-switch", VSwitch);
 
     if ($('#login')) {
         new FormHandler('form#login', 'body', () => {
@@ -685,7 +695,8 @@ class FormHandler {
                 });
             })
             document.body.addEventListener('triggerRouter', e => {
-                this.handle(sessionStorage.getItem('url'));
+                let storage = sessionStorage.getItem('url') || JSON.stringify({data: {link: $('[data-link].active').dataset.link}});
+                this.handle(storage);
             })
             window.addEventListener('popstate', e => {
                 this.handle(e.state);
@@ -1157,7 +1168,7 @@ class VTpeLTemplate {
 
     parseContent(cache) {
         if (cache) {
-            let storage = localStorage.getItem(this.name);
+            let storage = localStorage.getItem("vtepl-"+this.name);
             if (storage) {
                 this.parser.parsed = JSON.parse(storage);
                 return;
@@ -1165,7 +1176,7 @@ class VTpeLTemplate {
         }
         this.parser.tokenize();
         if (cache) {
-            localStorage.setItem(this.name, JSON.stringify(this.parser.parsed));
+            localStorage.setItem("vtepl-"+this.name, JSON.stringify(this.parser.parsed));
         }
     }
 }
@@ -1181,5 +1192,6 @@ class VTpeLTemplate {
         'includes/input',
         'includes/select',
         'includes/svg',
+        'includes/switch'
     ])
 })();