save file

Author: javascript-2020

utils/editors/srcdoc/html/srcdoc-headers/srcdoc-headers.html

@@ -0,0 +1,103 @@
+<srcdoc-headers>
+
+      <template shadowrootmode=open>
+      
+            <style>
+            
+  #root
+    {display:flex;flex:direction:column;gap:10px;padding:10px}
+    
+  #hdr
+    {display:flex;gap:10px}
+    
+  #list
+    {flex:1;display:flex;flex-direction:column}
+    
+  #item
+    {}
+    
+    
+    
+  input
+    {font-size:16px;padding:5px 10px}
+  input[type=button]
+    {cursor:pointer}
+    
+    
+            </style>
+            
+            <div id=root>
+            
+                  <div id=hdr>
+                        <input id=name>
+                        <input id=value>
+                        <input value=add type=button>
+                  </div>
+                  
+                  <div id=list>
+                        <div class=item>
+                              <div class=name>
+                              </div>
+                              <div class=value>
+                              </div>
+                              <img class=remove>
+                        </div>
+                  </div>
+            </div>
+            
+      </template>
+      
+      <script>
+      
+(function({mod,host}){
+
+  var obj   = {};
+  
+        var df=true,did='srcdoc-headers'
+        ;
+        
+        var $,debug
+        ;
+        
+        obj.initmod   = function(params){
+        
+              $             = mod.rd(params,'$',$);
+              debug         = mod.rd(params,'debug',debug);
+              
+        }//initmod
+        
+        
+  //:
+  
+  
+  //:
+  
+  
+        obj.init    = async function(){
+                                                                                debug=eval(debug.mod);
+                                                                                debug('init');
+                                                                                
+        }//init
+        
+        
+  //:
+  
+  
+        obj.initdom   = async function(){
+        }//initdom
+        
+        
+  //:
+  
+  
+  
+  return obj;
+  
+})
+
+      </script>
+      
+</srcdoc-headers>
+
+
+