Merge pull request #26 from megakid/patch-1

Support showing entity attribute values

README.md

@@ -12,6 +12,7 @@ A simple card to display big numbers for sensors. It also supports severity leve
 | title | string | optional | Name to display on card
 | scale | string | 50px | Base scale for card: '50px'
 | entity | string | **Required** | `sensor.my_temperature`
+| attribute | string | optional | the entity attribute you want to display e.g. `current_temperature`.  The entity state will be shown if not defined.
 | min | number | optional | Minimum value. If specified you get bar display
 | max | number | optional | Maximum value. Must be specified if you added min
 | color | string | `var(--primary-text-color)` | Default font color. Can be either hex or HA variable. Example: 'var(--secondary-text-color)'

bignumber-card.js

@@ -108,7 +108,9 @@ class BigNumberCard extends HTMLElement {
   set hass(hass) {
     const config = this._config;
     const root = this.shadowRoot;
-    const entityState = hass.states[config.entity].state;
+    const entityState = config.attribute 
+      ? hass.states[config.entity].attributes[config.attribute] 
+      : hass.states[config.entity].state;
     const measurement = hass.states[config.entity].attributes.unit_of_measurement || "";
 
     if (entityState !== this._entityState) {