add backup download button for easier backing up

KraXen72 · May 27, 2024 · 96c0e86 · 96c0e86
1 parent 2c7f8b1
commit 96c0e86
Show file tree

Hide file tree

Showing 6 changed files with 402 additions and 366 deletions.
diff --git a/img/cera-1p3.png b/img/cera-1p3.png
diff --git a/img/cera-1p4.png b/img/cera-1p4.png
diff --git a/img/haise-big1-40.png b/img/haise-big1-40.png
diff --git a/index.html b/index.html
@@ -37,8 +37,13 @@ <h1 class="title setting-title">Backup</h1>
 
 			<p>Here you can import and export backups. They will get exported in json. Backups contain links and all
 				settings.</p><br>
-			<span class="impexp-span"><input type="text" class="rb-input impexp-span"><button class="rb-button" id="import-json">import backup</button></span>
-			<span class="impexp-span"><input type="text" class="rb-input impexp-span"><button class="rb-button" id="export-json">export backup</button></span>
+			<div class="imp-ext-grid">
+				<input type="text" class="rb-input impexp-span" id="json-import-inp">
+				<button class="rb-button" id="import-json">import backup</button>
+				<input type="text" class="rb-input impexp-span" id="json-export-inp">
+				<button class="rb-button" id="export-json">export backup</button>
+				<button class="rb-button" id="export-json-file">download backup</button>
+			</div>
 		</div>
 		<div id="links-screen">
 			<div id="link-settings" draggable="false">