[mirotalksfu] - pin chat, editor, poll, transcription on default

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.6.36
+ * @version 1.6.37
  *
  */
 

package.json

@@ -1,6 +1,6 @@
 {
     "name": "mirotalksfu",
-    "version": "1.6.36",
+    "version": "1.6.37",
     "description": "WebRTC SFU browser-based video calls",
     "main": "Server.js",
     "scripts": {

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.6.36
+ * @version 1.6.37
  *
  */
 
@@ -4614,7 +4614,7 @@ function showAbout() {
         imageUrl: image.about,
         customClass: { image: 'img-about' },
         position: 'center',
-        title: 'WebRTC SFU v1.6.36',
+        title: 'WebRTC SFU v1.6.37',
         html: `
         <br />
         <div id="about">

public/js/RoomClient.js

@@ -3887,6 +3887,7 @@ class RoomClient {
         if (!this.isChatOpen) {
             await getRoomParticipants();
             hide(chatMinButton);
+
             if (!this.isMobileDevice) {
                 BUTTONS.chat.chatMaxButton && show(chatMaxButton);
             }
@@ -3896,7 +3897,13 @@ class RoomClient {
         }
         isParticipantsListOpen = !isParticipantsListOpen;
         this.isChatOpen = !this.isChatOpen;
+
         if (this.isChatPinned) this.chatUnpin();
+
+        if (!this.isMobileDevice && this.isChatOpen && this.canBePinned()) {
+            this.toggleChatPin();
+        }
+
         resizeChatRoom();
     }
 
@@ -3958,6 +3965,12 @@ class RoomClient {
         }
     }
 
+    canBePinned() {
+        const viewportWidth = window.innerWidth;
+        const viewportHeight = window.innerHeight;
+        return viewportWidth >= 1024 && viewportHeight >= 768;
+    }
+
     chatPin() {
         if (!this.isVideoPinned) {
             this.videoMediaContainerPin();
@@ -4589,7 +4602,12 @@ class RoomClient {
             this.sound('open');
         }
         this.isPollOpen = !this.isPollOpen;
+
         if (this.isPollPinned) this.pollUnpin();
+
+        if (!this.isMobileDevice && this.isPollOpen && this.canBePinned()) {
+            this.togglePollPin();
+        }
     }
 
     togglePollPin() {
@@ -4769,7 +4787,7 @@ class RoomClient {
             // Delete poll button
             const deletePollButton = document.createElement('button');
             const deletePollButtonIcon = document.createElement('i');
-            deletePollButtonIcon.className = 'fas fa-minus';
+            deletePollButtonIcon.className = 'fas fa-trash';
             deletePollButton.id = 'delPoll';
             deletePollButton.className = 'del-btn';
             deletePollButton.insertBefore(deletePollButtonIcon, deletePollButton.firstChild);
@@ -4907,7 +4925,12 @@ class RoomClient {
             this.sound('open');
         }
         this.isEditorOpen = !this.isEditorOpen;
+
         if (this.isEditorPinned) this.editorUnpin();
+
+        if (!this.isMobileDevice && this.isEditorOpen && this.canBePinned()) {
+            this.toggleEditorPin();
+        }
     }
 
     toggleLockUnlockEditor() {

public/js/Transcription.js

@@ -243,7 +243,13 @@ class Transcription {
             transcriptionRoom.style.display = 'none';
         }
         this.isHidden = !this.isHidden;
+
         if (this.isPinned) this.unpinned();
+
+        if (!rc.isMobileDevice && !this.isHidden && rc.canBePinned()) {
+            this.togglePinUnpin();
+        }
+
         resizeTranscriptionRoom();
     }