Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2024-11-15 12:50:01 +00:00
Code Issues Projects Releases Packages Wiki Activity

web/TransferSettings: show a safety warning before importing

Browse source
This commit is contained in:
wukko 2024-07-28 13:20:22 +06:00
parent 5bb5c6dc3c
commit 4210b17d89
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
2 changed files with 60 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
web/i18n/en/dialog.json
View file

@ -7,6 +7,7 @@
"button.download": "download",
"button.share": "share",
"button.copy": "copy",
"button.import": "import",
"reset.title": "reset all settings?",
"reset.body": "are you sure you want to reset all settings? this action is immediate and irreversible.",
@ -16,5 +17,9 @@
"picker.description.phone": "press an item to save it. images can also be saved with a long press.",
"picker.description.ios": "press an item to save it with a shortcut. images can also be saved with a long press.",
"saving.title": "choose how to save"
"saving.title": "choose how to save",
"safety.title": "important safety notice",
"import.body": "importing unknown or corrupted files may unexpectedly alter or break cobalt functionality. only import files that you've personally exported and haven't modified.\n\nwe are not responsible for any harm caused by importing unknown setting files."
}

65
web/src/components/settings/TransferSettings.svelte
View file

@ -1,18 +1,14 @@
<script lang="ts">
import { t } from "$lib/i18n/translations";
import { createDialog } from "$lib/dialogs";
import settings, { updateSetting, loadFromString, } from "$lib/state/settings";
import ActionButton from "$components/buttons/ActionButton.svelte";
import IconFileExport from "@tabler/icons-svelte/IconFileExport.svelte";
import IconFileImport from "@tabler/icons-svelte/IconFileImport.svelte";
import settings, { updateSetting, loadFromString } from "$lib/state/settings";
const importSettings = () => {
const pseudoinput = document.createElement('input');
pseudoinput.type = 'file';
pseudoinput.accept = '.json';
pseudoinput.onchange = (e: Event) => {
const target = e.target as HTMLInputElement;
const reader = new FileReader();
reader.onload = function() {
const updateSettings = (reader: FileReader) => {
try {
const data = reader.result?.toString();
if (!data) {
@ -23,32 +19,61 @@
// someone can potentially import a broken config.
// i don't know if we should do something about it
// or just thug it out.
updateSetting(
loadFromString(data)
);
updateSetting(loadFromString(data));
} catch (e) {
alert(e);
}
}
};
const importSettings = () => {
const pseudoinput = document.createElement("input");
pseudoinput.type = "file";
pseudoinput.accept = ".json";
pseudoinput.onchange = (e: Event) => {
const target = e.target as HTMLInputElement;
const reader = new FileReader();
reader.onload = function () {
createDialog({
id: "import-confirm",
type: "small",
icon: "warn-red",
title: $t("dialog.safety.title"),
bodyText: $t("dialog.import.body"),
buttons: [
{
text: $t("dialog.button.cancel"),
main: false,
action: () => {},
},
{
text: $t("dialog.button.import"),
color: "red",
main: true,
action: () => updateSettings(reader),
},
],
});
};
if (target.files?.length === 1) {
reader.readAsText(target.files[0]);
} else alert('file missing');
} else alert("file missing");
};
pseudoinput.click();
}
};
const exportSettings = () => {
const blob = new Blob(
[ JSON.stringify($settings, null, 2) ],
{ type: 'application/json' }
{ type: "application/json" }
);
const pseudolink = document.createElement('a');
const pseudolink = document.createElement("a");
pseudolink.href = URL.createObjectURL(blob);
pseudolink.download = 'settings.json';
pseudolink.download = "settings.json";
pseudolink.click();
}
};
</script>
<div class="button-row" id="settings-data-transfer">