signout btn

Author: ankitvommune

chat/index.html

@@ -915,10 +915,10 @@ <h2>Live Chat</h2>
 
                                                         <div class="dropdown">
                                                             <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
-                                                              Dropdown button
+                                                              :
                                                             </button>
                                                             <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
-                                                              <li><a class="dropdown-item" href="#">Action</a></li>
+                                                              <li><a class="dropdown-item" href="#" id="sign-out">Sign Out</a></li>
                                                               <li><a class="dropdown-item" href="#">Another action</a></li>
                                                               <li><a class="dropdown-item" href="#">Something else here</a></li>
                                                             </ul>

chat/main.js

@@ -75,14 +75,20 @@ function loginUser(user) {
 
 function open_chat() {
     if (window.localStorage.getItem('user')) {
-        alert('You are ready to start chatting with me.');
+        // alert('You are ready to start chatting with me.');
         $('#login').addClass('d-none');
         $('#chat').removeClass('d-none');
     }
     else {
-        alert('Please login first.');
+        // alert('Please login first.');
         $('#login').removeClass('d-none');
         $('#chat').addClass('d-none');
     };
 }
-open_chat();
+open_chat();
+
+$('body').on('click','#sign-out',function(e){
+    e.preventDefault();
+    window.localStorage.removeItem('user');
+    window.location.reload();
+})