jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-19 15:26:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Love: Update hui-image to use entity instead of state. (#1386)

Browse Source 
* Update hui-image to use entity instead of state.

* Removed old function.
This commit is contained in:
Jerad Meisner 2018-07-02 11:20:16 -07:00 committed by Paulus Schoutsen
parent 66803cd4eb
commit 918c2ce29e
3 changed files with 14 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/panels/lovelace/cards/hui-picture-entity-card.js
View File

@ -52,7 +52,7 @@ class HuiPictureEntityCard extends LocalizeMixin(PolymerElement) {
image="[[_config.image]]"
state-image="[[_config.state_image]]"
camera-image="[[_config.camera_image]]"
state="[[_getStateObj(_oldState)]]"
entity="[[_config.entity]]"
></hui-image>
<div class="box">
<div id="title"></div>
@ -77,7 +77,8 @@ class HuiPictureEntityCard extends LocalizeMixin(PolymerElement) {
}
setConfig(config) {
if (!config || !config.entity || (!config.image && !config.state_image)) {
if (!config || !config.entity ||
(!config.image && !config.state_image && !config.camera_image)) {
throw new Error('Error in card configuration.');
}
this._config = config;
@ -134,10 +135,6 @@ class HuiPictureEntityCard extends LocalizeMixin(PolymerElement) {
toggleEntity(this.hass, entityId);
}
}
_getStateObj() {
return this.hass && this.hass.states[this._config.entity];
}
}
customElements.define('hui-picture-entity-card', HuiPictureEntityCard);

5
src/panels/lovelace/cards/hui-picture-glance-card.js
View File

@ -60,7 +60,9 @@ class HuiPictureGlanceCard extends LocalizeMixin(EventsMixin(PolymerElement)) {
<hui-image
hass="[[hass]]"
image="[[_config.image]]"
state-image="[[_config.state_image]]"
camera-image="[[_config.camera_image]]"
entity="[[_config.entity]]"
></hui-image>
<div class="box">
<div class="title">[[_config.title]]</div>
@ -115,7 +117,8 @@ class HuiPictureGlanceCard extends LocalizeMixin(EventsMixin(PolymerElement)) {
setConfig(config) {
if (!config || !config.entities || !Array.isArray(config.entities) ||
!(config.image || config.camera_image)) {
!(config.image || config.camera_image || config.state_image) ||
(config.state_image && !config.entity)) {
throw new Error('Invalid card configuration');
}

15
src/panels/lovelace/components/hui-image.js
View File

@ -49,12 +49,11 @@ class HuiImage extends LocalizeMixin(PolymerElement) {
static get properties() {
return {
hass: Object,
state: {
hass: {
type: Object,
value: null,
observer: '_stateChanged'
observer: '_hassChanged'
},
entity: String,
image: String,
stateImage: Object,
cameraImage: String,
@ -102,11 +101,12 @@ class HuiImage extends LocalizeMixin(PolymerElement) {
this._error = false;
}
_stateChanged(state) {
if (this.cameraImage) {
_hassChanged(hass) {
if (this.cameraImage || !this.entity) {
return;
}
const state = hass.states[this.entity];
const unavailable = !isValidObject(state, ['state']);
if (!this.stateImage) {
@ -114,8 +114,7 @@ class HuiImage extends LocalizeMixin(PolymerElement) {
return;
}
const stateImg = !unavailable ?
(this.stateImage[state.state] || this.stateImage.default) : this.stateImage.unavailable;
const stateImg = !unavailable ? this.stateImage[state.state] : this.stateImage.unavailable;
this.setProperties({
_imageClass: !stateImg && (unavailable || STATES_OFF.includes(state.state)) ? 'state-off' : '',