diff --git a/src/panels/lovelace/badges/hui-entity-badge.ts b/src/panels/lovelace/badges/hui-entity-badge.ts index 50eae9acc3..8e1b5e7862 100644 --- a/src/panels/lovelace/badges/hui-entity-badge.ts +++ b/src/panels/lovelace/badges/hui-entity-badge.ts @@ -5,6 +5,7 @@ import { classMap } from "lit/directives/class-map"; import { ifDefined } from "lit/directives/if-defined"; import { styleMap } from "lit/directives/style-map"; import memoizeOne from "memoize-one"; +import { mdiAlertCircle } from "@mdi/js"; import { computeCssColor } from "../../../common/color/compute-color"; import { hsv2rgb, rgb2hex, rgb2hsv } from "../../../common/color/convert-color"; import { computeDomain } from "../../../common/entity/compute_domain"; @@ -12,6 +13,7 @@ import { stateActive } from "../../../common/entity/state_active"; import { stateColorCss } from "../../../common/entity/state_color"; import "../../../components/ha-ripple"; import "../../../components/ha-state-icon"; +import "../../../components/ha-svg-icon"; import { ActionHandlerEvent } from "../../../data/lovelace/action_handler"; import { HomeAssistant } from "../../../types"; import { actionHandler } from "../common/directives/action-handler-directive"; @@ -129,7 +131,17 @@ export class HuiEntityBadge extends LitElement implements LovelaceBadge { const stateObj = entityId ? this.hass.states[entityId] : undefined; if (!stateObj) { - return nothing; + return html` +
+ + + ${entityId} + + ${this.hass.localize("ui.badge.entity.not_found")} + + +
+ `; } const active = stateActive(stateObj); @@ -206,6 +218,9 @@ export class HuiEntityBadge extends LitElement implements LovelaceBadge { --badge-color: var(--state-inactive-color); -webkit-tap-highlight-color: transparent; } + .badge.error { + --badge-color: var(--red-color); + } .badge { position: relative; --ha-ripple-color: var(--badge-color); @@ -283,7 +298,8 @@ export class HuiEntityBadge extends LitElement implements LovelaceBadge { letter-spacing: 0.1px; color: var(--primary-text-color); } - ha-state-icon { + ha-state-icon, + ha-svg-icon { color: var(--badge-color); line-height: 0; } diff --git a/src/translations/en.json b/src/translations/en.json index 7f17d450d5..0004fe1c04 100644 --- a/src/translations/en.json +++ b/src/translations/en.json @@ -70,6 +70,11 @@ "backup": { "upload_backup": "Upload backup" }, + "badge": { + "entity": { + "not_found": "[%key:ui::card::tile::not_found%]" + } + }, "card": { "common": { "turn_on": "Turn on",