HomeAssistant
/
PlexMeetsHomeAssistant
mirror of https://github.com/JurajNyiri/PlexMeetsHomeAssistant.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Update: Run scroll and resize events only if visible

Browse Source
pull/30/head
Juraj Nyíri 3 years ago
parent 824f993694
commit 82e00702bc
2 changed files with 32 additions and 28 deletions
Show Stats Download Patch File Download Diff File

30
dist/plex-meets-homeassistant.js vendored
Unescape View File

@ -20782,7 +20782,7 @@ class PlexMeetsHomeAssistant extends HTMLElement {
} }
window.addEventListener('scroll', () => { window.addEventListener('scroll', () => {
// todo: improve performance by calculating this when needed only // todo: improve performance by calculating this when needed only
if (this.detailsShown && this.activeMovieElem && !isVideoFullScreen(this)) { if (this.detailsShown && this.activeMovieElem && !isVideoFullScreen(this) && this.isVisible) {
const seasonContainers = this.getElementsByClassName('seasonContainer'); const seasonContainers = this.getElementsByClassName('seasonContainer');
const episodeContainers = this.getElementsByClassName('episodeContainer'); const episodeContainers = this.getElementsByClassName('episodeContainer');
const seasonElems = this.getElementsByClassName('seasonElem'); const seasonElems = this.getElementsByClassName('seasonElem');
@ -20822,22 +20822,24 @@ class PlexMeetsHomeAssistant extends HTMLElement {
this.renderNewElementsIfNeeded(); this.renderNewElementsIfNeeded();
}); });
window.addEventListener('resize', () => { window.addEventListener('resize', () => {
if (!this.detailsShown) { if (this.isVisible) {
const videoPlayer = this.getElementsByClassName('videoPlayer')[0]; if (!this.detailsShown) {
let isFullScreen = false; const videoPlayer = this.getElementsByClassName('videoPlayer')[0];
if (videoPlayer.children.length > 0) { let isFullScreen = false;
isFullScreen = isVideoFullScreen(this); if (videoPlayer.children.length > 0) {
} isFullScreen = isVideoFullScreen(this);
if (this.card && this.movieElems.length > 0 && !isFullScreen) { }
if (this.previousPageWidth !== this.card.offsetWidth) { if (this.card && this.movieElems.length > 0 && !isFullScreen) {
this.previousPageWidth = this.card.offsetWidth; if (this.previousPageWidth !== this.card.offsetWidth) {
this.renderPage(); this.previousPageWidth = this.card.offsetWidth;
const contentbg = this.getElementsByClassName('contentbg'); this.renderPage();
this.contentBGHeight = getHeight(contentbg[0]); const contentbg = this.getElementsByClassName('contentbg');
this.contentBGHeight = getHeight(contentbg[0]);
}
} }
} }
this.renderNewElementsIfNeeded();
} }
this.renderNewElementsIfNeeded();
}); });
if (this.card) { if (this.card) {
this.previousPageWidth = this.card.offsetWidth; this.previousPageWidth = this.card.offsetWidth;

30
src/plex-meets-homeassistant.ts
Unescape View File

@ -175,7 +175,7 @@ class PlexMeetsHomeAssistant extends HTMLElement {
window.addEventListener('scroll', () => { window.addEventListener('scroll', () => {
// todo: improve performance by calculating this when needed only // todo: improve performance by calculating this when needed only
if (this.detailsShown && this.activeMovieElem && !isVideoFullScreen(this)) { if (this.detailsShown && this.activeMovieElem && !isVideoFullScreen(this) && this.isVisible) {
const seasonContainers = this.getElementsByClassName('seasonContainer') as HTMLCollectionOf<HTMLElement>; const seasonContainers = this.getElementsByClassName('seasonContainer') as HTMLCollectionOf<HTMLElement>;
const episodeContainers = this.getElementsByClassName('episodeContainer') as HTMLCollectionOf<HTMLElement>; const episodeContainers = this.getElementsByClassName('episodeContainer') as HTMLCollectionOf<HTMLElement>;
const seasonElems = this.getElementsByClassName('seasonElem') as HTMLCollectionOf<HTMLElement>; const seasonElems = this.getElementsByClassName('seasonElem') as HTMLCollectionOf<HTMLElement>;
@ -215,23 +215,25 @@ class PlexMeetsHomeAssistant extends HTMLElement {
this.renderNewElementsIfNeeded(); this.renderNewElementsIfNeeded();
}); });
window.addEventListener('resize', () => { window.addEventListener('resize', () => {
if (!this.detailsShown) { if (this.isVisible) {
const videoPlayer = this.getElementsByClassName('videoPlayer')[0] as HTMLElement; if (!this.detailsShown) {
let isFullScreen = false; const videoPlayer = this.getElementsByClassName('videoPlayer')[0] as HTMLElement;
if (videoPlayer.children.length > 0) { let isFullScreen = false;
isFullScreen = isVideoFullScreen(this); if (videoPlayer.children.length > 0) {
} isFullScreen = isVideoFullScreen(this);
}
if (this.card && this.movieElems.length > 0 && !isFullScreen) { if (this.card && this.movieElems.length > 0 && !isFullScreen) {
if (this.previousPageWidth !== this.card.offsetWidth) { if (this.previousPageWidth !== this.card.offsetWidth) {
this.previousPageWidth = this.card.offsetWidth; this.previousPageWidth = this.card.offsetWidth;
this.renderPage(); this.renderPage();
const contentbg = this.getElementsByClassName('contentbg'); const contentbg = this.getElementsByClassName('contentbg');
this.contentBGHeight = getHeight(contentbg[0] as HTMLElement); this.contentBGHeight = getHeight(contentbg[0] as HTMLElement);
}
} }
} }
this.renderNewElementsIfNeeded();
} }
this.renderNewElementsIfNeeded();
}); });
if (this.card) { if (this.card) {

Write Preview
Loading…
Cancel
Save