[mirotalksfu] - add recent room

app/src/Server.js

@@ -586,7 +586,9 @@ function startServer() {
             let cmd = words[0];
             switch (cmd) {
                 case 'privacy':
-                    room.getPeers().get(socket.id).updatePeerInfo({ type: cmd, status: words[2] == 'true' });
+                    room.getPeers()
+                        .get(socket.id)
+                        .updatePeerInfo({ type: cmd, status: words[2] == 'true' });
                     break;
                 default:
                     break;
@@ -943,7 +945,13 @@ function startServer() {
 
             await room.getPeers().get(socket.id).updatePeerInfo(data);
 
-            let producer_id = await room.produce(socket.id, producerTransportId, rtpParameters, kind, appData.mediaType);
+            let producer_id = await room.produce(
+                socket.id,
+                producerTransportId,
+                rtpParameters,
+                kind,
+                appData.mediaType,
+            );
 
             log.debug('Produce', {
                 kind: kind,

public/css/landing.css

@@ -1921,3 +1921,23 @@ main {
         width: 300px;
     }
 }
+
+.last-room {
+    display: none;
+    /*inline-flex*/
+}
+.last-room a {
+    font-size: 16px;
+    line-height: 24px;
+    letter-spacing: -0.1px;
+    font-weight: 600;
+    color: #8a94a7;
+    text-decoration: none;
+    line-height: 16px;
+    padding: 8px 24px;
+}
+
+.last-room a:hover {
+    color: #097dea;
+    transition: all 0.3s ease-in-out;
+}

public/views/landing.html

@@ -152,6 +152,7 @@
                                                 const roomName = filterXSS(document.getElementById('roomName').value);
                                                 if (roomName) {
                                                     window.location.href = '/join/' + roomName;
+                                                    window.localStorage.lastRoom = roomName;
                                                 } else {
                                                     alert('Room name empty!\nPlease pick a room name.');
                                                 }
@@ -159,6 +160,22 @@
                                         </script>
                                     </div>
                                 </div>
+                                <div id="lastRoomContainer" class="last-room">
+                                    <span>Your recent room:</span>
+                                    <a id="lastRoom"></a>
+                                </div>
+                                <script>
+                                    const lastRoomContainer = document.getElementById('lastRoomContainer');
+                                    const lastRoom = document.getElementById('lastRoom');
+                                    const lastRoomName = window.localStorage.lastRoom
+                                        ? window.localStorage.lastRoom
+                                        : '';
+                                    if (lastRoomName) {
+                                        lastRoomContainer.style.display = 'inline-flex';
+                                        lastRoom.setAttribute('href', '/join/' + lastRoomName);
+                                        lastRoom.innerText = lastRoomName;
+                                    }
+                                </script>
                             </div>
                         </div>
                     </div>

public/views/newroom.html

@@ -158,6 +158,22 @@
                                         </script>
                                     </div>
                                 </div>
+                                <div id="lastRoomContainer" class="last-room">
+                                    <span>Your recent room:</span>
+                                    <a id="lastRoom"></a>
+                                </div>
+                                <script>
+                                    const lastRoomContainer = document.getElementById('lastRoomContainer');
+                                    const lastRoom = document.getElementById('lastRoom');
+                                    const lastRoomName = window.localStorage.lastRoom
+                                        ? window.localStorage.lastRoom
+                                        : '';
+                                    if (lastRoomName) {
+                                        lastRoomContainer.style.display = 'inline-flex';
+                                        lastRoom.setAttribute('href', '/join/' + lastRoomName);
+                                        lastRoom.innerText = lastRoomName;
+                                    }
+                                </script>
                             </div>
                         </div>
                     </div>