Home-Assistant
/
frontend
mirror of https://github.com/home-assistant/frontend.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Hide default image if unavailable

stye-unavailable
Paulus Schoutsen 2020-03-08 10:10:00 -07:00
parent e7d89d0f9a
commit 355440c0fa
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/panels/lovelace/cards/hui-media-control-card.ts
View File

@ -167,7 +167,9 @@ export class HuiMediaControlCard extends LitElement implements LovelaceCard {
const isOffState = OFF_STATES.includes(stateObj.state);
const isUnavailable =
stateObj.state === UNAVAILABLE || stateObj.state === UNKNOWN;
stateObj.state === UNAVAILABLE ||
stateObj.state === UNKNOWN ||
(stateObj.state === "off" && !supportsFeature(stateObj, SUPPORT_TURN_ON));
const hasNoImage = !this._image;
return html`
@ -176,6 +178,7 @@ export class HuiMediaControlCard extends LitElement implements LovelaceCard {
class="background ${classMap({
"no-image": hasNoImage,
off: isOffState || isUnavailable,
unavailable: isUnavailable,
})}"
>
<div
@ -221,8 +224,7 @@ export class HuiMediaControlCard extends LitElement implements LovelaceCard {
></paper-icon-button>
</div>
</div>
${isUnavailable ||
(isOffState && !supportsFeature(stateObj, SUPPORT_TURN_ON))
${isUnavailable
? ""
: html`
<div
@ -609,6 +611,7 @@ export class HuiMediaControlCard extends LitElement implements LovelaceCard {
width: 0;
}
.unavailable .no-img,
.background:not(.off):not(.no-image) .no-img {
opacity: 0;
}