From 5dbcd1f72644bfd7b7e25461d6f7a271fe2bf4be Mon Sep 17 00:00:00 2001
From: Ian Richardson <iantrich@gmail.com>
Date: Wed, 11 Mar 2020 03:01:00 -0500
Subject: [PATCH] ability to show attribute instead of state in picture-glance
 (#4958)

---
 .../lovelace/cards/hui-picture-glance-card.ts    | 16 +++++++++++-----
 src/panels/lovelace/cards/types.ts               |  3 +++
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/panels/lovelace/cards/hui-picture-glance-card.ts b/src/panels/lovelace/cards/hui-picture-glance-card.ts
index 77da2de6f9..a175ccec9c 100644
--- a/src/panels/lovelace/cards/hui-picture-glance-card.ts
+++ b/src/panels/lovelace/cards/hui-picture-glance-card.ts
@@ -272,11 +272,17 @@ class HuiPictureGlanceCard extends LitElement implements LovelaceCard {
             `
           : html`
               <div class="state">
-                ${computeStateDisplay(
-                  this.hass!.localize,
-                  stateObj,
-                  this.hass!.language
-                )}
+                ${entityConf.attribute
+                  ? html`
+                      ${entityConf.prefix}${stateObj.attributes[
+                        entityConf.attribute
+                      ]}${entityConf.suffix}
+                    `
+                  : computeStateDisplay(
+                      this.hass!.localize,
+                      stateObj,
+                      this.hass!.language
+                    )}
               </div>
             `}
       </div>
diff --git a/src/panels/lovelace/cards/types.ts b/src/panels/lovelace/cards/types.ts
index 3ad79336b0..a67977a80c 100644
--- a/src/panels/lovelace/cards/types.ts
+++ b/src/panels/lovelace/cards/types.ts
@@ -97,6 +97,9 @@ export interface ConfigEntity extends EntityConfig {
 
 export interface PictureGlanceEntityConfig extends ConfigEntity {
   show_state?: boolean;
+  attribute?: string;
+  prefix?: string;
+  suffix?: string;
 }
 
 export interface GlanceConfigEntity extends ConfigEntity {