save file

Author: javascript-2020

html/chat-room/html/chat-room-tmp/chat-room-tmp.html

@@ -4,6 +4,7 @@
 
       <template shadowrootmode=open>
 
+      
             <style>
 
   #user-root
@@ -26,6 +27,7 @@
 
             </style>
 
+            
             <section id=user-root>
 
                   <div id=info>
@@ -59,8 +61,10 @@
 
             </section>
 
+            
       </template>
 
+      
       <script>
 
 (function({mod,host}){
@@ -70,27 +74,37 @@
         var df=true,did='chat-room-tmp';
 
 
-        var debug
+        var debug,$
         ;
 
         obj.initmod   = function(params){
 
               debug   = mod.rd(params,'debug',debug);
+              $       = mod.rd(params,'$',$);
 
         }//initmod
 
 
   //:
 
-        var ui    = {};
+        var ui        = {};
+        
 
+        var btn       = {};
+        var kd        = {};
 
+  //:
+  
+  
         obj.init    = async function(){
                                                                                 debug=eval(debug.mod);
                                                                                 debug('init');
         }//init
 
 
+  //:
+  
+  
         obj.initdom   = async function(){
 
               var info                                    = $(shadow,'#info');
@@ -108,13 +122,73 @@
         }//initdom
 
 
-        
   //:
 
 
-  
+        btn.password    = function(){
+        
+              $(shadow,'#txt').focus();
+              
+              var node    = $(shadow,'#password');
+              if(node.getAttribute('type')=='password'){
+                    node.removeAttribute('type');
+              }else{
+                    node.setAttribute('type','password');
+              }
+              
+        }//password
+        
+        
+        kd.user   = function(e){
+        
+              if(e.ctrlKey && e.key=='Enter'){
+                    btn.send();
+              }
+              if(e.ctrlKey && e.key=='Space'){
+                    btn.pause();
+              }
+              
+        }//user
+        
+        
+        btn.send    = function(){
+        
+              $(shadow,'#txt').focus();
+              
+              var txt             = $(shadow,'#txt').value;
+              $(shadow,'#txt').value     = '';
+              var user            = $(shadow,'#user').value;
+              var password        = $(shadow,'#password').value;
+              
+              post.msg({user,password,txt});
+              
+        }//send
+        
+        
+        btn.pause   = function(){
+        
+              $(shadow,'#txt').focus();
+              
+              if(poll.abort){
+                    ui.pause.value    = 'pause';
+                    poll.abort        = false;
+                    poll.update.initial();
+              }else{
+                    ui.pause.value    = 'resume';
+                    poll.abort        = true;
+              }
+              
+        }//pause
+        
+        
+        
+        
+        
 })
 
+      </script>
+      
+      
 </chat-room-tmp>