mirror of
https://github.com/jomjol/AI-on-the-edge-device.git
synced 2025-12-07 12:06:58 +03:00
added backup page
This commit is contained in:
George Ruinelli
3
sd-card/html/FileSaver.min.js
vendored
Normal file
3
sd-card/html/FileSaver.min.js
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
(function(a,b){if("function"==typeof define&&define.amd)define([],b);else if("undefined"!=typeof exports)b();else{b(),a.FileSaver={exports:{}}.exports}})(this,function(){"use strict";function b(a,b){return"undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c)},d.onerror=function(){console.error("could not download file")},d.send()}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send()}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"))}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b)}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof global&&global.global===global?global:void 0,a=/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href)},4E4),setTimeout(function(){e(j)},0))}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else{var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i)})}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null},k.readAsDataURL(b)}else{var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m)},4E4)}});f.saveAs=g.saveAs=g,"undefined"!=typeof module&&(module.exports=g)});
|
||||
|
||||
//# sourceMappingURL=FileSaver.min.js.map
|
||||
1
sd-card/html/FileSaver.min.js.map
Normal file
1
sd-card/html/FileSaver.min.js.map
Normal file
File diff suppressed because one or more lines are too long
127
sd-card/html/backup.html
Normal file
127
sd-card/html/backup.html
Normal file
@@ -0,0 +1,127 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link rel="icon" href="favicon.ico" type="image/x-icon">
|
||||
<title>Backup/Restore Configuration</title>
|
||||
<meta charset="utf-8">
|
||||
|
||||
<style>
|
||||
h1 {font-size: 2em;}
|
||||
h2 {font-size: 1.5em;}
|
||||
h3 {font-size: 1.2em;}
|
||||
p {font-size: 1em;}
|
||||
|
||||
input[type=number] {
|
||||
width: 138px;
|
||||
padding: 10px 5px;
|
||||
display: inline-block;
|
||||
border: 1px solid #ccc;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.button {
|
||||
padding: 10px 20px;
|
||||
width: 211px;
|
||||
font-size: 16px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body style="font-family: arial; padding: 0px 10px;">
|
||||
<h2>Backup Configuration</h2>
|
||||
<p>With the following action the config folder on the SD-card gets zipped and provided as a download.</p>
|
||||
|
||||
<table border="0">
|
||||
</tr>
|
||||
<td>
|
||||
<button class="button" id="doBackup" type="button" onclick="doBackup()">Create Config backup</button>
|
||||
</td>
|
||||
<td>
|
||||
<p id=progress></p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<hr>
|
||||
<h2>Restore Configuration</h2>
|
||||
<p>Not implemented yet.<br>
|
||||
But you can use the <a href="/fileserver/config" target="_self">File Server</a> to upload individual files.</p>
|
||||
</body>
|
||||
|
||||
|
||||
<script src="jszip.min.js"></script>
|
||||
<script src="FileSaver.min.js"></script>
|
||||
<script>
|
||||
|
||||
function doBackup() {
|
||||
|
||||
document.getElementById("progress").innerHTML = "Creating backup...";
|
||||
|
||||
// Get hostname
|
||||
var xhttp = new XMLHttpRequest();
|
||||
xhttp.open("GET", "/version?type=Hostname", false);
|
||||
xhttp.send();
|
||||
|
||||
hostname = xhttp.responseText;
|
||||
|
||||
// get date/time
|
||||
var dateTime = new Date().toJSON().slice(0,10) + "_" + new Date().toJSON().slice(11,19).replaceAll(":", "-");
|
||||
|
||||
zipFilename = hostname + "_" + dateTime + ".zip";
|
||||
console.log(zipFilename);
|
||||
|
||||
// Get files list
|
||||
var xhttp = new XMLHttpRequest();
|
||||
xhttp.open("GET", "/fileserver/config/", false);
|
||||
xhttp.send();
|
||||
|
||||
var parser = new DOMParser();
|
||||
var content = parser.parseFromString(xhttp.responseText, 'text/html');
|
||||
|
||||
const list = content.querySelectorAll("a");
|
||||
|
||||
var urls = [];
|
||||
|
||||
for (a of list) {
|
||||
url = a.getAttribute("href");
|
||||
urls.push(url);
|
||||
}
|
||||
|
||||
// Pack as zip and download
|
||||
saveZip(zipFilename, urls);
|
||||
}
|
||||
|
||||
|
||||
const saveZip = (filename, urls) => {
|
||||
if(!urls) return;
|
||||
|
||||
const zip = new JSZip();
|
||||
const folder = zip.folder("");
|
||||
|
||||
var i = 0;
|
||||
urls.forEach((url) => {
|
||||
const blobPromise = fetch(url).then((r) => {
|
||||
if (r.status === 200) return r.blob();
|
||||
return Promise.reject(new Error(r.statusText));
|
||||
});
|
||||
const name = url.substring(url.lastIndexOf("/") + 1);
|
||||
folder.file(name, blobPromise);
|
||||
});
|
||||
|
||||
zip.generateAsync({ type: "blob" },
|
||||
function updateCallback(metadata) {
|
||||
var msg = "Progress: " + metadata.percent.toFixed(0) + "%";
|
||||
if(metadata.currentFile) {
|
||||
msg += ", " + metadata.currentFile;
|
||||
}
|
||||
|
||||
console.log(msg);
|
||||
document.getElementById("progress").innerHTML = msg;
|
||||
}
|
||||
).then((blob) => saveAs(blob, filename));
|
||||
};
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</html>
|
||||
@@ -95,6 +95,7 @@ li.dropdown {
|
||||
<li class="dropdown">
|
||||
<a href="javascript:void(0)" class="dropbtn">System</a>
|
||||
<div class="dropdown-content">
|
||||
<a href="#"onclick="document.getElementById('maincontent').src = '/backup.html';">Backup/Restore</a>
|
||||
<a href="#"onclick="document.getElementById('maincontent').src = '/ota_page.html';">OTA Update</a>
|
||||
<a href="#"onclick="document.getElementById('maincontent').src = '/fileserver/log/message/?readonly=true';">Log Viewer</a>
|
||||
<a href="#"onclick="document.getElementById('maincontent').src = '/reboot_page.html';">Reboot</a>
|
||||
|
||||
13
sd-card/html/jszip.min.js
vendored
Normal file
13
sd-card/html/jszip.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user