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

Switch source selection to same logic as SoundMode with using (#3136)

Browse Source 
actual value as selected item instead of index.

This avoids the bug with selected:
https://github.com/PolymerElements/paper-dropdown-menu/issues/197
https://github.com/PolymerElements/paper-dropdown-menu/issues/114

Fixes: #3022

Side note: it actually mainly hides the issue. If we should allow a key,
value setup with source being a key and the display value being a
localized value it likely would return.
This commit is contained in:
Joakim Plate 2019-04-30 19:21:43 +02:00 committed by Paulus Schoutsen
parent d8f21d99af
commit f943393ade
1 changed files with 16 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/dialogs/more-info/controls/more-info-media_player.js
View File

@ -154,9 +154,13 @@ class MoreInfoMediaPlayer extends LocalizeMixin(EventsMixin(PolymerElement)) {
label-float=""
label="[[localize('ui.card.media_player.source')]]"
>
<paper-listbox slot="dropdown-content" selected="{{sourceIndex}}">
<paper-listbox
slot="dropdown-content"
attr-for-selected="item-name"
selected="{{SourceInput}}"
>
<template is="dom-repeat" items="[[playerObj.sourceList]]">
<paper-item>[[item]]</paper-item>
<paper-item item-name$="[[item]]">[[item]]</paper-item>
</template>
</paper-listbox>
</ha-paper-dropdown-menu>
@ -214,9 +218,9 @@ class MoreInfoMediaPlayer extends LocalizeMixin(EventsMixin(PolymerElement)) {
observer: "playerObjChanged",
},
sourceIndex: {
type: Number,
value: 0,
SourceInput: {
type: String,
value: "",
observer: "handleSourceChanged",
},
@ -249,7 +253,7 @@ class MoreInfoMediaPlayer extends LocalizeMixin(EventsMixin(PolymerElement)) {
playerObjChanged(newVal, oldVal) {
if (newVal && newVal.sourceList !== undefined) {
this.sourceIndex = newVal.sourceList.indexOf(newVal.source);
this.SourceInput = newVal.source;
}
if (newVal && newVal.soundModeList !== undefined) {
@ -342,26 +346,16 @@ class MoreInfoMediaPlayer extends LocalizeMixin(EventsMixin(PolymerElement)) {
this.playerObj.nextTrack();
}
handleSourceChanged(sourceIndex, sourceIndexOld) {
handleSourceChanged(newVal, oldVal) {
// Selected Option will transition to '' before transitioning to new value
if (
!this.playerObj ||
!this.playerObj.supportsSelectSource ||
this.playerObj.sourceList === undefined ||
sourceIndex < 0 ||
sourceIndex >= this.playerObj.sourceList ||
sourceIndexOld === undefined
oldVal &&
newVal &&
newVal !== this.playerObj.source &&
this.playerObj.supportsSelectSource
) {
return;
this.playerObj.selectSource(newVal);
}
const sourceInput = this.playerObj.sourceList[sourceIndex];
if (sourceInput === this.playerObj.source) {
return;
}
this.playerObj.selectSource(sourceInput);
}
handleSoundModeChanged(newVal, oldVal) {