jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-23 09:16:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update scene dashboard to use relative time for last_activated (#13974)

Browse Source
This commit is contained in:
krazos 2022-10-04 05:39:55 -04:00 committed by GitHub
parent 0ac2393ecb
commit d5cdd53fab
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/panels/config/scene/ha-scene-dashboard.ts
View File

@ -11,6 +11,7 @@ import "@polymer/paper-tooltip/paper-tooltip";
import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit";
import { customElement, property, state } from "lit/decorators";
import memoizeOne from "memoize-one";
import { differenceInDays } from "date-fns/esm";
import { fireEvent, HASSDomEvent } from "../../../common/dom/fire_event";
import { computeStateName } from "../../../common/entity/compute_state_name";
import { navigate } from "../../../common/navigate";
@ -42,7 +43,8 @@ import { HomeAssistant, Route } from "../../../types";
import { documentationUrl } from "../../../util/documentation-url";
import { showToast } from "../../../util/toast";
import { configSections } from "../ha-panel-config";
import { formatDateTime } from "../../../common/datetime/format_date_time";
import { formatShortDateTime } from "../../../common/datetime/format_date_time";
import { relativeTime } from "../../../common/datetime/relative_time";
import { UNAVAILABLE_STATES } from "../../../data/entity";
@customElement("ha-scene-dashboard")
@ -109,11 +111,18 @@ class HaSceneDashboard extends LitElement {
),
sortable: true,
width: "30%",
template: (last_activated) => html`
${last_activated && !UNAVAILABLE_STATES.includes(last_activated)
? formatDateTime(new Date(last_activated), this.hass.locale)
: this.hass.localize("ui.components.relative_time.never")}
`,
template: (last_activated) => {
const date = new Date(last_activated);
const now = new Date();
const dayDifference = differenceInDays(now, date);
return html`
${last_activated && !UNAVAILABLE_STATES.includes(last_activated)
? dayDifference > 3
? formatShortDateTime(date, this.hass.locale)
: relativeTime(date, this.hass.locale)
: this.hass.localize("ui.components.relative_time.never")}
`;
},
};
}
columns.only_editable = {