jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-30 12:46:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

💄 color lights unless explicitly set not to (#4603)

Browse Source
This commit is contained in:
Ian Richardson 2020-01-25 00:21:31 -06:00 committed by Paulus Schoutsen
parent 30211fe61d
commit 67a91b7c19
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/entity/state-badge.ts
View File

@ -35,11 +35,15 @@ class StateBadge extends LitElement {
return html``; return html``;
} }
const domain = computeStateDomain(stateObj);
return html` return html`
<ha-icon <ha-icon
id="icon" id="icon"
data-domain=${ifDefined( data-domain=${ifDefined(
this.stateColor ? computeStateDomain(stateObj) : undefined this.stateColor || (domain === "light" && this.stateColor !== false)
? domain
: undefined
)} )}
data-state=${computeActiveState(stateObj)} data-state=${computeActiveState(stateObj)}
.icon=${this.overrideIcon || stateIcon(stateObj)} .icon=${this.overrideIcon || stateIcon(stateObj)}
@ -73,14 +77,14 @@ class StateBadge extends LitElement {
hostStyle.backgroundImage = `url(${imageUrl})`; hostStyle.backgroundImage = `url(${imageUrl})`;
iconStyle.display = "none"; iconStyle.display = "none";
} else { } else {
if (stateObj.attributes.hs_color) { if (stateObj.attributes.hs_color && this.stateColor !== false) {
const hue = stateObj.attributes.hs_color[0]; const hue = stateObj.attributes.hs_color[0];
const sat = stateObj.attributes.hs_color[1]; const sat = stateObj.attributes.hs_color[1];
if (sat > 10) { if (sat > 10) {
iconStyle.color = `hsl(${hue}, 100%, ${100 - sat / 2}%)`; iconStyle.color = `hsl(${hue}, 100%, ${100 - sat / 2}%)`;
} }
} }
if (stateObj.attributes.brightness) { if (stateObj.attributes.brightness && this.stateColor !== false) {
const brightness = stateObj.attributes.brightness; const brightness = stateObj.attributes.brightness;
if (typeof brightness !== "number") { if (typeof brightness !== "number") {
const errorMessage = `Type error: state-badge expected number, but type of ${ const errorMessage = `Type error: state-badge expected number, but type of ${