aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--src/pages/components/Button.svelte2
-rw-r--r--src/pages/components/Input.svelte2
-rw-r--r--src/pages/components/Row.svelte2
-rw-r--r--src/pages/options_src/General/General.svelte6
-rw-r--r--src/pages/options_src/General/SettingsButtons.svelte34
-rw-r--r--src/pages/options_src/Sidebar.svelte6
6 files changed, 18 insertions, 34 deletions
diff --git a/src/pages/components/Button.svelte b/src/pages/components/Button.svelte
index 3405c2ea..8836b47e 100644
--- a/src/pages/components/Button.svelte
+++ b/src/pages/components/Button.svelte
@@ -1,4 +1,4 @@
-<button on:click {...$$props}>
+<button {...$$restProps} on:click {...$$props}>
<slot></slot>
</button>
diff --git a/src/pages/components/Input.svelte b/src/pages/components/Input.svelte
index 97a47e6d..59e584db 100644
--- a/src/pages/components/Input.svelte
+++ b/src/pages/components/Input.svelte
@@ -3,7 +3,7 @@
</script>
<input
- {...$$props}
+ {...$$restProps}
bind:value
on:blur
on:change
diff --git a/src/pages/components/Row.svelte b/src/pages/components/Row.svelte
index 68b528e3..09246d98 100644
--- a/src/pages/components/Row.svelte
+++ b/src/pages/components/Row.svelte
@@ -1,4 +1,4 @@
-<div {...$$props} on:click>
+<div {...$$restProps} on:click>
<slot></slot>
</div>
diff --git a/src/pages/options_src/General/General.svelte b/src/pages/options_src/General/General.svelte
index 732ad83b..37c38a0a 100644
--- a/src/pages/options_src/General/General.svelte
+++ b/src/pages/options_src/General/General.svelte
@@ -38,7 +38,6 @@
_options.theme = e.target.options[e.target.options.selectedIndex].value
options.set(_options)
}}
- ariaLabel="select theme"
/>
</Row>
@@ -55,7 +54,6 @@
_options.fetchInstances = e.target.options[e.target.options.selectedIndex].value
options.set(_options)
}}
- ariaLabel={"Select fetch public instances"}
/>
</Row>
@@ -75,7 +73,7 @@
<Checkbox bind:checked={bookmarksPermission} />
</Row>
- <Exceptions opts={_options} />
+ <Exceptions />
- <SettingsButtons opts={_options} />
+ <SettingsButtons />
</div>
diff --git a/src/pages/options_src/General/SettingsButtons.svelte b/src/pages/options_src/General/SettingsButtons.svelte
index 3ea46a2d..2f574199 100644
--- a/src/pages/options_src/General/SettingsButtons.svelte
+++ b/src/pages/options_src/General/SettingsButtons.svelte
@@ -14,24 +14,18 @@
const unsubscribe = options.subscribe(val => (_options = val))
onDestroy(unsubscribe)
- let disableButtons = false
-
let importSettingsInput
let importSettingsFiles
$: if (importSettingsFiles) {
- disableButtons = true
const reader = new FileReader()
reader.readAsText(importSettingsFiles[0])
reader.onload = async () => {
const data = JSON.parse(reader.result)
if ("theme" in data && data.version == browser.runtime.getManifest().version) {
browser.storage.local.clear(async () => {
- console.log("clearing")
options.set(data)
- disableButtons = false
})
} else {
- console.log("incompatible settings")
alert("Incompatible settings")
}
}
@@ -42,26 +36,21 @@
}
async function exportSettings() {
- disableButtons = true
_options.version = browser.runtime.getManifest().version
const resultString = JSON.stringify(_options, null, " ")
const anchor = document.createElement("a")
anchor.href = "data:application/json;base64," + btoa(resultString)
anchor.download = `libredirect-settings-v${_options.version}.json`
anchor.click()
- disableButtons = false
}
async function exportSettingsSync() {
- disableButtons = true
_options.version = browser.runtime.getManifest().version
await servicesHelper.initDefaults()
browser.storage.sync.set({ options: _options })
- disableButtons = false
}
async function importSettingsSync() {
- disableButtons = true
browser.storage.sync.get({ options }, r => {
const optionsSync = r.options
if (optionsSync.version == browser.runtime.getManifest().version) {
@@ -69,24 +58,21 @@
} else {
alert("Error")
}
- disableButtons = false
})
}
async function resetSettings() {
- disableButtons = true
browser.storage.local.clear(async () => {
await servicesHelper.initDefaults()
options.set(await utils.getOptions())
- disableButtons = false
})
}
</script>
<div class="buttons">
- <Button on:click={() => importSettingsInput.click()} disabled={disableButtons}>
+ <Button on:click={() => importSettingsInput.click()}>
<ImportIcon class="margin margin_{document.body.dir}" />
- <x data-localise="__MSG_importSettings__">{browser.i18n.getMessage("importSettings") || "Import Settings"}</x>
+ {browser.i18n.getMessage("importSettings") || "Import Settings"}
</Button>
<input
type="file"
@@ -96,24 +82,24 @@
bind:files={importSettingsFiles}
/>
- <Button on:click={exportSettings} disabled={disableButtons}>
+ <Button on:click={exportSettings}>
<ExportIcon class="margin margin_{document.body.dir}" />
- <x data-localise="__MSG_exportSettings__">{browser.i18n.getMessage("exportSettings") || "Export Settings"}</x>
+ {browser.i18n.getMessage("exportSettings") || "Export Settings"}
</Button>
- <Button on:click={exportSettingsSync} disabled={disableButtons}>
+ <Button on:click={exportSettingsSync}>
<ExportIcon class="margin margin_{document.body.dir}" />
- <x>Export Settings to Sync</x>
+ {browser.i18n.getMessage("exportSettingsToSync") || "Export Settings to Sync"}
</Button>
- <Button on:click={importSettingsSync} disabled={disableButtons}>
+ <Button on:click={importSettingsSync}>
<ImportIcon class="margin margin_{document.body.dir}" />
- <x>{browser.i18n.getMessage("importSettingsFromSync") || "Import Settings from Sync"}</x>
+ {browser.i18n.getMessage("importSettingsFromSync") || "Import Settings from Sync"}
</Button>
- <Button on:click={resetSettings} disabled={disableButtons}>
+ <Button on:click={resetSettings}>
<ResetIcon class="margin margin_{document.body.dir}" />
- <x>{browser.i18n.getMessage("resetSettings") || "Reset Settings"}</x>
+ {browser.i18n.getMessage("resetSettings") || "Reset Settings"}
</Button>
</div>
diff --git a/src/pages/options_src/Sidebar.svelte b/src/pages/options_src/Sidebar.svelte
index fb515f53..97780b15 100644
--- a/src/pages/options_src/Sidebar.svelte
+++ b/src/pages/options_src/Sidebar.svelte
@@ -10,15 +10,15 @@
<div>
<a href="#general" on:click={() => page.set("general")} style={$page == "general" && "color: var(--active);"}>
<GeneralIcon class="margin margin_{document.body.dir}" />
- <span data-localise="__MSG_general__">{browser.i18n.getMessage("general") || "General"}</span>
+ {browser.i18n.getMessage("general") || "General"}
</a>
<a href="#services" on:click={() => page.set("services")} style={$page == "services" && "color: var(--active);"}>
<ServicesIcon class="margin margin_{document.body.dir}" />
- <span data-localise="__MSG_services__">{browser.i18n.getMessage("general") || "Services"}</span>
+ {browser.i18n.getMessage("general") || "Services"}
</a>
<a href="https://libredirect.github.io" target="_blank" rel="noopener noreferrer">
<AboutIcon class="margin margin_{document.body.dir}" />
- <span data-localise="__MSG_about__">{browser.i18n.getMessage("about") || "About"}</span>
+ {browser.i18n.getMessage("about") || "About"}
</a>
</div>