From 3fca2863bc4b83c3a9984ad33037632aa42b72cc Mon Sep 17 00:00:00 2001
From: Miroslav Pejic <miroslav.pejic.85@gmail.com>
Date: Mon, 19 Aug 2024 09:59:19 +0200
Subject: [PATCH] [mirotalksfu] - improvements

---
 app/src/Server.js       |  2 +-
 package.json            |  2 +-
 public/js/Room.js       |  4 ++--
 public/js/RoomClient.js | 43 +++++++++++++++++++----------------------
 4 files changed, 24 insertions(+), 27 deletions(-)

diff --git a/app/src/Server.js b/app/src/Server.js
index d5ef5fc6..3b0c5395 100644
--- a/app/src/Server.js
+++ b/app/src/Server.js
@@ -55,7 +55,7 @@ dev dependencies: {
  * @license For commercial or closed source, contact us at license.mirotalk@gmail.com or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.5.62
+ * @version 1.5.63
  *
  */
 
diff --git a/package.json b/package.json
index 1d4690ff..3304001c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "mirotalksfu",
-    "version": "1.5.62",
+    "version": "1.5.63",
     "description": "WebRTC SFU browser-based video calls",
     "main": "Server.js",
     "scripts": {
diff --git a/public/js/Room.js b/public/js/Room.js
index f699dd39..d4f99fa8 100644
--- a/public/js/Room.js
+++ b/public/js/Room.js
@@ -11,7 +11,7 @@ if (location.href.substr(0, 5) !== 'https') location.href = 'https' + location.h
  * @license For commercial or closed source, contact us at license.mirotalk@gmail.com or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.5.62
+ * @version 1.5.63
  *
  */
 
@@ -4444,7 +4444,7 @@ function showAbout() {
         imageUrl: image.about,
         customClass: { image: 'img-about' },
         position: 'center',
-        title: 'WebRTC SFU v1.5.62',
+        title: 'WebRTC SFU v1.5.63',
         html: `
         <br />
         <div id="about">
diff --git a/public/js/RoomClient.js b/public/js/RoomClient.js
index a40a1cb3..60cd2618 100644
--- a/public/js/RoomClient.js
+++ b/public/js/RoomClient.js
@@ -9,7 +9,7 @@
  * @license For commercial or closed source, contact us at license.mirotalk@gmail.com or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.5.62
+ * @version 1.5.63
  *
  */
 
@@ -3511,10 +3511,7 @@ class RoomClient {
 
     removeVideoPinMediaContainer() {
         this.videoPinMediaContainer.style.display = 'none';
-        this.videoMediaContainer.style.top = 0;
-        this.videoMediaContainer.style.right = null;
-        this.videoMediaContainer.style.width = '100%';
-        this.videoMediaContainer.style.height = '100%';
+        this.videoMediaContainerUnpin();
         this.pinnedVideoPlayerId = null;
         this.isVideoPinned = false;
         if (this.isChatPinned) {
@@ -3531,6 +3528,19 @@ class RoomClient {
         }
     }
 
+    videoMediaContainerPin() {
+        this.videoMediaContainer.style.top = 0;
+        this.videoMediaContainer.style.width = '75%';
+        this.videoMediaContainer.style.height = '100%';
+    }
+
+    videoMediaContainerUnpin() {
+        this.videoMediaContainer.style.top = 0;
+        this.videoMediaContainer.style.right = null;
+        this.videoMediaContainer.style.width = '100%';
+        this.videoMediaContainer.style.height = '100%';
+    }
+
     adaptVideoObjectFit(index) {
         // 1 (cover) 2 (contain)
         BtnVideoObjectFit.selectedIndex = index;
@@ -3759,9 +3769,7 @@ class RoomClient {
 
     chatPin() {
         if (!this.isVideoPinned) {
-            this.videoMediaContainer.style.top = 0;
-            this.videoMediaContainer.style.width = '75%';
-            this.videoMediaContainer.style.height = '100%';
+            this.videoMediaContainerPin();
         }
         this.chatPinned();
         this.isChatPinned = true;
@@ -3775,10 +3783,7 @@ class RoomClient {
 
     chatUnpin() {
         if (!this.isVideoPinned) {
-            this.videoMediaContainer.style.top = 0;
-            this.videoMediaContainer.style.right = null;
-            this.videoMediaContainer.style.width = '100%';
-            this.videoMediaContainer.style.height = '100%';
+            this.videoMediaContainerUnpin();
         }
         document.documentElement.style.setProperty('--msger-width', '800px');
         document.documentElement.style.setProperty('--msger-height', '700px');
@@ -4409,9 +4414,7 @@ class RoomClient {
 
     pollPin() {
         if (!this.isVideoPinned) {
-            this.videoMediaContainer.style.top = 0;
-            this.videoMediaContainer.style.width = '75%';
-            this.videoMediaContainer.style.height = '100%';
+            this.videoMediaContainerPin();
         }
         this.pollPinned();
         this.isPollPinned = true;
@@ -4423,10 +4426,7 @@ class RoomClient {
 
     pollUnpin() {
         if (!this.isVideoPinned) {
-            this.videoMediaContainer.style.top = 0;
-            this.videoMediaContainer.style.right = null;
-            this.videoMediaContainer.style.width = '100%';
-            this.videoMediaContainer.style.height = '100%';
+            this.videoMediaContainerUnpin();
         }
         pollRoom.style.maxWidth = '600px';
         pollRoom.style.maxHeight = '700px';
@@ -4771,10 +4771,7 @@ class RoomClient {
 
     editorUnpin() {
         if (!this.isVideoPinned) {
-            this.videoMediaContainer.style.top = 0;
-            this.videoMediaContainer.style.right = null;
-            this.videoMediaContainer.style.width = '100%';
-            this.videoMediaContainer.style.height = '100%';
+            this.videoMediaContainerUnpin();
         }
         editorRoom.style.maxWidth = '100%';
         editorRoom.style.maxHeight = '100%';