Compare commits

..

4 Commits

Author SHA1 Message Date
88ed2f294f 1.0.21 2020-05-23 14:00:49 +00:00
dcca98c535 fix(core): update 2020-05-23 14:00:49 +00:00
bb46890b58 1.0.20 2020-05-23 13:13:59 +00:00
4c3c7f18fc fix(core): update 2020-05-23 13:13:58 +00:00
6 changed files with 26 additions and 12 deletions

View File

@ -21,6 +21,6 @@
<script src="../ts_web/index.ts"></script>
</head>
<body>
<wcc-dashboard></wcc-dashboard>
<></>
</body>
</html>

2
package-lock.json generated
View File

@ -1,6 +1,6 @@
{
"name": "@losslessone_private/dees-wcctools",
"version": "1.0.19",
"version": "1.0.21",
"lockfileVersion": 1,
"requires": true,
"dependencies": {

View File

@ -1,6 +1,6 @@
{
"name": "@designestate/dees-wcctools",
"version": "1.0.19",
"version": "1.0.21",
"private": false,
"description": "wcc tools for creating element catalogues",
"main": "dist_ts_web/index.js",

View File

@ -18,6 +18,10 @@ wcc tools for creating element catalogues
## Usage
## Contribution
We are always happy for code contributions. If you are not the code contributing type that is ok. Still, maintaining Open Source repositories takes considerable time and thought. If you like the quality of what we do and our modules are useful to you we would appreciate a little monthly contribution: You can [contribute one time](https://lossless.link/contribute-onetime) or [contribute monthly](https://lossless.link/contribute). :)
## Contribution

View File

@ -19,13 +19,20 @@ export class WccDashboard extends LitElement {
public selectedViewport: string = 'desktop';
@property()
public pages: TemplateResult[] = [];
public pages: { [key: string]: TemplateResult } = {};
@property()
public elements: LitElement[] = [];
public elements: { [key: string]: LitElement } = {};
constructor() {
constructor(elementsArg?: { [key: string]: LitElement }, pagesArg?: { [key: string]: TemplateResult }) {
super();
if (elementsArg) {
this.elements = elementsArg;
}
if (pagesArg) {
this.pages = pagesArg;
}
}
public render(): TemplateResult {

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);