Use component to ensure relative-time in Glance card gets updated (#10666)

This commit is contained in:
Philip Allgaier 2021-11-22 11:12:04 +01:00 committed by GitHub
parent 3c67fc96b1
commit d28ad17135
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -9,7 +9,6 @@ import {
import { customElement, property, state } from "lit/decorators"; import { customElement, property, state } from "lit/decorators";
import { classMap } from "lit/directives/class-map"; import { classMap } from "lit/directives/class-map";
import { ifDefined } from "lit/directives/if-defined"; import { ifDefined } from "lit/directives/if-defined";
import { relativeTime } from "../../../common/datetime/relative_time";
import { applyThemesOnElement } from "../../../common/dom/apply_themes_on_element"; import { applyThemesOnElement } from "../../../common/dom/apply_themes_on_element";
import { computeDomain } from "../../../common/entity/compute_domain"; import { computeDomain } from "../../../common/entity/compute_domain";
import { computeStateDisplay } from "../../../common/entity/compute_state_display"; import { computeStateDisplay } from "../../../common/entity/compute_state_display";
@ -17,6 +16,7 @@ import { computeStateName } from "../../../common/entity/compute_state_name";
import "../../../components/entity/state-badge"; import "../../../components/entity/state-badge";
import "../../../components/ha-card"; import "../../../components/ha-card";
import "../../../components/ha-icon"; import "../../../components/ha-icon";
import "../../../components/ha-relative-time";
import { UNAVAILABLE_STATES } from "../../../data/entity"; import { UNAVAILABLE_STATES } from "../../../data/entity";
import { import {
ActionHandlerEvent, ActionHandlerEvent,
@ -325,10 +325,13 @@ export class HuiGlanceCard extends LitElement implements LovelaceCard {
></hui-timestamp-display> ></hui-timestamp-display>
` `
: entityConf.show_last_changed : entityConf.show_last_changed
? relativeTime( ? html`
new Date(stateObj.last_changed), <ha-relative-time
this.hass!.locale .hass=${this.hass}
) .datetime=${stateObj.last_changed}
capitalize
></ha-relative-time>
`
: computeStateDisplay( : computeStateDisplay(
this.hass!.localize, this.hass!.localize,
stateObj, stateObj,