save file

Author: javascript-2020

utils/editors/html/editors-hdr/v2.0/editors-hdr-v2.0.html

@@ -28,6 +28,9 @@
   ::slotted([slot=title])
     {text-align:center;position:absolute;left:0;right:0;top:0px;z-index:-1;margin:0 auto}
 
+  ::slotted([slot=filename]), [name=filename]
+    {}
+    
   ::slotted([slot=version])
     {color:blue;font-weight:bold;margin:0 20px}
 
@@ -70,11 +73,11 @@
 
                   <page-source component></page-source>
 
+                  <slot name=filename></slot>
+                  
                   <slot name=version></slot>
 
-                  <div class=date>
-                        <slot name=date></slot>
-                  </div>
+                  <slot name=date class=date></slot>
 
             </section>
 
@@ -83,58 +86,89 @@
 
       <script>
 
-(function editors_hdr({mod,dom,host}){
+(function({mod,host}){
 
   var obj   = {
         version   : 'v2.0'
   };
 
-      var df=false,did='hdr'
-      ;
-      
-      var ext,$,menu
-      ;
-      
-      obj.initmod   = function(params){
-      
-            ext       = params.ext;
-            $         = params.$;
-            menu      = params.menu;
-            
-      }//initmod
-      
-      
+        var df=false,did='hdr'
+        ;
+        
+        var ext,$,menu
+        ;
+        
+        obj.initmod   = function(params){
+        
+              ext       = params.ext;
+              $         = params.$;
+              menu      = params.menu;
+              
+        }//initmod
+        
+        
   //:
 
 
-      var top;
-      
-      
-      obj.init    = async function(){
-                                                                                debug('init',obj.version);
-            await mod.auto();
-            
-            obj['page-source']    = mod['page-source'];
-            
-      }//init
-      
-      
+        var top;
+        
+        
+        var set   = {};
+        obj.set   = set;
+        
+        
   //:
 
 
-      obj.initdom   = function(rootnode){
-      
-            var shadow          = host.shadowRoot;
-            
-            
-      }//initdom
-      
-      
+        obj.init    = async function(){
+                                                                                debug('init',obj.version);
+              await mod.auto();
+              
+              obj['page-source']    = mod['page-source'];
+              
+        }//init
+        
+        
   //:
 
 
+        obj.initdom   = function(rootnode){
+        
+              var shadow          = host.shadowRoot;
+              
+              set.filename();
+              if(typeof version==='undefined'){
+                    set.version('v1.0');
+              }else{
+                    set.version(version);
+              }
+              
+        }//initdom
+        
+        
+  //:
 
 
+        set.filename    = function(){
+        
+              if(!fn){
+                    var str       = window.location.toString();
+                    var i         = str.lastIndexOf('/');
+                    fn            = str.slice(i+1);
+              }
+              $(shadow,'[name=filename]').textContent   = fn;
+              
+        }//filename
+        
+        
+        set.version   = function(version){
+        
+              $(shadow,'[name=version]').textContent    = version;
+              
+        }//version
+        
+        
+        
   //: