jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-30 12:46:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Dont' jump media player on initial load

Browse Source
This commit is contained in:
Paulus Schoutsen 2019-01-23 16:05:36 -08:00
parent 37b2154638
commit e3d32c9dd0
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/cards/ha-media_player-card.js
View File

@ -158,7 +158,9 @@ class HaMediaPlayerCard extends LocalizeMixin(EventsMixin(PolymerElement)) {
} }
</style> </style>
<div class$="[[computeBannerClasses(playerObj, _coverLoadError)]]"> <div
class$="[[computeBannerClasses(playerObj, _coverShowing, _coverLoadError)]]"
>
<div class="cover" id="cover"></div> <div class="cover" id="cover"></div>
<div class="caption"> <div class="caption">
@ -228,6 +230,10 @@ class HaMediaPlayerCard extends LocalizeMixin(EventsMixin(PolymerElement)) {
computed: "computePlaybackControlIcon(playerObj)", computed: "computePlaybackControlIcon(playerObj)",
}, },
playbackPosition: Number, playbackPosition: Number,
_coverShowing: {
type: Boolean,
value: false,
},
_coverLoadError: { _coverLoadError: {
type: Boolean, type: Boolean,
value: false, value: false,
@ -269,11 +275,13 @@ class HaMediaPlayerCard extends LocalizeMixin(EventsMixin(PolymerElement)) {
type: "media_player_thumbnail", type: "media_player_thumbnail",
entity_id: playerObj.stateObj.entity_id, entity_id: playerObj.stateObj.entity_id,
}); });
this._coverShowing = true;
this._coverLoadError = false; this._coverLoadError = false;
this.$.cover.style.backgroundImage = `url(data:${contentType};base64,${content})`; this.$.cover.style.backgroundImage = `url(data:${contentType};base64,${content})`;
} catch (err) { } catch (err) {
this.$.cover.style.backgroundImage = ""; this._coverShowing = false;
this._coverLoadError = true; this._coverLoadError = true;
this.$.cover.style.backgroundImage = "";
} }
} }
@ -281,20 +289,20 @@ class HaMediaPlayerCard extends LocalizeMixin(EventsMixin(PolymerElement)) {
this.playbackPosition = this.playerObj.currentProgress; this.playbackPosition = this.playerObj.currentProgress;
} }
computeBannerClasses(playerObj, coverLoadError) { computeBannerClasses(playerObj, coverShowing, coverLoadError) {
var cls = "banner"; var cls = "banner";
if (playerObj.isOff || playerObj.isIdle) { if (playerObj.isOff || playerObj.isIdle) {
cls += " is-off no-cover"; cls += " is-off no-cover";
} else if ( } else if (
!playerObj.stateObj.attributes.entity_picture || !playerObj.stateObj.attributes.entity_picture ||
coverLoadError coverLoadError ||
!coverShowing
) { ) {
cls += " no-cover"; cls += " no-cover";
} else if (playerObj.stateObj.attributes.media_content_type === "music") { } else if (playerObj.stateObj.attributes.media_content_type === "music") {
cls += " content-type-music"; cls += " content-type-music";
} }
return cls; return cls;
} }