[mirotalksfu] - add maxlength attribute

public/js/Room.js

@@ -522,6 +522,7 @@ function whoAreYou() {
         title: 'MiroTalk SFU',
         input: 'text',
         inputPlaceholder: 'Enter your name',
+        inputAttributes: { maxlength: 32 },
         inputValue: default_name,
         html: initUser, // Inject HTML
         confirmButtonText: `Join meeting`,
@@ -2174,6 +2175,7 @@ async function getParticipantsTable(peers) {
             type="text"
             placeholder=" 🔍 Search participants ..."
             name="search"
+            maxlength="36"
             onkeyup="rc.searchPeer();"
         />
     </div>

public/views/landing.html

@@ -111,9 +111,10 @@
                                     <label for="roomName"></label>
                                     <div class="form-group-desktop">
                                         <input
+                                            id="roomName"
                                             class="form-input"
                                             type="text"
-                                            id="roomName"
+                                            maxlength="36"
                                             value=""
                                             style="border-radius: 6px"
                                         />

public/views/login.html

@@ -81,6 +81,7 @@
                                             class="form-input"
                                             type="name"
                                             placeholder="Username"
+                                            maxlength="36"
                                             style="border-radius: 6px"
                                             required
                                         />
@@ -93,6 +94,7 @@
                                             type="password"
                                             style="border-radius: 6px"
                                             placeholder="Password"
+                                            maxlength="36"
                                             required
                                         />
                                     </div>

public/views/newroom.html

@@ -110,9 +110,10 @@
                                     <label for="roomName"></label>
                                     <div class="form-group-desktop">
                                         <input
+                                            id="roomName"
                                             class="form-input"
                                             type="text"
-                                            id="roomName"
+                                            maxlength="36"
                                             value=""
                                             style="border-radius: 6px"
                                         />