Add last updated property to tile card state content (#21191)

home-assistant · Jun 27, 2024 · 5273293 · 5273293
1 parent 49c42fc
commit 5273293
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/src/panels/lovelace/cards/hui-tile-card.ts b/src/panels/lovelace/cards/hui-tile-card.ts
@@ -238,6 +238,14 @@ export class HuiTileCard extends LitElement implements LovelaceCard {
             ></ha-relative-time>
           `;
         }
+        if (content === "last-updated") {
+          return html`
+            <ha-relative-time
+              .hass=${this.hass}
+              .datetime=${stateObj.last_updated}
+            ></ha-relative-time>
+          `;
+        }
         if (content === "last_triggered") {
           return html`
             <ha-relative-time

diff --git a/src/panels/lovelace/editor/config-elements/hui-tile-card-editor.ts b/src/panels/lovelace/editor/config-elements/hui-tile-card-editor.ts
@@ -201,6 +201,12 @@ export class HuiTileCardEditor
                             ),
                             value: "last-changed",
                           },
+                          {
+                            label: localize(
+                              `ui.panel.lovelace.editor.card.tile.state_content_options.last-updated`
+                            ),
+                            value: "last-updated",
+                          },
                           ...Object.keys(stateObj?.attributes ?? {})
                             .filter((a) => !HIDDEN_ATTRIBUTES.includes(a))
                             .map((attribute) => ({

diff --git a/src/translations/en.json b/src/translations/en.json
@@ -5987,7 +5987,8 @@
               "state_content": "State content",
               "state_content_options": {
                 "state": "State",
-                "last-changed": "Last changed"
+                "last-changed": "Last changed",
+                "last-updated": "Last updated"
               }
             },
             "vertical-stack": {