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

fix(core): update

Browse Source
This commit is contained in:
Philipp Kunz 2020-05-23 13:13:58 +00:00
parent 942670a733
commit 4c3c7f18fc
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,11 +2,14 @@ import { LitElement, property, html, customElement, TemplateResult } from 'lit-e
@customElement('wcc-sidebar') @customElement('wcc-sidebar')
export class WccSidebar extends LitElement { export class WccSidebar extends LitElement {
@property() @property({type: Array})
public pages: { [key: string]: TemplateResult }; public websites: string[] = [];
@property() @property()
public elements: { [key: string]: LitElement }; public pages: { [key: string]: TemplateResult } = {};
@property()
public elements: { [key: string]: LitElement } = {};
@property({ attribute: false }) @property({ attribute: false })
public selectedItem: LitElement | TemplateResult; public selectedItem: LitElement | TemplateResult;
@ -92,9 +95,9 @@ export class WccSidebar extends LitElement {
</div> </div>
<div class="menu"> <div class="menu">
<h3>Live Websites</h3> <h3>Live Websites</h3>
<div class="selectOption"><i class="material-icons">ondemand_video</i><div class="text">lossless.com</div></div> ${this.websites.map(website => {
<div class="selectOption"><i class="material-icons">ondemand_video</i><div class="text">central.eu</div></div> return html`<div class="selectOption"><i class="material-icons">ondemand_video</i><div class="text">${website}</div></div>`;
<div class="selectOption"><i class="material-icons">ondemand_video</i><div class="text">coffee.link</div></div> })}
<h3>Pages</h3> <h3>Pages</h3>
${(() => { ${(() => {
const pages = Object.keys(this.pages); const pages = Object.keys(this.pages);