save file

Author: javascript-2020

utils/editors/editor/editor.html

@@ -66,7 +66,10 @@
         var output;
         var log;
 
-
+        
+        var icon    = {};
+        
+        
   //:
 
 
@@ -87,7 +90,7 @@
               mainmenu.initmod({ext,$,menu,editor,filemod});
               filemod.initmod({ext,$,menumod,menu,complete,focus,source,log});
               publish.initmod({ext,$,ui,menu,source,complete,log});
-              editor.initmod({ext,$,menu});
+              editor.initmod({ext,$,menu,on});
               log.initmod({ext,$});
 
               await Promise.all([
@@ -99,6 +102,9 @@
                     log.init(),
               ]);
 
+
+              icon.def    = $('[rel*=icon]').href;
+              console.log(icon.def);
 
               window.onfocus            = ()=>editor && editor.focus();
               keydown.add(kd);
@@ -196,10 +202,10 @@ <h1 slot=seo-hdr class=visually-hidden>editor</h1>
 
                   <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>
@@ -239,6 +245,8 @@ <h1 slot=seo-hdr class=visually-hidden>editor</h1>
 
         var ui          = {};
         var btn         = {};
+        var on          = {};
+        var set         = {};
 
 
   //:
@@ -249,7 +257,7 @@ <h1 slot=seo-hdr class=visually-hidden>editor</h1>
               root                                  = rootnode;
 
               keydown.initdom();
-              //menu.add.style();
+              menu.add.style();
 
 
               hdr.initdom(root);
@@ -266,7 +274,6 @@ <h1 slot=seo-hdr class=visually-hidden>editor</h1>
               $(root,'.menu-icon').onclick          = menu.click(card,false,false);
 
               autosave                              = $(root,'#autosave');
-              autosave.checked                      = false;
 
 
 
@@ -330,6 +337,24 @@ <h1 slot=seo-hdr class=visually-hidden>editor</h1>
         }//save
 
 
+  //:
+  
+  
+        on.change   = function(){
+          
+              set.favicon(icon.save);
+              
+        }//change
+        
+        
+        set.title   = function(title){
+          
+              document.title    = title;
+              set.favicon(icon.def);
+          
+        }//title
+        
+        
   //:
 
 
@@ -348,7 +373,8 @@ <h1 slot=seo-hdr class=visually-hidden>editor</h1>
                     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);
               }
 
               menu.close();
@@ -412,8 +438,27 @@ <h1 slot=seo-hdr class=visually-hidden>editor</h1>
         }//read
 
 
+  //:
+
+
+        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
 
+
+  //:
+  
 
+        icon.save   = 'data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAKlBMVEX/pQD/////qhH/pAD/rhr/zHH/yGT/wlP//vz/8dn/tjD/+u//6MD/2ZUL9bZAAAAA30lEQVQoz2OQvuWihARUMgUFBRlamRkYlqXBQLoy10Sg4CUGBisgDQLSu3dLXGBeAxRczMBg3ggR3LZqaeMhBquDggzOCMFdxuZAQWYfQQYHuKDELgOQINA0JEFBqCDzSiwqGdiwqGRgYlDAVIksSIpKYyyC28E+ggoi/L5D8AJMkGFZKAyEKcAFjRGAAS6IBsCCzMbGKGpBgkwqLshAASzoOxMFHDEACjJXCKKANmyCYkNI0IEGgs7YBBdjCpowXGBejSq43YCVYSszV1ooEkgrMMhmkL6lhAIUlJZuBAAfSYTf2T2EkwAAAABJRU5ErkJggg==';
+
+
+
 
       </script>