From 59aae991682e7a4307c3295289f985da14249409 Mon Sep 17 00:00:00 2001
From: Miroslav Pejic <miroslav.pejic.85@gmail.com>
Date: Sun, 22 Oct 2023 10:18:08 +0200
Subject: [PATCH] [mirotalksfu] - improve recording alert

---
 public/images/recording.png | Bin 1268 -> 2023 bytes
 public/js/RoomClient.js     |  32 ++++++++++++++++++++++++++++++--
 2 files changed, 30 insertions(+), 2 deletions(-)

diff --git a/public/images/recording.png b/public/images/recording.png
index c366417ccf1a50686d6375f8ece4e7367f1fc540..a23bc57e23f1bfa675e0876fae4eb6db4b18a7bc 100644
GIT binary patch
literal 2023
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
Wl*9=jS$YY71rWy8)#iz{AMwAxc=}iX

literal 1268
zcmeAS@N?(olHy`uVBq!ia0vp^4Is?H3?#oinD`S&%@6PiaRt)<2QlC(uiOE2qDe`R
zUogYZuNJJYeyh6ip4|EPi0~Gh_cNy{2;4hXR>)bCcXdriqu2hGi^I-O?3S1tnU(G&
z`dm*YfdA~%3k(d*7d%}YLn>~)y`5Qn%Rqqb!PNYm9KK|Z@3QOEw!HlPzdri+LO$87
zCtFoTjShddOq5u^p)6dx3J6vmeaU(_&!pmQdCQA0@$7+CJXK%jn@sy1u%LnC`N0mJ
z&*B>!S~`x~NlxB-G=W1s-RR&vPJ_;wzPq+YuTY7b<ae4;tDE`K)8w|ODBDX1XGW|z
z8D$~WWZ&A9Ia|b+Wl9BiP+{K!9V-o+e`+Qf*Z2<mb4PXPUj1~oS<iXZLsqG?D>sQm
zy<M@0)g(Hk$9~J~09JMWTb0pC+1wHew~mzL9qLGPvJvFT6g(|)Y>$BR?PkMyzDwt5
z^31a8Vl<F%na8?#joitt2{(F{Of%3^m??3L*W;1wf5+K*(T(S0`I+sD=bYhh%NDN@
zyqnUzdh)IC|Fg;tq+ZrF{!mk&dBI*v|Ng<v%cO-E`SPzXa9X^Roo}MXQpeh8p~H3-
z_f|x3w1v3|MY6Qb;QE<x!$Re$%)tlO{aX4%vYLw?@5(<o%~`xR*u12*;PAVZj^cdE
zT-sU&LQ^MM{m*zfx%A7+;A`%ZhKuT1LqE;DcyITw6Ms93wuNWA-&%ZTUeUiT36m`Y
z^1@e#@dQ5loxY@gM=Rs6kCH6ns!qSAA3e9MM!a<vds%9(=#wOki<wV8)*t0f+{Y&+
zJLN^_`PNIPlQi`kcV7*EIAM3^FS)!;pA>HViJJL)ZtSneC#rn(K3B%Moblb0=y>Rq
z_^CBTGc6Ln&Gega%Sc)3@>b0!OmQoAoiY9Eb^X^FS(BD44Li4ge;LJI<hgHGMYd_;
zx|iIHmhIommF`bbRF`|toxyi-rw&X1c8>S|jQ9NRe(`Soqma{SS5oucxNdJe;Hz}r
z_?CvD;p7QtesXqtd6^yHWp1B8X{E~2b~P?j`x|H7ybX2pXL+1{E_$x^oOWj7q(x_9
zwwe@+g$oK7FAvIG7B@%k(*EwtdF!hRSH;cC|3BsV%do9B&%d8EpCu*27Hu;7m#&ml
zgW@R<rH7^~&uo1;%PV(R&&?HgR6;avS3cNabTw>k^qp0u2RC24xaM6P>!Q0?FRod}
zQS&Zm#~0z_o`0SegsqJIe}Y|1<nRvBlPm`B{%-7l`{MAAgHIRB-@W($!>tz|_iosK
zh@tslyi<3DP_nbmciG1qbCP~%W=!aO&wI=Foy{4uWnE<#vc7+1lPc{ismhNpUJ-gb
zV!iKHRb7p2)%eOSzs;j_cig>Zc<+9o^!xDd8w2+|SfJMtc=OfYebZy^d74-2-q;v_
zJH@H2t3rIPkkK*u^(-n!vffNiT$~^mrIGMafA`AQtdmW;KEJLjoZ{CcXA1;ZKXI=&
XeD-(4gl~z!vVp<V)z4*}Q$iB}AXTkM

diff --git a/public/js/RoomClient.js b/public/js/RoomClient.js
index 1853d7df..182feb25 100644
--- a/public/js/RoomClient.js
+++ b/public/js/RoomClient.js
@@ -43,6 +43,7 @@ const html = {
 
 const icons = {
     chat: '<i class="fas fa-comments"></i>',
+    user: '<i class="fas fa-user"></i>',
     transcript: '<i class="fas fa-closed-captioning"></i>',
     speech: '<i class="fas fa-volume-high"></i>',
     share: '<i class="fas fa-share-alt"></i>',
@@ -2435,6 +2436,21 @@ class RoomClient {
         }
     }
 
+    msgHTML(icon, imageUrl, title, html, position = 'center') {
+        Swal.fire({
+            allowOutsideClick: false,
+            allowEscapeKey: false,
+            background: swalBackground,
+            position: position,
+            icon: icon,
+            imageUrl: imageUrl,
+            title: title,
+            html: html,
+            showClass: { popup: 'animate__animated animate__fadeInDown' },
+            hideClass: { popup: 'animate__animated animate__fadeOutUp' },
+        });
+    }
+
     thereAreParticipants() {
         // console.log('participantsCount ---->', participantsCount);
         if (this.consumers.size > 0 || participantsCount > 1) {
@@ -3480,7 +3496,7 @@ class RoomClient {
         Swal.fire({
             background: swalBackground,
             position: 'center',
-            //imageUrl: image.recording,
+            imageUrl: image.recording,
             title: 'Recording options',
             showDenyButton: true,
             showCancelButton: true,
@@ -3728,7 +3744,19 @@ class RoomClient {
     }
 
     handleRecordingAction(data) {
-        this.userLog('warning', `${icons.recording} ${data.peer_name} ${data.action}`, 'top-end');
+        const recAction = {
+            side: 'left',
+            img: this.leftMsgAvatar,
+            peer_name: data.peer_name,
+            peer_id: data.peer_id,
+            peer_msg: `🔴 ${data.action}`,
+            to_peer_id: 'all',
+            to_peer_name: 'all',
+        };
+        this.showMessage(recAction);
+        if (!this.showChatOnMessage) {
+            this.msgHTML(null, image.recording, null, `${icons.user} ${data.peer_name}: <h1>${data.action}</h1>`);
+        }
     }
 
     // ####################################################