From 3db57baba35c7773a23d1cbeccbe28c5b436062d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Juraj=20Nyi=CC=81ri?= Date: Mon, 12 Jul 2021 14:39:40 +0200 Subject: [PATCH] no message --- dist/plex-meets-homeassistant.js | 34 +++++++++++++++++++++++++++---- src/editor.ts | 35 ++++++++++++++++++++++++++++---- 2 files changed, 61 insertions(+), 8 deletions(-) diff --git a/dist/plex-meets-homeassistant.js b/dist/plex-meets-homeassistant.js index e19d22f..bfc0bbd 100644 --- a/dist/plex-meets-homeassistant.js +++ b/dist/plex-meets-homeassistant.js @@ -19457,6 +19457,7 @@ class PlexMeetsHomeAssistantEditor extends HTMLElement { this.sort = document.createElement('paper-dropdown-menu'); this.sortOrder = document.createElement('paper-dropdown-menu'); this.playTrailer = document.createElement('paper-dropdown-menu'); + this.showExtras = document.createElement('paper-dropdown-menu'); this.devicesTabs = 0; this.entities = []; this.sections = []; @@ -19475,7 +19476,6 @@ class PlexMeetsHomeAssistantEditor extends HTMLElement { return event; }; this.valueUpdated = () => { - console.log('valueUpdated'); const originalConfig = lodash.clone(this.config); this.config.protocol = this.protocol.value; this.config.ip = this.ip.value; @@ -19514,10 +19514,14 @@ class PlexMeetsHomeAssistantEditor extends HTMLElement { else if (lodash.isEqual(this.playTrailer.value, 'Muted')) { this.config.playTrailer = 'muted'; } + if (lodash.isEqual(this.showExtras.value, 'Yes')) { + this.config.showExtras = true; + } + else if (lodash.isEqual(this.showExtras.value, 'No')) { + this.config.showExtras = false; + } } if (!lodash.isEqual(this.config, originalConfig)) { - console.log(this.config); - console.log(originalConfig); this.fireEvent(this, 'config-changed', { config: this.config }); } }; @@ -19608,7 +19612,6 @@ class PlexMeetsHomeAssistantEditor extends HTMLElement { this.appendChild(this.content); // todo: do verify better, do not query plex every time this.sections = []; - console.log(this.plexPort); this.plex = new Plex(this.config.ip, this.plexPort, this.config.token, this.plexProtocol, this.config.sort); this.sections = await this.plex.getSections(); this.plexValidSection.style.display = 'none'; @@ -19695,6 +19698,21 @@ class PlexMeetsHomeAssistantEditor extends HTMLElement { } this.playTrailer.value = playTrailerValue; this.plexValidSection.appendChild(this.playTrailer); + this.showExtras.innerHTML = ''; + const showExtrasItems = document.createElement('paper-listbox'); + showExtrasItems.appendChild(addDropdownItem('Yes')); + showExtrasItems.appendChild(addDropdownItem('No')); + showExtrasItems.slot = 'dropdown-content'; + this.showExtras.label = 'Show Extras'; + this.showExtras.appendChild(showExtrasItems); + this.showExtras.style.width = '100%'; + this.showExtras.addEventListener('value-changed', this.valueUpdated); + let showExtrasValue = 'Yes'; + if (!this.config.showExtras) { + showExtrasValue = 'No'; + } + this.showExtras.value = showExtrasValue; + this.plexValidSection.appendChild(this.showExtras); let hasUIConfig = true; if (lodash.isArray(this.config.entity)) { // eslint-disable-next-line consistent-return @@ -19774,6 +19792,14 @@ class PlexMeetsHomeAssistantEditor extends HTMLElement { else { this.config.playTrailer = true; } + if (!lodash.isNil(config.showExtras)) { + console.log('A'); + this.config.showExtras = config.showExtras; + } + else { + console.log('B'); + this.config.showExtras = true; + } this.render(); }; this.configChanged = (newConfig) => { diff --git a/src/editor.ts b/src/editor.ts index 15be2cc..b646183 100644 --- a/src/editor.ts +++ b/src/editor.ts @@ -36,6 +36,8 @@ class PlexMeetsHomeAssistantEditor extends HTMLElement { playTrailer: any = document.createElement('paper-dropdown-menu'); + showExtras: any = document.createElement('paper-dropdown-menu'); + devicesTabs = 0; hassObj: HomeAssistant | undefined; @@ -67,7 +69,6 @@ class PlexMeetsHomeAssistantEditor extends HTMLElement { }; valueUpdated = (): void => { - console.log('valueUpdated'); const originalConfig = _.clone(this.config); this.config.protocol = this.protocol.value; this.config.ip = this.ip.value; @@ -105,10 +106,13 @@ class PlexMeetsHomeAssistantEditor extends HTMLElement { } else if (_.isEqual(this.playTrailer.value, 'Muted')) { this.config.playTrailer = 'muted'; } + if (_.isEqual(this.showExtras.value, 'Yes')) { + this.config.showExtras = true; + } else if (_.isEqual(this.showExtras.value, 'No')) { + this.config.showExtras = false; + } } if (!_.isEqual(this.config, originalConfig)) { - console.log(this.config); - console.log(originalConfig); this.fireEvent(this, 'config-changed', { config: this.config }); } }; @@ -211,7 +215,6 @@ class PlexMeetsHomeAssistantEditor extends HTMLElement { // todo: do verify better, do not query plex every time this.sections = []; - console.log(this.plexPort); this.plex = new Plex(this.config.ip, this.plexPort, this.config.token, this.plexProtocol, this.config.sort); this.sections = await this.plex.getSections(); @@ -300,6 +303,22 @@ class PlexMeetsHomeAssistantEditor extends HTMLElement { this.playTrailer.value = playTrailerValue; this.plexValidSection.appendChild(this.playTrailer); + this.showExtras.innerHTML = ''; + const showExtrasItems: any = document.createElement('paper-listbox'); + showExtrasItems.appendChild(addDropdownItem('Yes')); + showExtrasItems.appendChild(addDropdownItem('No')); + showExtrasItems.slot = 'dropdown-content'; + this.showExtras.label = 'Show Extras'; + this.showExtras.appendChild(showExtrasItems); + this.showExtras.style.width = '100%'; + this.showExtras.addEventListener('value-changed', this.valueUpdated); + let showExtrasValue = 'Yes'; + if (!this.config.showExtras) { + showExtrasValue = 'No'; + } + this.showExtras.value = showExtrasValue; + this.plexValidSection.appendChild(this.showExtras); + let hasUIConfig = true; if (_.isArray(this.config.entity)) { // eslint-disable-next-line consistent-return @@ -385,6 +404,14 @@ class PlexMeetsHomeAssistantEditor extends HTMLElement { this.config.playTrailer = true; } + if (!_.isNil(config.showExtras)) { + console.log('A'); + this.config.showExtras = config.showExtras; + } else { + console.log('B'); + this.config.showExtras = true; + } + this.render(); };