Python3

routes/maintenance.py

@@ -85,6 +85,16 @@ def handle(self, app, cmd):
         elif cmd == 'ssh':
             subprocess.call(['systemctl', 'restart', 'ssh'], stderr=self.void)
             return self.jsonify({'ssh': True})
+        elif cmd == 'backup':
+            subprocess.call(['tar', '-czf', '/boot/settings.tar.gz', '/root/photoframe_config'], stderr=self.void)
+            return 'Backup Successful', 200
+        elif cmd == 'restore':
+            if os.path.isfile("/boot/settings.tar.gz"):
+                subprocess.call(['tar', '-xzf', '/boot/settings.tar.gz', '-C', '/'], stderr=self.void)
+                subprocess.Popen('systemctl restart frame', shell=True)
+                return 'Restore settings complete', 200
+            else:
+                return 'No restore file found', 404
         elif cmd == 'standby':
             self.timekeeper.setExternalStandby(True)
             return self.jsonify({'standby': self.timekeeper.getExternalStandby()})

static/js/main.js

@@ -327,6 +327,25 @@ $("#reboot").click(function() {
   }
 });
 
+$("#backup").click(function() {
+  if (confirm("Backup current settings to /boot/settings.tar.gz ?")) {
+    $.ajax({
+      url:"/maintenance/backup"
+    }).done(function (){
+    });
+  }
+});
+
+$("#restore").click(function() {
+  if (confirm("This will remove the current configuration and restore saved settings from /boot/settings.tar.gz ?")) {
+    $.ajax({
+      url:"/maintenance/restore"
+    }).done(function(){
+      rebootWatch();
+    });
+  }
+});
+
 $("#shutdown").click(function() {
   if (confirm("Are you sure you want to POWER OFF the frame?")) {
     $.ajax({

static/template/main.html

@@ -159,14 +159,16 @@ <h1><a href="https://github.com/mrworf/photoframe">PhotoFrame Configuration</a>
 	</div>
 	<div>
 		<input type="button" id="update" value="Check for update">
-		<div style="display: inline-block; width: 100px"></div>
+		<div style="display: inline-block; width: 25px"></div>
 		<input type="button" id="reboot" value="Reboot">
 		<input type="button" id="shutdown" value="Power off">
-		<div style="display: inline-block; width: 100px"></div>
+		<div style="display: inline-block; width: 25px"></div>
 		<input type="button" id="forgetMemory" title="Show images that have already been displayed" value="Forget Memory">
 		<input type="button" id="clearCache" title="In case you have recently cropped or edited your photos" value="Clear Cache">
 		<input type="button" id="reset" value="Factory Reset">
-		<div style="display: inline-block; width: 100px"></div>
+        <input type="button" id="backup" value="Backup Settings">
+        <input type="button" id="restore" value="Restore Settings">
+        <div style="display: inline-block; width: 25px"></div>
 		<input type="button" id="debug" value="Log report">
 	</div>
 </div>