From 47559730e3565d0cb2b398795b3c525024c0423e Mon Sep 17 00:00:00 2001
From: Bnyro <yannick.fehler@web.de>
Date: Sat, 13 Aug 2022 11:29:31 +0200
Subject: [PATCH] backup and restore prefs

---
 src/components/PreferencesPage.vue | 22 ++++++++++++++++++++++
 src/locales/en.json                |  4 +++-
 2 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/src/components/PreferencesPage.vue b/src/components/PreferencesPage.vue
index 2fa2400c..f5321f0a 100644
--- a/src/components/PreferencesPage.vue
+++ b/src/components/PreferencesPage.vue
@@ -317,6 +317,14 @@
     <p v-text="`${$t('information.preferences_note')}`" />
     <br />
     <button class="btn" v-text="`${$t('actions.reset_preferences')}`" @click="resetPreferences()" />
+    <button class="btn mx-4" v-text="`${$t('actions.backup_preferences')}`" @click="backupPreferences()" />
+    <label
+        for="fileSelector"
+        class="btn"
+        v-text="`${$t('actions.restore_preferences')}`"
+        @click="restorePreferences()"
+    />
+    <input class="hidden" id="fileSelector" ref="fileSelector" type="file" @change="restorePreferences()" />
 </template>
 
 <script>
@@ -593,6 +601,20 @@ export default {
                 } else alert(resp.error);
             });
         },
+        backupPreferences() {
+            const data = JSON.stringify(localStorage);
+            this.download(data, "preferences.json", "application/json");
+        },
+        restorePreferences() {
+            var file = this.$refs.fileSelector.files[0];
+            file.text().then(text => {
+                const data = JSON.parse(text);
+                Object.keys(data).forEach(function (key) {
+                    localStorage.setItem(key, data[key]);
+                });
+                window.location.reload();
+            });
+        },
     },
 };
 </script>
diff --git a/src/locales/en.json b/src/locales/en.json
index c1af3178..042096c3 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -93,7 +93,9 @@
         "clone_playlist": "Clone Playlist",
         "clone_playlist_success": "Successfully cloned!",
         "download_as_txt": "Download as .txt",
-        "reset_preferences": "Reset preferences"
+        "reset_preferences": "Reset preferences",
+        "backup_preferences": "Backup preferences",
+        "restore_preferences": "Restore preferences"
     },
     "comment": {
         "pinned_by": "Pinned by",