[mirotalksfu] - keep last recording info

public/js/RoomClient.js

@@ -3664,22 +3664,30 @@ class RoomClient {
             const recTime = document.getElementById('recordingStatus');
 
             const recordingInfo = `
-                🔴 Recording Info: <br/><br/>
+            <br/><br/>
-                <ul>
+            <ul>
-                    <li>Time: ${recTime.innerText}</li>
+                <li>Time: ${recTime.innerText}</li>
-                    <li>File: ${recFileName}</li>
+                <li>File: ${recFileName}</li>
-                    <li>Size: ${blobFileSize}</li>
+                <li>Size: ${blobFileSize}</li>
-                </ul>
+            </ul>
-                <br/>
+            <br/>
-                Please wait to be processed, then will be downloaded to your ${currentDevice} device.
             `;
 
+            const lastRecordingInfo = document.getElementById('lastRecordingInfo');
+            lastRecordingInfo.style.color = '#FFFFFF';
+            lastRecordingInfo.innerHTML = `Last Recording Info: ${recordingInfo}`;
+            show(lastRecordingInfo);
+
             Swal.fire({
                 background: swalBackground,
                 position: 'center',
                 icon: 'success',
                 title: 'Recording',
-                html: `<div style="text-align: left;">${recordingInfo}</div>`,
+                html: `<div style="text-align: left;">
+                🔴 Recording Info: 
+                ${recordingInfo}
+                Please wait to be processed, then will be downloaded to your ${currentDevice} device.
+                </div>`,
                 showClass: { popup: 'animate__animated animate__fadeInDown' },
                 hideClass: { popup: 'animate__animated animate__fadeOutUp' },
             });

public/views/Room.html

@@ -634,6 +634,8 @@ access to use this app.
                                 <p>The presenter has disabled meeting recording.</p>
                             </div>
                         </div>
+                        <br />
+                        <div id="lastRecordingInfo" class="hidden"></div>
                     </div>
 
                     <div id="tabVideoShare" class="tabcontent">