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

Update automation picker to use differenceInDays from date-fns (#13980)

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

17
src/panels/config/automation/ha-automation-picker.ts
View File

@ -14,6 +14,7 @@ import "@polymer/paper-tooltip/paper-tooltip";
import { CSSResultGroup, html, LitElement, TemplateResult } from "lit"; import { CSSResultGroup, html, LitElement, TemplateResult } from "lit";
import { customElement, property, state } from "lit/decorators"; import { customElement, property, state } from "lit/decorators";
import memoizeOne from "memoize-one"; import memoizeOne from "memoize-one";
import { differenceInDays } from "date-fns/esm";
import { isComponentLoaded } from "../../../common/config/is_component_loaded"; import { isComponentLoaded } from "../../../common/config/is_component_loaded";
import { formatShortDateTime } from "../../../common/datetime/format_date_time"; import { formatShortDateTime } from "../../../common/datetime/format_date_time";
import { relativeTime } from "../../../common/datetime/relative_time"; import { relativeTime } from "../../../common/datetime/relative_time";
@ -50,8 +51,6 @@ import { documentationUrl } from "../../../util/documentation-url";
import { configSections } from "../ha-panel-config"; import { configSections } from "../ha-panel-config";
import { showNewAutomationDialog } from "./show-dialog-new-automation"; import { showNewAutomationDialog } from "./show-dialog-new-automation";
const DAY_IN_MILLISECONDS = 86400000;
@customElement("ha-automation-picker") @customElement("ha-automation-picker")
class HaAutomationPicker extends LitElement { class HaAutomationPicker extends LitElement {
@property({ attribute: false }) public hass!: HomeAssistant; @property({ attribute: false }) public hass!: HomeAssistant;
@ -109,16 +108,13 @@ class HaAutomationPicker extends LitElement {
? (name, automation: any) => { ? (name, automation: any) => {
const date = new Date(automation.attributes.last_triggered); const date = new Date(automation.attributes.last_triggered);
const now = new Date(); const now = new Date();
const dayDifference = differenceInDays(now, date);
const diff = now.getTime() - date.getTime();
const dayDiff = diff / DAY_IN_MILLISECONDS;
return html` return html`
${name} ${name}
<div class="secondary"> <div class="secondary">
${this.hass.localize("ui.card.automation.last_triggered")}: ${this.hass.localize("ui.card.automation.last_triggered")}:
${automation.attributes.last_triggered ${automation.attributes.last_triggered
? dayDiff > 3 ? dayDifference > 3
? formatShortDateTime(date, this.hass.locale) ? formatShortDateTime(date, this.hass.locale)
: relativeTime(date, this.hass.locale) : relativeTime(date, this.hass.locale)
: this.hass.localize("ui.components.relative_time.never")} : this.hass.localize("ui.components.relative_time.never")}
@ -136,13 +132,10 @@ class HaAutomationPicker extends LitElement {
template: (last_triggered) => { template: (last_triggered) => {
const date = new Date(last_triggered); const date = new Date(last_triggered);
const now = new Date(); const now = new Date();
const dayDifference = differenceInDays(now, date);
const diff = now.getTime() - date.getTime();
const dayDiff = diff / DAY_IN_MILLISECONDS;
return html` return html`
${last_triggered ${last_triggered
? dayDiff > 3 ? dayDifference > 3
? formatShortDateTime(date, this.hass.locale) ? formatShortDateTime(date, this.hass.locale)
: relativeTime(date, this.hass.locale) : relativeTime(date, this.hass.locale)
: this.hass.localize("ui.components.relative_time.never")} : this.hass.localize("ui.components.relative_time.never")}