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

Fix: Better fullscreen detection and do not rerender when details shown

Browse Source
pull/16/head
Juraj Nyíri 4 years ago
parent 13360d13b6
commit 1e9f51c0bb
3 changed files with 58 additions and 52 deletions
Show Stats Download Patch File Download Diff File

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

@ -19056,7 +19056,8 @@ const getOffset = (el) => {
const isVideoFullScreen = (_this) => { const isVideoFullScreen = (_this) => {
const videoPlayer = _this.getElementsByClassName('videoPlayer')[0]; const videoPlayer = _this.getElementsByClassName('videoPlayer')[0];
const video = videoPlayer.children[0]; const video = videoPlayer.children[0];
return (video.offsetWidth > _this.getElementsByClassName('searchContainer')[0].offsetWidth || const body = document.getElementsByTagName('body')[0];
return ((video.offsetWidth === body.offsetHeight && video.offsetHeight === body.offsetHeight) ||
(_this.videoElem && _this.videoElem.classList.contains('simulatedFullScreen'))); (_this.videoElem && _this.videoElem.classList.contains('simulatedFullScreen')));
}; };
const findTrailerURL = (movieData) => { const findTrailerURL = (movieData) => {
@ -19841,34 +19842,36 @@ class PlexMeetsHomeAssistant extends HTMLElement {
this.previousPositions = []; this.previousPositions = [];
// todo: find a better way to detect resize... // todo: find a better way to detect resize...
setInterval(() => { setInterval(() => {
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.movieElems.length > 0 && !isFullScreen) { }
let renderNeeded = false; if (this.movieElems.length > 0 && !isFullScreen) {
if (this.previousPositions.length === 0) { let renderNeeded = false;
if (this.previousPositions.length === 0) {
for (let i = 0; i < this.movieElems.length; i += 1) {
this.previousPositions[i] = {};
this.previousPositions[i].top = this.movieElems[i].parentElement.offsetTop;
this.previousPositions[i].left = this.movieElems[i].parentElement.offsetLeft;
}
}
for (let i = 0; i < this.movieElems.length; i += 1) { for (let i = 0; i < this.movieElems.length; i += 1) {
this.previousPositions[i] = {}; if (this.previousPositions[i] &&
this.previousPositions[i].top = this.movieElems[i].parentElement.offsetTop; this.movieElems[i].dataset.clicked !== 'true' &&
this.previousPositions[i].left = this.movieElems[i].parentElement.offsetLeft; (this.previousPositions[i].top !== this.movieElems[i].parentElement.offsetTop ||
this.previousPositions[i].left !== this.movieElems[i].parentElement.offsetLeft)) {
renderNeeded = true;
this.previousPositions = [];
}
} }
} if (renderNeeded) {
for (let i = 0; i < this.movieElems.length; i += 1) { this.renderPage();
if (this.previousPositions[i] && const contentbg = this.getElementsByClassName('contentbg');
this.movieElems[i].dataset.clicked !== 'true' && this.contentBGHeight = getHeight(contentbg[0]);
(this.previousPositions[i].top !== this.movieElems[i].parentElement.offsetTop ||
this.previousPositions[i].left !== this.movieElems[i].parentElement.offsetLeft)) {
renderNeeded = true;
this.previousPositions = [];
} }
} }
if (renderNeeded) {
this.renderPage();
const contentbg = this.getElementsByClassName('contentbg');
this.contentBGHeight = getHeight(contentbg[0]);
}
} }
}, 250); }, 250);
this.renderPage(); this.renderPage();

3
src/modules/utils.ts
Unescape View File

@ -46,8 +46,9 @@ const getOffset = (el: Element): Record<string, any> => {
const isVideoFullScreen = (_this: any): boolean => { const isVideoFullScreen = (_this: any): boolean => {
const videoPlayer = _this.getElementsByClassName('videoPlayer')[0] as HTMLElement; const videoPlayer = _this.getElementsByClassName('videoPlayer')[0] as HTMLElement;
const video = videoPlayer.children[0] as any; const video = videoPlayer.children[0] as any;
const body = document.getElementsByTagName('body')[0];
return ( return (
video.offsetWidth > (_this.getElementsByClassName('searchContainer')[0] as HTMLElement).offsetWidth || (video.offsetWidth === body.offsetHeight && video.offsetHeight === body.offsetHeight) ||
(_this.videoElem && _this.videoElem.classList.contains('simulatedFullScreen')) (_this.videoElem && _this.videoElem.classList.contains('simulatedFullScreen'))
); );
}; };

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

@ -167,37 +167,39 @@ class PlexMeetsHomeAssistant extends HTMLElement {
// todo: find a better way to detect resize... // todo: find a better way to detect resize...
setInterval(() => { setInterval(() => {
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.movieElems.length > 0 && !isFullScreen) { if (this.movieElems.length > 0 && !isFullScreen) {
let renderNeeded = false; let renderNeeded = false;
if (this.previousPositions.length === 0) { if (this.previousPositions.length === 0) {
for (let i = 0; i < this.movieElems.length; i += 1) {
this.previousPositions[i] = {};
this.previousPositions[i].top = this.movieElems[i].parentElement.offsetTop;
this.previousPositions[i].left = this.movieElems[i].parentElement.offsetLeft;
}
}
for (let i = 0; i < this.movieElems.length; i += 1) { for (let i = 0; i < this.movieElems.length; i += 1) {
this.previousPositions[i] = {}; if (
this.previousPositions[i].top = this.movieElems[i].parentElement.offsetTop; this.previousPositions[i] &&
this.previousPositions[i].left = this.movieElems[i].parentElement.offsetLeft; this.movieElems[i].dataset.clicked !== 'true' &&
(this.previousPositions[i].top !== this.movieElems[i].parentElement.offsetTop ||
this.previousPositions[i].left !== this.movieElems[i].parentElement.offsetLeft)
) {
renderNeeded = true;
this.previousPositions = [];
}
} }
} if (renderNeeded) {
for (let i = 0; i < this.movieElems.length; i += 1) { this.renderPage();
if ( const contentbg = this.getElementsByClassName('contentbg');
this.previousPositions[i] && this.contentBGHeight = getHeight(contentbg[0] as HTMLElement);
this.movieElems[i].dataset.clicked !== 'true' &&
(this.previousPositions[i].top !== this.movieElems[i].parentElement.offsetTop ||
this.previousPositions[i].left !== this.movieElems[i].parentElement.offsetLeft)
) {
renderNeeded = true;
this.previousPositions = [];
} }
} }
if (renderNeeded) {
this.renderPage();
const contentbg = this.getElementsByClassName('contentbg');
this.contentBGHeight = getHeight(contentbg[0] as HTMLElement);
}
} }
}, 250); }, 250);

Write Preview
Loading…
Cancel
Save