Compare commits
4 Commits
Author | SHA1 | Date | |
---|---|---|---|
88ed2f294f | |||
dcca98c535 | |||
bb46890b58 | |||
4c3c7f18fc |
@ -21,6 +21,6 @@
|
||||
<script src="../ts_web/index.ts"></script>
|
||||
</head>
|
||||
<body>
|
||||
<wcc-dashboard></wcc-dashboard>
|
||||
<></>
|
||||
</body>
|
||||
</html>
|
||||
|
2
package-lock.json
generated
2
package-lock.json
generated
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@losslessone_private/dees-wcctools",
|
||||
"version": "1.0.19",
|
||||
"version": "1.0.21",
|
||||
"lockfileVersion": 1,
|
||||
"requires": true,
|
||||
"dependencies": {
|
||||
|
@ -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",
|
||||
|
@ -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
|
||||
|
||||
|
@ -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 {
|
||||
|
@ -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);
|
||||
|
Reference in New Issue
Block a user