From dcc47b6b834c3c30b4694d5d77175a59a1623e5c Mon Sep 17 00:00:00 2001
From: c727 <crusader727@gmx.de>
Date: Tue, 24 Jul 2018 08:36:09 +0200
Subject: [PATCH] Add prefix and suffix for state-label (#1509)

* Add prefix and suffix for state-label

* Feedback
---
 .../lovelace/elements/hui-state-label-element.js       | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/panels/lovelace/elements/hui-state-label-element.js b/src/panels/lovelace/elements/hui-state-label-element.js
index cb23452a40..8d78a6807a 100644
--- a/src/panels/lovelace/elements/hui-state-label-element.js
+++ b/src/panels/lovelace/elements/hui-state-label-element.js
@@ -17,15 +17,15 @@ class HuiStateLabelElement extends LocalizeMixin(ElementClickMixin(PolymerElemen
     return html`
       <style>
         :host {
-          cursor: pointer; 
-        } 
+          cursor: pointer;
+        }
         .state-label {
           padding: 8px;
           white-space: nowrap;
         }
       </style>
-      <div class="state-label" title$="[[computeTooltip(hass, _config)]]"> 
-        [[_computeStateDisplay(_stateObj)]]
+      <div class="state-label" title$="[[computeTooltip(hass, _config)]]">
+        [[_config.prefix]][[_computeStateDisplay(_stateObj)]][[_config.suffix]]
       </div>
     `;
   }
@@ -59,7 +59,7 @@ class HuiStateLabelElement extends LocalizeMixin(ElementClickMixin(PolymerElemen
   }
 
   _computeStateDisplay(stateObj) {
-    return stateObj && computeStateDisplay(this.localize, stateObj);
+    return stateObj ? computeStateDisplay(this.localize, stateObj) : '-';
   }
 }
 customElements.define('hui-state-label-element', HuiStateLabelElement);