_Bastler/partey_workadventure
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Zoom x 2 thumbnail cowebsite

Browse Source
This commit is contained in:
Alexis Faizeau 2021-10-25 18:43:17 +02:00
parent f84c4b3276
commit fbff7491df
1 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
front/src/WebRtc/CoWebsiteManager.ts
View File

@ -298,11 +298,18 @@ class CoWebsiteManager {
private setIframeOffset(coWebsite: CoWebsite, slot: CoWebsiteSlot) { private setIframeOffset(coWebsite: CoWebsite, slot: CoWebsiteSlot) {
const bounding = slot.container.getBoundingClientRect(); const bounding = slot.container.getBoundingClientRect();
if (coWebsite.iframe.classList.contains('thumbnail')) {
coWebsite.iframe.style.width = ((bounding.right - bounding.left) * 2) + 'px';
coWebsite.iframe.style.height = ((bounding.bottom - bounding.top) * 2) + 'px';
coWebsite.iframe.style.top = (bounding.top - (Math.floor(bounding.height * 0.5))) + 'px';
coWebsite.iframe.style.left = (bounding.left - (Math.floor(bounding.width * 0.5))) + 'px';
} else {
coWebsite.iframe.style.top = bounding.top + 'px'; coWebsite.iframe.style.top = bounding.top + 'px';
coWebsite.iframe.style.left = bounding.left + 'px'; coWebsite.iframe.style.left = bounding.left + 'px';
coWebsite.iframe.style.width = (bounding.right - bounding.left) + 'px'; coWebsite.iframe.style.width = (bounding.right - bounding.left) + 'px';
coWebsite.iframe.style.height = (bounding.bottom - bounding.top) + 'px'; coWebsite.iframe.style.height = (bounding.bottom - bounding.top) + 'px';
} }
}
private resizeAllIframes() { private resizeAllIframes() {
this.coWebsites.forEach((coWebsite: CoWebsite) => { this.coWebsites.forEach((coWebsite: CoWebsite) => {
@ -338,6 +345,12 @@ class CoWebsiteManager {
coWebsite.iframe.classList.remove('sub-main'); coWebsite.iframe.classList.remove('sub-main');
} }
if (newPosition >= 2) {
coWebsite.iframe.classList.add('thumbnail');
} else {
coWebsite.iframe.classList.remove('thumbnail');
}
coWebsite.position = newPosition; coWebsite.position = newPosition;
if (oldSlot && !this.getCoWebsiteByPosition(oldSlot.position)) { if (oldSlot && !this.getCoWebsiteByPosition(oldSlot.position)) {