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-07-15 19:55:35 +00:00
parent ba83aad026
commit 53ff02c490
6 changed files with 2411 additions and 2002 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,19 +1,17 @@
import { LitElement, property, html, customElement, TemplateResult } from 'lit-element';
import { WccDashboard } from './wcc-dashboard';
@customElement('wcc-sidebar')
export class WccSidebar extends LitElement {
@property({type: Array})
public websites: string[] = [];
@property()
public pages: { [key: string]: TemplateResult } = {};
@property()
public elements: { [key: string]: LitElement } = {};
@property({ attribute: false })
public selectedItem: LitElement | TemplateResult;
@property()
public dashboardRef: WccDashboard;
public render(): TemplateResult {
return html`
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
@ -100,14 +98,15 @@ export class WccSidebar extends LitElement {
})}
<h3>Pages</h3>
${(() => {
const pages = Object.keys(this.pages);
const pages = Object.keys(this.dashboardRef.pages);
return pages.map(pageName => {
const item = this.pages[pageName];
const item = this.dashboardRef.pages[pageName];
return html`
<div
class="selectOption ${this.selectedItem === item ? 'selected' : console.log('hi')}"
@click=${() => {
this.selectItem(item);
this.dashboardRef.domtools.router.pushUrl(`/pages/${pageName}`);
}}
>
<i class="material-icons">insert_drive_file</i>
@ -118,14 +117,15 @@ export class WccSidebar extends LitElement {
})()}
<h3>Elements</h3>
${(() => {
const elements = Object.keys(this.elements);
const elements = Object.keys(this.dashboardRef.elements);
return elements.map(elementName => {
const item = this.elements[elementName];
const item = this.dashboardRef.elements[elementName];
return html`
<div
class="selectOption ${this.selectedItem === item ? 'selected' : console.log('hi')}"
@click=${() => {
this.selectItem(item);
this.dashboardRef.domtools.router.pushUrl(`/elements/${elementName}`);
}}
>
<i class="material-icons">featured_video</i>