add backup function to files section

tobiasfaust · tobiasfaust · commit c1162e64a0a7 · 2024-06-07T14:07:28.000+02:00
diff --git a/data/web/handlefiles.html b/data/web/handlefiles.html
@@ -5,8 +5,13 @@
     <meta charset='utf-8'>
     <link rel='stylesheet' type='text/css' href='/web/Style.css'>
     <script language='javascript' type='text/javascript' src='/web/Javascript.js'></script>
-     <script language='javascript' type='text/javascript' src='/web/handlefiles.js'></script>
+    <script language='javascript' type='text/javascript' src='/web/handlefiles.js'></script>
     <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' >
+
+    <script language='javascript' type='text/javascript' src='https://cdn.jsdelivr.net/gh/Stuk/jszip@main/dist/jszip.js'></script>
+    <script language='javascript' type='text/javascript' src='https://cdn.jsdelivr.net/gh/Stuk/jszip-utils@master/dist/jszip-utils.js'></script>
+    <script language='javascript' type='text/javascript' src='https://cdn.jsdelivr.net/gh/eligrey/FileSaver.js@master/dist/FileSaver.js'></script>
+    
     <title>HandleFiles</title>
   </head>
   <body>
@@ -50,6 +55,7 @@
             <input type='button' style='font-size:18px' class='fa' value='&#xf019' onclick='downloadFile()' title='download to pc'/>
             <input type='button' onclick='uploadFile()' style='font-size:18px' class='fa' value='&#xf0c7' title='store it'/>
             <input type='button' onclick='deleteFile()' style='font-size:18px' class='fa' value='&#xf014' title='delete it'/>
+            <input type='button' onclick='backup()' style='font-size:18px' class='fa' value='&#xf1c6' title='backup complete filesystem as zip'/>
             <span id='response'></span>
           </td>
         </tr>
diff --git a/data/web/handlefiles.js b/data/web/handlefiles.js
@@ -241,4 +241,43 @@ function deleteFile() {
     requestData(JSON.stringify(data));
     init(pathOfFile);
   } else { setResponse(false, 'Filename is empty, Please define it.');}
+}
+
+// ***********************************
+// backup complete filesystem of ESP by zipfile
+//
+// https://gist.github.com/noelvo/4502eea719f83270c8e9
+// ***********************************
+function backup() {
+  var url = [];
+  
+  for(let i = 0; i < DirJson.length; i++) { 
+    DirJson[i].content.forEach(function (file) {
+		  if (file.isDir==0) {
+	      //console.log(DirJson[i].path, file.name)
+				url.push(DirJson[i].path + "/" + file.name)
+      }
+    })
+  }
+  compressed_img(url, "backup");
+}
+
+function compressed_img(urls,nombre) {
+  var zip = new JSZip();
+  var count = 0;
+  var name = nombre + ".zip";
+  urls.forEach(function(url){
+    JSZipUtils.getBinaryContent(url, function (err, data) {
+      if(err) {
+         throw err; 
+      }
+       zip.file(url, data,  {binary:true});
+       count++;
+       if (count == urls.length) {
+         zip.generateAsync({type:'blob'}).then(function(content) {
+            saveAs(content, name);
+         });
+       }
+      });
+  });
 }
