Spaces:
Sleeping
Sleeping
File size: 2,180 Bytes
43a06dc |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 |
<script lang="ts">
import settings from "$lib/state/settings";
import { t } from "$lib/i18n/translations";
import SettingsInput from "$components/settings/SettingsInput.svelte";
import SettingsToggle from "$components/buttons/SettingsToggle.svelte";
import SettingsCategory from "$components/settings/SettingsCategory.svelte";
</script>
<SettingsCategory
sectionId="community"
title={$t("settings.processing.community")}
>
<div class="category-inside-group">
<SettingsToggle
settingContext="processing"
settingId="enableCustomInstances"
title={$t("settings.processing.enable_custom.title")}
/>
{#if $settings.processing.enableCustomInstances}
<SettingsInput
settingContext="processing"
settingId="customInstanceURL"
placeholder="https://instance.url.example/"
showInstanceWarning
altText={$t("settings.processing.custom_instance.input.alt_text")}
/>
{/if}
</div>
<div class="subtext">
{$t("settings.processing.enable_custom.description")}
</div>
</SettingsCategory>
<SettingsCategory
sectionId="access-key"
title={$t("settings.processing.access_key")}
>
<div class="category-inside-group">
<SettingsToggle
settingContext="processing"
settingId="enableCustomApiKey"
title={$t("settings.processing.access_key.title")}
/>
{#if $settings.processing.enableCustomApiKey}
<SettingsInput
settingContext="processing"
settingId="customApiKey"
placeholder="00000000-0000-0000-0000-000000000000"
altText={$t("settings.processing.access_key.input.alt_text")}
type="uuid"
/>
{/if}
</div>
<div class="subtext">
{$t("settings.processing.access_key.description")}
</div>
</SettingsCategory>
<style>
.category-inside-group {
display: flex;
flex-direction: column;
gap: 6px;
}
.subtext {
margin-top: -3px;
}
</style>
|