Jon Staab
81 lines
2.5 KiB
Svelte
81 lines
2.5 KiB
Svelte
<script lang="ts">
|
|
import {preventDefault} from "@lib/html"
|
|
import FieldInline from "@lib/components/FieldInline.svelte"
|
|
import Button from "@lib/components/Button.svelte"
|
|
import {pushToast} from "@app/util/toast"
|
|
import {PLATFORM_NAME, RelayAuthMode, userSettingsValues} from "@app/core/state"
|
|
import {publishSettings} from "@app/core/commands"
|
|
|
|
const reset = () => {
|
|
settings = {...$userSettingsValues}
|
|
}
|
|
|
|
const onAuthModeChange = (e: any) => {
|
|
settings.auth_mode = e.target.checked ? RelayAuthMode.Aggressive : RelayAuthMode.Conservative
|
|
}
|
|
|
|
const onsubmit = preventDefault(async () => {
|
|
await publishSettings($state.snapshot(settings))
|
|
|
|
pushToast({message: "Your settings have been saved!"})
|
|
})
|
|
|
|
let settings = $state({...$userSettingsValues})
|
|
</script>
|
|
|
|
<form class="content column gap-4" {onsubmit}>
|
|
<div class="card2 bg-alt col-4 shadow-md">
|
|
<strong class="text-lg">Privacy Settings</strong>
|
|
<FieldInline>
|
|
{#snippet label()}
|
|
<p>Authenticate with unknown relays?</p>
|
|
{/snippet}
|
|
{#snippet input()}
|
|
<input
|
|
type="checkbox"
|
|
class="toggle toggle-primary"
|
|
onchange={onAuthModeChange}
|
|
checked={settings.auth_mode === RelayAuthMode.Aggressive} />
|
|
{/snippet}
|
|
{#snippet info()}
|
|
<p>
|
|
Controls whether {PLATFORM_NAME} will identify you to relays not in your lists.
|
|
</p>
|
|
{/snippet}
|
|
</FieldInline>
|
|
<FieldInline>
|
|
{#snippet label()}
|
|
<p>Report errors?</p>
|
|
{/snippet}
|
|
{#snippet input()}
|
|
<input
|
|
type="checkbox"
|
|
class="toggle toggle-primary"
|
|
bind:checked={settings.report_errors} />
|
|
{/snippet}
|
|
{#snippet info()}
|
|
<p>
|
|
Allow {PLATFORM_NAME} to send error reports to help improve the app.
|
|
</p>
|
|
{/snippet}
|
|
</FieldInline>
|
|
<FieldInline>
|
|
{#snippet label()}
|
|
<p>Report usage?</p>
|
|
{/snippet}
|
|
{#snippet input()}
|
|
<input type="checkbox" class="toggle toggle-primary" bind:checked={settings.report_usage} />
|
|
{/snippet}
|
|
{#snippet info()}
|
|
<p>
|
|
Allow {PLATFORM_NAME} to collect anonymous usage data.
|
|
</p>
|
|
{/snippet}
|
|
</FieldInline>
|
|
<div class="mt-4 flex flex-row items-center justify-between gap-4">
|
|
<Button class="btn btn-neutral" onclick={reset}>Discard Changes</Button>
|
|
<Button type="submit" class="btn btn-primary">Save Changes</Button>
|
|
</div>
|
|
</div>
|
|
</form>
|