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