design.estate/dees-wcctools
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(core): update

Browse Source
This commit is contained in:
Philipp Kunz
2020-11-26 02:28:17 +00:00
parent ebc2c82b7f
commit 40f54c574d
9 changed files with 2473 additions and 628 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
ts_web/elements/wcc-sidebar.ts
View File

@ -2,6 +2,8 @@ import * as plugins from '../wcctools.plugins';
import { LitElement, property, html, customElement, TemplateResult } from 'lit-element';
import { WccDashboard } from './wcc-dashboard';
export type TElementType = 'element' | 'page';
@customElement('wcc-sidebar')
export class WccSidebar extends LitElement {
@property({type: Array})
@ -10,6 +12,9 @@ export class WccSidebar extends LitElement {
@property({ attribute: false })
public selectedItem: LitElement | TemplateResult;
@property({ attribute: false })
public selectedType: TElementType;
@property()
public dashboardRef: WccDashboard;
@ -107,8 +112,7 @@ export class WccSidebar extends LitElement {
class="selectOption ${this.selectedItem === item ? 'selected' : console.log('hi')}"
@click=${async () => {
const domtools = await plugins.deesDomtools.DomTools.setupDomTools();
this.selectItem(item);
domtools.router.pushUrl(`/pages/${pageName}`);
this.selectItem('page', item);
}}
>
<i class="material-icons">insert_drive_file</i>
@ -127,8 +131,7 @@ export class WccSidebar extends LitElement {
class="selectOption ${this.selectedItem === item ? 'selected' : console.log('hi')}"
@click=${async () => {
const domtools = await plugins.deesDomtools.DomTools.setupDomTools();
this.selectItem(item);
domtools.router.pushUrl(`/elements/${elementName}`);
this.selectItem('element', item);
}}
>
<i class="material-icons">featured_video</i>
@ -141,13 +144,20 @@ export class WccSidebar extends LitElement {
`;
}
public selectItem(item: TemplateResult | LitElement) {
public selectItem(typeArg: TElementType, itemArg: TemplateResult | LitElement) {
console.log('selected item');
this.selectedItem = item;
this.selectedItem = itemArg;
this.selectedType = typeArg;
this.dispatchEvent(
new CustomEvent('selectedItem', {
detail: item
detail: itemArg
})
);
this.dispatchEvent(
new CustomEvent('selectedType', {
detail: typeArg
})
);
this.dashboardRef.buildUrl();
}
}