thomas/lovelace-state-switch
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Update for Home Assistant 0.86

Browse Source
This commit is contained in:
Thomas Lovén 2019-01-23 23:26:08 +01:00
parent 895edd78c5
commit c7dd7058a1
2 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
README.md
View File

@ -3,15 +3,14 @@ state-switch
Allows you to display different cards depending on the state of an entity, the currently logged in user or the current device-browser combination
This card requires [card-tools](https://github.com/thomasloven/lovelace-card-tools) to be installed.
![state-switch mov](https://user-images.githubusercontent.com/1299821/48923691-05479700-eeb1-11e8-8c8b-91ea14cfecf1.gif)
> Note in the animation above that the two browser windows have two different users logged in, which changes the rightmost card.
## Installation
This card requires [card-tools](https://github.com/thomasloven/lovelace-card-tools) to be installed.
Please read and follow this guide: [Lovelace Plugins](https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins)
For installation instructions [see this guide](https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins).
## Options

23
state-switch.js
View File

@ -1,26 +1,27 @@
var LitElement = LitElement || Object.getPrototypeOf(customElements.get('hui-error-entity-row'));
class StateSwitch extends LitElement {
customElements.whenDefined('card-tools').then(() => {
class StateSwitch extends cardTools.litElement() {
setConfig(config) {
cardTools.checkVersion(0.3);
this.config = config;
this.cardSize = 1;
this.cards = {}
for(var k in this.config.states) {
this.cards[k] = window.cardTools.createCard(this.config.states[k]);
this.cards[k] = cardTools.createCard(this.config.states[k]);
this.cardSize = Math.max(this.cardSize, this.cards[k].getCardSize());
}
this.idCard = window.cardTools.createCard({
this.idCard = cardTools.createCard({
type: "markdown",
title: "Device ID",
content: `Your device id is: \`${window.cardTools.deviceID}\``,
content: `Your device id is: \`${cardTools.deviceID()}\``,
});
}
render() {
return window.cardTools.litHtml`
return cardTools.litHtml()`
<div id="root">${this.currentCard}</div>
`;
}
@ -33,7 +34,7 @@ class StateSwitch extends LitElement {
this.currentCard = this.cards[hass.user.name]
|| this.cards[this.config.default];
} else if(this.config.entity == 'browser') {
this.currentCard = this.cards[window.cardTools.deviceID]
this.currentCard = this.cards[cardTools.deviceID]
|| ((this.config.default)
? this.cards[this.config.default]
: this.idCard);
@ -56,3 +57,11 @@ class StateSwitch extends LitElement {
}
customElements.define('state-switch', StateSwitch);
});
setTimeout(() => {
if(customElements.get('card-tools')) return;
customElements.define('state-switch', class extends HTMLElement{
setConfig() { throw new Error("Can't find card-tools. See https://github.com/thomasloven/lovelace-card-tools");}
});
}, 2000);