Fix imports and exports (#2183)

Author: Killklli

static/js/generate_buttons.js

@@ -446,7 +446,7 @@ function uuidv4() {
     );
   }
 
-document.getElementById("import_settings").addEventListener("click", async function(event) {
+async function import_settings_string(event) {
     // Click event for importing settings from a string.
 
     event.preventDefault();
@@ -552,6 +552,8 @@ document.getElementById("import_settings").addEventListener("click", async funct
     update_ui_states(null);
     savesettings();
     generateToast("Imported settings string.<br />All non-cosmetic settings have been overwritten.");
-});
+}
+
+document.getElementById("import_settings").addEventListener("click", import_settings_string);
 
 window["setup_pyodide"] = setup_pyodide;

static/js/utils.js

@@ -5,9 +5,8 @@ function download_json_file(jsonData, filename) {
         jsonData (Object): The object containing the data to be downloaded.
         filename (string): The name of the file to be downloaded.
     */
-    
-    // Convert the JSON data to a string
-    const jsonString = JSON.stringify(jsonData, null, 4);
+    // Check if the jsonData is already a string, if not convert it to a string
+    const jsonString = typeof jsonData === "string" ? jsonData : JSON.stringify(jsonData, null, 4);
 
     // Create a Blob object representing the data as a JSON file
     const blob = new Blob([jsonString], { type: "application/json" });

ui/plando_settings.py

@@ -513,7 +513,7 @@ def export_plando_options(evt):
     plandoData = populate_plando_options(form, True)
     js.export_settings_string(None)
     plandoData["Settings String"] = js.settings_string.value
-    js.download_json_file(plandoData, "plando_settings.json")
+    js.download_json_file(json.dumps(plandoData), "plando_settings.json")
 
 
 @bind("change", "plando_starting_kongs_selected")