thomas/card-tools
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Update cardmodder sample too

Browse Source
This commit is contained in:
Thomas Lovén 2019-01-22 21:50:49 +01:00
parent 2ca0b84d1f
commit 2940ee2bcb
1 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
card-modder.js
View File

@ -1,9 +1,8 @@
customElements.whenDefined('card-tools').then(() => { customElements.whenDefined('card-tools').then(() => {
class CardModder extends window.cardTools.LitElement { class CardModder extends cardTools.litElement() {
setConfig(config) { setConfig(config) {
if(!window.cardTools) throw new Error(`Can't find card-tools. See https://github.com/thomasloven/lovelace-card-tools`); cardTools.checkVersion(0.3);
window.cardTools.checkVersion(0.2);
if(!config || !config.card) { if(!config || !config.card) {
throw new Error("Card config incorrect"); throw new Error("Card config incorrect");
@ -12,13 +11,13 @@ class CardModder extends window.cardTools.LitElement {
throw new Error("It says 'card', not 'cardS'. Remove the dash."); throw new Error("It says 'card', not 'cardS'. Remove the dash.");
} }
this._config = config; this._config = config;
this.card = window.cardTools.createCard(config.card); this.card = cardTools.createCard(config.card);
this.templated = []; this.templated = [];
this.attempts = 0; this.attempts = 0;
} }
render() { render() {
return window.cardTools.litHtml` return cardTools.litHtml()`
<div id="root">${this.card}</div> <div id="root">${this.card}</div>
`; `;
} }
@ -40,9 +39,9 @@ class CardModder extends window.cardTools.LitElement {
target = target || this.card; target = target || this.card;
for(var k in this._config.style) { for(var k in this._config.style) {
if(window.cardTools.hasTemplate(this._config.style[k])) if(cardTools.hasTemplate(this._config.style[k]))
this.templated.push(k); this.templated.push(k);
target.style.setProperty(k, window.cardTools.parseTemplate(this._config.style[k])); target.style.setProperty(k, cardTools.parseTemplate(this._config.style[k]));
} }
this.target = target; this.target = target;
} }
@ -51,7 +50,7 @@ class CardModder extends window.cardTools.LitElement {
if(this.card) this.card.hass = hass; if(this.card) this.card.hass = hass;
if(this.templated) if(this.templated)
this.templated.forEach((k) => { this.templated.forEach((k) => {
this.target.style.setProperty(k, window.cardTools.parseTemplate(this._config.style[k], '')); this.target.style.setProperty(k, cardTools.parseTemplate(this._config.style[k], ''));
}); });
} }
@ -66,7 +65,10 @@ class CardModder extends window.cardTools.LitElement {
customElements.define('card-modder', CardModder); customElements.define('card-modder', CardModder);
}); });
window.setTimeout(() => { window.setTimeout(() => {
if(!customElements.get('card-tools')) if(customElements.get('card-tools')) return;
console.info("%cCARD-TOOLS NOT FOUND\nSee https://github.com/thomasloven/lovelace-card-tools", "color: red; font-weight: bold"); customElements.define('card-modder', class extends HTMLElement{
setConfig() { throw new Error("Can't find card-tools. See https://github.com/thomasloven/lovelace-card-tools");}
});
}, 2000); }, 2000);