From fbee4937a0ed8a7d6f6eb9839a38ee4b12962f0a Mon Sep 17 00:00:00 2001
From: Ian Richardson <iantrich@gmail.com>
Date: Sat, 19 Oct 2019 07:25:14 -0500
Subject: [PATCH] add icon option to entities card name (#4024)

* add icon option to entities card name

* account for only icon

* address comments
---
 .../lovelace/cards/hui-entities-card.ts       | 23 +++++++++++++++----
 src/panels/lovelace/cards/types.ts            |  1 +
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/panels/lovelace/cards/hui-entities-card.ts b/src/panels/lovelace/cards/hui-entities-card.ts
index 15f5762029..cc680c8d60 100644
--- a/src/panels/lovelace/cards/hui-entities-card.ts
+++ b/src/panels/lovelace/cards/hui-entities-card.ts
@@ -82,16 +82,27 @@ class HuiEntitiesCard extends LitElement implements LovelaceCard {
     if (!this._config || !this._hass) {
       return html``;
     }
-    const { show_header_toggle, title } = this._config;
 
     return html`
       <ha-card>
-        ${!title && !show_header_toggle
+        ${!this._config.title &&
+        !this._config.show_header_toggle &&
+        !this._config.icon
           ? html``
           : html`
               <div class="card-header">
-                <div class="name">${title}</div>
-                ${show_header_toggle === false
+                <div class="name">
+                  ${this._config.icon
+                    ? html`
+                        <ha-icon
+                          class="icon"
+                          .icon="${this._config.icon}"
+                        ></ha-icon>
+                      `
+                    : ""}
+                  ${this._config.title}
+                </div>
+                ${this._config.show_header_toggle === false
                   ? html``
                   : html`
                       <hui-entities-toggle
@@ -140,6 +151,10 @@ class HuiEntitiesCard extends LitElement implements LovelaceCard {
       .state-card-dialog {
         cursor: pointer;
       }
+
+      .icon {
+        padding: 0px 18px 0px 8px;
+      }
     `;
   }
 
diff --git a/src/panels/lovelace/cards/types.ts b/src/panels/lovelace/cards/types.ts
index 6ec2085d82..dcdff54c76 100644
--- a/src/panels/lovelace/cards/types.ts
+++ b/src/panels/lovelace/cards/types.ts
@@ -35,6 +35,7 @@ export interface EntitiesCardConfig extends LovelaceCardConfig {
   title?: string;
   entities: EntitiesCardEntityConfig[];
   theme?: string;
+  icon?: string;
 }
 
 export interface EntityButtonCardConfig extends LovelaceCardConfig {