From 04848d59b7ec8e56c6f937d46d38f3e19bfd4a6e Mon Sep 17 00:00:00 2001
From: Miroslav Pejic <miroslav.pejic.85@gmail.com>
Date: Thu, 3 Oct 2024 11:54:14 +0200
Subject: [PATCH] [mirotalkc2c] - change home to leave room

---
 backend/server.js         |  2 +-
 frontend/css/common.css   |  4 ++++
 frontend/html/client.html |  4 ++--
 frontend/js/client.js     | 14 +++++++-------
 package.json              |  2 +-
 5 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/backend/server.js b/backend/server.js
index 2792fcb..fad5125 100644
--- a/backend/server.js
+++ b/backend/server.js
@@ -9,7 +9,7 @@
  * @license For private project or commercial purposes contact us at: license.mirotalk@gmail.com or purchase it directly via Code Canyon:
  * @license https://codecanyon.net/item/mirotalk-c2c-webrtc-real-time-cam-2-cam-video-conferences-and-screen-sharing/43383005
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.1.30
+ * @version 1.1.31
  */
 
 require('dotenv').config();
diff --git a/frontend/css/common.css b/frontend/css/common.css
index 2bbb069..eff099f 100644
--- a/frontend/css/common.css
+++ b/frontend/css/common.css
@@ -19,3 +19,7 @@
 ::-webkit-scrollbar-track {
     background: #1a1b1f;
 }
+
+.red {
+    color: red !important;
+}
diff --git a/frontend/html/client.html b/frontend/html/client.html
index 3da2447..28c0529 100644
--- a/frontend/html/client.html
+++ b/frontend/html/client.html
@@ -73,7 +73,7 @@ <h1>Waiting</h1>
                 <button id="initAudioBtn" class="fas fa-microphone"></button>
                 <button id="initScreenShareBtn" class="fas fa-desktop"></button>
                 <button id="initSettingsBtn" class="fas fa-ellipsis-vertical"></button>
-                <button id="initHomeBtn" class="fas fa-home"></button>
+                <button id="initLeaveBtn" class="fa-solid fa-phone-slash red"></button>
             </div>
         </div>
 
@@ -85,7 +85,7 @@ <h1>Waiting</h1>
             <button id="screenShareBtn" class="fas fa-desktop"></button>
             <button id="chatOpenBtn" class="fas fa-comments"></button>
             <button id="settingsBtn" class="fas fa-ellipsis-vertical"></button>
-            <button id="homeBtn" class="fas fa-home"></button>
+            <button id="leaveBtn" class="fa-solid fa-phone-slash red"></button>
         </div>
 
         <div id="settings">
diff --git a/frontend/js/client.js b/frontend/js/client.js
index 815e1bd..207f8dd 100644
--- a/frontend/js/client.js
+++ b/frontend/js/client.js
@@ -9,7 +9,7 @@
  * @license For private project or commercial purposes contact us at: license.mirotalk@gmail.com or purchase it directly via Code Canyon:
  * @license https://codecanyon.net/item/mirotalk-c2c-webrtc-real-time-cam-2-cam-video-conferences-and-screen-sharing/43383005
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.1.30
+ * @version 1.1.31
  */
 
 const roomId = new URLSearchParams(window.location.search).get('room');
@@ -24,7 +24,7 @@ const initAudioBtn = document.getElementById('initAudioBtn');
 const initVideoBtn = document.getElementById('initVideoBtn');
 const initScreenShareBtn = document.getElementById('initScreenShareBtn');
 const initSettingsBtn = document.getElementById('initSettingsBtn');
-const initHomeBtn = document.getElementById('initHomeBtn');
+const initLeaveBtn = document.getElementById('initLeaveBtn');
 const buttonsBar = document.getElementById('buttonsBar');
 const hideMeBtn = document.getElementById('hideMeBtn');
 const audioBtn = document.getElementById('audioBtn');
@@ -32,7 +32,7 @@ const videoBtn = document.getElementById('videoBtn');
 const swapCameraBtn = document.getElementById('swapCameraBtn');
 const settingsBtn = document.getElementById('settingsBtn');
 const screenShareBtn = document.getElementById('screenShareBtn');
-const homeBtn = document.getElementById('homeBtn');
+const leaveBtn = document.getElementById('leaveBtn');
 const settings = document.getElementById('settings');
 const settingsCloseBtn = document.getElementById('settingsCloseBtn');
 const audioSource = document.getElementById('audioSource');
@@ -189,7 +189,7 @@ const tooltips = [
     { element: initAudioBtn, text: 'Toggle audio', position: 'top' },
     { element: initScreenShareBtn, text: 'Toggle screen sharing', position: 'top' },
     { element: initSettingsBtn, text: 'Toggle settings', position: 'top' },
-    { element: initHomeBtn, text: 'Go to home page', position: 'top' },
+    { element: initLeaveBtn, text: 'Leave room', position: 'top' },
     { element: hideMeBtn, text: 'Hide myself', position: 'top' },
     { element: videoBtn, text: 'Toggle video', position: 'top' },
     { element: audioBtn, text: 'Toggle audio', position: 'top' },
@@ -197,7 +197,7 @@ const tooltips = [
     { element: screenShareBtn, text: 'Toggle screen sharing', position: 'top' },
     { element: chatOpenBtn, text: 'Toggle chat', position: 'top' },
     { element: settingsBtn, text: 'Toggle settings', position: 'top' },
-    { element: homeBtn, text: 'Go to home page', position: 'top' },
+    { element: leaveBtn, text: 'Leave room', position: 'top' },
     //...
 ];
 
@@ -741,7 +741,7 @@ function handleIncomingDataChannelMessage(config) {
 }
 
 function handleEvents() {
-    initHomeBtn.onclick = () => {
+    initLeaveBtn.onclick = () => {
         endCall();
     };
     copyRoomBtn.onclick = () => {
@@ -901,7 +901,7 @@ function handleEvents() {
         }
         checkLineBreaks();
     };
-    homeBtn.onclick = () => {
+    leaveBtn.onclick = () => {
         endCall();
     };
 }
diff --git a/package.json b/package.json
index 9bd3b4b..1ce3ca8 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "mirotalkc2c",
-    "version": "1.1.30",
+    "version": "1.1.31",
     "description": "A free WebRTC Cam-2-Cam browser-based video calls",
     "main": "server.js",
     "scripts": {