fix connexion problem with new users

static/sfu.html

@@ -64,9 +64,9 @@
                   </div>
                 </li>
                 <li>
-                  <div class="nav-button nav-link" id="user">
+                  <div class="nav-button nav-link invisible" id="user">
                     <span><i class="fa fa-user dropbtn" aria-hidden="true"></i></span>
-                    <label>User</label>
+                    <label>Profile</label>
                   </div>
                   <div id="userDropdown" class="dropdown-content">
                     <div id="statdiv">
@@ -119,7 +119,7 @@
                     <input id="password" type="password" name="password"
                            autocomplete="current-password" class="form-control"/>
                     <div class="clear"></div>
-                    <input id="connectbutton" type="submit" class="btn btn-blue" value="Connect" disabled/>
+                    <input id="connectbutton" type="submit" class="btn btn-blue" value="Connect"/>
                   </form>
                   <div class="clear"></div>
                 </div>

static/sfu.js

@@ -1063,6 +1063,7 @@ document.getElementById('openside').onclick = function(e) {
 };
 
 document.getElementById('user').onclick = function(e) {
+    e.preventDefault();
     document.getElementById("userDropdown").classList.toggle("show");
 };
 
@@ -1134,11 +1135,15 @@ function start() {
 
     setLocalMute(localMute);
 
-    document.getElementById('connectbutton').disabled = false;
+    //document.getElementById('connectbutton').disabled = false;
 
     let userpass = getUserPass();
     if(userpass)
         serverConnect();
+    else {
+      document.getElementById("user").classList.add('invisible');
+      document.getElementById("login-container").classList.remove('invisible');
+    }
 }
 
 start();