[mirotalksfu] - add recent room

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>