aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Settings/SettingCheckboxToggle.svelte
diff options
context:
space:
mode:
authorFuwn <[email protected]>2024-01-10 23:59:45 -0800
committerFuwn <[email protected]>2024-01-10 23:59:45 -0800
commit3dfc9cf9e2dabbca48f66bcd0d4dd0cf562aec35 (patch)
tree96dfb880a52d4b2316e21d4d8157f50fa3316591 /src/lib/Settings/SettingCheckboxToggle.svelte
parentfeat(settings): clearer wording (diff)
downloaddue.moe-3dfc9cf9e2dabbca48f66bcd0d4dd0cf562aec35.tar.xz
due.moe-3dfc9cf9e2dabbca48f66bcd0d4dd0cf562aec35.zip
feat(calculation): invert smart calculation option
Diffstat (limited to 'src/lib/Settings/SettingCheckboxToggle.svelte')
-rw-r--r--src/lib/Settings/SettingCheckboxToggle.svelte8
1 files changed, 6 insertions, 2 deletions
diff --git a/src/lib/Settings/SettingCheckboxToggle.svelte b/src/lib/Settings/SettingCheckboxToggle.svelte
index 0cfbbd8e..87f5b330 100644
--- a/src/lib/Settings/SettingCheckboxToggle.svelte
+++ b/src/lib/Settings/SettingCheckboxToggle.svelte
@@ -14,6 +14,9 @@
export let onChange: () => void = () => {
return;
};
+ export let invert = false;
+
+ $: checked = invert ? !$settings[setting] : $settings[setting];
// const toggler = (key: keyof Settings) => [
// () =>
@@ -35,13 +38,14 @@
// ];
const check = (e: Event & { currentTarget: EventTarget & HTMLInputElement }): void => {
- settings.setKey(setting, (e.target as HTMLInputElement).checked);
+ const checked = (e.target as HTMLInputElement).checked;
+ settings.setKey(setting, invert ? !checked : checked);
onChange();
};
</script>
-<input type="checkbox" on:change={check} bind:checked={$settings[setting]} />
+<input type="checkbox" on:change={check} bind:checked />
<span
on:click={() => ($settings[setting] = !$settings[setting])}