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

Make media_player hide image it can't load. (#208)

Browse Source 
* Make media_player hide image it can't load.

* Add timeout for background image loading.
This commit is contained in:
Andrey 2017-02-14 08:07:56 +02:00 committed by Paulus Schoutsen
parent 62aa635390
commit 7c9c03a087
1 changed files with 26 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/cards/ha-media_player-card.html
View File

@ -248,8 +248,33 @@ Polymer({
playerObjChanged: function (playerObj) { playerObjChanged: function (playerObj) {
var picture = playerObj.stateObj.attributes.entity_picture; var picture = playerObj.stateObj.attributes.entity_picture;
var dummy;
if (picture) { if (picture) {
this.$.cover.style.backgroundImage = 'url(' + picture + ')'; dummy = document.createElement('IMG');
dummy.onload = function () {
this.$.cover.style.backgroundImage = 'url(' + picture + ')';
dummy.onerror = dummy.onload = null;
dummy.src = '';
dummy = null;
}.bind(this);
dummy.onerror = function () {
this.$.cover.style.backgroundImage = '';
this.toggleClass('no-cover', true, this.$.cover.parentElement);
dummy.onerror = dummy.onload = null;
dummy.src = '';
dummy = null;
}.bind(this);
if (this._timeout_id) {
clearTimeout(this._timeout_id);
}
this._timeout_id = setTimeout(function () {
if (dummy) {
// Background load still inflight. Clear real image.
this.$.cover.style.backgroundImage = '';
}
this._timeout_id = null;
}, 5000);
dummy.src = picture;
} else { } else {
this.$.cover.style.backgroundImage = ''; this.$.cover.style.backgroundImage = '';
} }