save file

javascript-2020 · javascript-2020 · commit ee6b801153fa · 2025-12-08T20:13:29.000Z
diff --git a/utils/editors/markdown-editor/markdown-editor.html b/utils/editors/markdown-editor/markdown-editor.html
@@ -3,7 +3,7 @@
 <!DOCTYPE html>
 
 
-<html>
+<html lang=en>
 
       <head>
             <meta charset=utf-8>
@@ -93,7 +93,7 @@
               mainmenu.initmod({ext,$,menumod,menu,editor});
               filemod.initmod({ext,$,menumod,menu,complete,focus,source,log});
               publish.initmod({ext,$,ui,menumod,menu,source,complete,log});
-              editor.initmod({ext,$,menumod,menu});
+              editor.initmod({ext,$,menumod,menu,on});
               output.initmod({ext,$,editor});
               log.initmod({ext,$});
               
@@ -110,6 +110,10 @@
         
   //:
 
+
+              icon.def    = $('[rel*=icon]').href;
+              
+              
         
               window.onfocus            = ()=>editor && editor.focus();
               keydown.add(kd);
@@ -214,10 +218,10 @@
 
                   <div id=save-root>
                         <button id=save>save</button>
+                        <checkbox-one id=autosave></checkbox-one>
                         <div id=save-menu-root class=menu-root>
                               <img id=save-menu-icon class=menu-icon>
                               <div id=save-menu class=menu style='display:none'>
-                                    <checkbox-one id=autosave></checkbox-one>
                               </div>
                         </div>
                   </div>
@@ -258,6 +262,9 @@
       <script>
 
         
+        var icon        = {};
+        
+        
         var root;
         var autosave;
 
@@ -269,7 +276,8 @@
         var slider    = {};
         var btn       = {};
         var click     = {};
-
+        var on        = {};
+        var set       = {};
         
   //:
 
@@ -280,6 +288,7 @@
               
               
               keydown.initdom();
+              menu.add.style();
 
               
               hdr.initdom(root);
@@ -296,7 +305,6 @@
               $(root,'.menu-icon').onclick          = menu.click(card,false,false,click.menu);
 
               autosave                              = $(root,'#autosave');
-              autosave.checked                      = false;
 
               
               publish.initdom(root);
@@ -324,6 +332,8 @@
               publish.query();
               editor.focus();
 
+
+
         }//initdom
 
 
@@ -372,6 +382,23 @@
         }//save
 
 
+  //:
+  
+  
+        on.change   = function(){
+          
+              set.favicon(icon.save);
+              
+        }//change
+        
+        
+        set.title   = function(title){
+          
+              document.title    = title;
+              
+        }//title
+        
+  
   //:
 
 
@@ -390,7 +417,9 @@
                     editor.filename(file);
                     editor.filename.save.hide();
                     filemod.cur   = file;
-                    document.title    = file.name||file.filename;
+                    var title     = file.name||file.filename;
+                    set.title(title);
+                    set.favicon(icon.def);
               }
               menumod.close();
               editor.focus();
@@ -520,19 +549,35 @@
   
         function run(){
   
-              var txt   = editor.getValue();
-              output.display(txt);
-  
-              
               if(autosave.checked){
-                                                                                console.log('save');
+                                                                                console.log('autosave');
                     filemod.save();
               }
+              
+              
+              var txt   = editor.getValue();
+              output.display(txt);
   
         }//run
   
   
+  //:
+  
+  
+        icon.save   = 'data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAKlBMVEX/pQD/////qhH/pAD/rhr/zHH/yGT/wlP//vz/8dn/tjD/+u//6MD/2ZUL9bZAAAAA30lEQVQoz2OQvuWihARUMgUFBRlamRkYlqXBQLoy10Sg4CUGBisgDQLSu3dLXGBeAxRczMBg3ggR3LZqaeMhBquDggzOCMFdxuZAQWYfQQYHuKDELgOQINA0JEFBqCDzSiwqGdiwqGRgYlDAVIksSIpKYyyC28E+ggoi/L5D8AJMkGFZKAyEKcAFjRGAAS6IBsCCzMbGKGpBgkwqLshAASzoOxMFHDEACjJXCKKANmyCYkNI0IEGgs7YBBdjCpowXGBejSq43YCVYSszV1ooEkgrMMhmkL6lhAIUlJZuBAAfSYTf2T2EkwAAAABJRU5ErkJggg==';
+
   
+        set.favicon   = function(dataUrl){
+          
+              $.all('link[rel*="icon"]').forEach(node=>node.remove());
+              var link    = document.createElement('link');
+              link.rel    = 'icon';
+              link.href   = dataUrl;
+              document.head.appendChild(link);
+              
+        }//favicon
+
+        
       
       </script>
 
