diff options
-rw-r--r-- | ext/bg/js/settings/audio-controller.js | 21 |
1 files changed, 18 insertions, 3 deletions
diff --git a/ext/bg/js/settings/audio-controller.js b/ext/bg/js/settings/audio-controller.js index ae0e234a..9a44e870 100644 --- a/ext/bg/js/settings/audio-controller.js +++ b/ext/bg/js/settings/audio-controller.js @@ -155,6 +155,7 @@ class AudioController { const container = this._settingsController.instantiateTemplate('audio-source'); const select = container.querySelector('.audio-source-select'); const removeButton = container.querySelector('.audio-source-remove'); + const menuButton = container.querySelector('.audio-source-menu-button'); select.value = value; @@ -165,7 +166,12 @@ class AudioController { }; eventListeners.addEventListener(select, 'change', this._onAudioSourceSelectChange.bind(this, entry), false); - eventListeners.addEventListener(removeButton, 'click', this._onAudioSourceRemoveClicked.bind(this, entry), false); + if (removeButton !== null) { + eventListeners.addEventListener(removeButton, 'click', this._onAudioSourceRemoveClicked.bind(this, entry), false); + } + if (menuButton !== null) { + eventListeners.addEventListener(menuButton, 'menuClosed', this._onMenuClosed.bind(this, entry), false); + } this._audioSourceContainer.appendChild(container); this._audioSourceEntries.push(entry); @@ -216,7 +222,16 @@ class AudioController { await this._settingsController.setProfileSetting(`audio.sources[${index}]`, value); } - async _onAudioSourceRemoveClicked(entry) { - await this._removeAudioSourceEntry(entry); + _onAudioSourceRemoveClicked(entry) { + this._removeAudioSourceEntry(entry); + } + + _onMenuClosed(entry, e) { + const {detail: {action}} = e; + switch (action) { + case 'remove': + this._removeAudioSourceEntry(entry); + break; + } } } |