From 97b88d965ce8060767f66b3ff61363f75e17bbdc Mon Sep 17 00:00:00 2001 From: Phil Kunz Date: Mon, 7 Dec 2020 04:07:32 +0000 Subject: [PATCH] fix(core): update --- ts_web/elements/wcc-dashboard.ts | 39 ++++++++++++++++---------------- 1 file changed, 20 insertions(+), 19 deletions(-) diff --git a/ts_web/elements/wcc-dashboard.ts b/ts_web/elements/wcc-dashboard.ts index 1cbebc5..a59a3d6 100644 --- a/ts_web/elements/wcc-dashboard.ts +++ b/ts_web/elements/wcc-dashboard.ts @@ -102,7 +102,7 @@ export class WccDashboard extends LitElement { if (typeof this.selectedItem === 'function') { return this.selectedItem(); } else { - console.error('The selected item looks strange:') + console.error('The selected item looks strange:'); console.log(this.selectedItem); } } else if (this.selectedType === 'element' && this.selectedItem) { @@ -138,22 +138,25 @@ export class WccDashboard extends LitElement { public async firstUpdated() { this.domtools = await plugins.deesDomtools.DomTools.setupDomTools(); - this.domtools.router.on('/wcctools-route/:itemType/:itemName/:viewport/:theme', async (routeInfo) => { - this.selectedType = routeInfo.params.itemType as TElementType; - this.selectedItemName = routeInfo.params.itemName; - this.selectedViewport = routeInfo.params.viewport as TViewport; - this.selectedTheme = routeInfo.params.theme as TTheme; - if (routeInfo.params.itemType === 'element') { - this.selectedItem = this.elements[routeInfo.params.itemName]; - } else if (routeInfo.params.itemType === 'page') { - this.selectedItem = this.pages[routeInfo.params.itemName]; + this.domtools.router.on( + '/wcctools-route/:itemType/:itemName/:viewport/:theme', + async (routeInfo) => { + this.selectedType = routeInfo.params.itemType as TElementType; + this.selectedItemName = routeInfo.params.itemName; + this.selectedViewport = routeInfo.params.viewport as TViewport; + this.selectedTheme = routeInfo.params.theme as TTheme; + if (routeInfo.params.itemType === 'element') { + this.selectedItem = this.elements[routeInfo.params.itemName]; + } else if (routeInfo.params.itemType === 'page') { + this.selectedItem = this.pages[routeInfo.params.itemName]; + } + const domtoolsInstance = await plugins.deesDomtools.elementBasic.setup(); + domtoolsInstance.setVirtualViewport(routeInfo.params.viewport as TViewport); + this.selectedTheme === 'bright' + ? domtoolsInstance.themeManager.goBright() + : domtoolsInstance.themeManager.goDark(); } - const domtoolsInstance = await plugins.deesDomtools.elementBasic.setup(); - domtoolsInstance.setVirtualViewport(routeInfo.params.viewport as TViewport); - this.selectedTheme === 'bright' ? - domtoolsInstance.themeManager.goBright() : - domtoolsInstance.themeManager.goDark(); - }); + ); } private updating = false; @@ -178,9 +181,7 @@ export class WccDashboard extends LitElement { public buildUrl() { this.domtools.router.pushUrl( - `/wcctools-route/${this.selectedType}/${this.selectedItemName}/${this.selectedViewport}/${ - this.selectedTheme - }` + `/wcctools-route/${this.selectedType}/${this.selectedItemName}/${this.selectedViewport}/${this.selectedTheme}` ); } }