From 15c24dcad384cfd076bcc5366d0d6ad2f2c1188c Mon Sep 17 00:00:00 2001
From: Miroslav Pejic <miroslav.pejic.85@gmail.com>
Date: Sun, 1 Oct 2023 08:06:17 +0200
Subject: [PATCH] [mirotalksfu] - move recording button on main

---
 public/js/Room.js      |  2 ++
 public/views/Room.html | 54 +++++++++++++++++++-----------------------
 2 files changed, 26 insertions(+), 30 deletions(-)

diff --git a/public/js/Room.js b/public/js/Room.js
index 0b86fe78..bf199b55 100644
--- a/public/js/Room.js
+++ b/public/js/Room.js
@@ -223,6 +223,8 @@ function refreshMainButtonsToolTipPlacement() {
         setTippy('stopVideoButton', 'Stop the video', placement);
         setTippy('startScreenButton', 'Start screen share', placement);
         setTippy('stopScreenButton', 'Stop screen share', placement);
+        setTippy('startRecButton', 'Start recording', placement);
+        setTippy('stopRecButton', 'Stop recording', placement);
         setTippy('raiseHandButton', 'Raise your hand', placement);
         setTippy('lowerHandButton', 'Lower your hand', placement);
         setTippy('swapCameraButton', 'Swap the camera', placement);
diff --git a/public/views/Room.html b/public/views/Room.html
index 0ba55eb0..567a5cc7 100644
--- a/public/views/Room.html
+++ b/public/views/Room.html
@@ -142,6 +142,8 @@ access to use this app.
             <button id="stopAudioButton" class="hidden"><i class="fas fa-microphone"></i></button>
             <button id="startScreenButton" class="hidden"><i class="fas fa-desktop"></i></button>
             <button id="stopScreenButton" class="hidden"><i class="fas fa-stop-circle"></i></button>
+            <button id="startRecButton" class="hidden"><i class="fas fa-record-vinyl"></i></button>
+            <button id="stopRecButton" style="color: red" class="hidden"><i class="fas fa-record-vinyl"></i></button>
             <button id="raiseHandButton" class="hidden"><i class="fas fa-hand-paper"></i></button>
             <button id="lowerHandButton" class="hidden"><i id="lowerHandIcon" class="fas fa-hand-paper"></i></button>
             <button id="chatButton" class="hidden"><i class="fas fa-comments"></i></button>
@@ -396,15 +398,29 @@ access to use this app.
                     </div>
 
                     <div id="tabRecording" class="tabcontent">
-                        <button id="startRecButton" class="hidden">
-                            <i class="fas fa-record-vinyl"></i>
-                            <p>Start recording</p>
-                        </button>
-                        <button id="stopRecButton" class="hidden">
-                            <i class="fas fa-stop-circle"></i>
-                            <p>Stop recording</p>
-                        </button>
                         <br />
+                        <div id="roomRecording" class="hidden">
+                            <table class="settingsTable">
+                                <tr>
+                                    <td class="custom-width">
+                                        <div class="title">
+                                            <i class="fa-solid fa-user-shield"></i>
+                                            <p>Only host</p>
+                                        </div>
+                                    </td>
+                                    <td>
+                                        <div class="form-check form-switch form-switch-md title">
+                                            <input
+                                                id="switchHostOnlyRecording"
+                                                class="form-check-input"
+                                                type="checkbox"
+                                            />
+                                        </div>
+                                    </td>
+                                </tr>
+                            </table>
+                            <hr style="border: 1px solid grey" />
+                        </div>
                         <button id="pauseRecButton" class="hidden">
                             <i class="far fa-pause-circle"></i>
                             <p>Pause recording</p>
@@ -427,28 +443,6 @@ access to use this app.
                                 </tr>
                             </table>
                         </div>
-                        <div id="roomRecording" class="hidden">
-                            <hr style="border: 1px solid grey" />
-                            <table class="settingsTable">
-                                <tr>
-                                    <td class="custom-width">
-                                        <div class="title">
-                                            <i class="fa-solid fa-user-shield"></i>
-                                            <p>Only host</p>
-                                        </div>
-                                    </td>
-                                    <td>
-                                        <div class="form-check form-switch form-switch-md title">
-                                            <input
-                                                id="switchHostOnlyRecording"
-                                                class="form-check-input"
-                                                type="checkbox"
-                                            />
-                                        </div>
-                                    </td>
-                                </tr>
-                            </table>
-                        </div>
                         <div id="recordingMessage" class="hidden">
                             <div class="title">
                                 <i class="fa-solid fa-ban fa-2xl"></i>