immich/web/src/lib/components/admin-settings/UserSettings.svelte
2025-11-13 13:17:44 -05:00

35 lines
1.3 KiB
Svelte

<script lang="ts">
import { fade } from 'svelte/transition';
import SettingButtonsRow from '$lib/components/shared-components/settings/SystemConfigButtonRow.svelte';
import SettingInputField from '$lib/components/shared-components/settings/setting-input-field.svelte';
import { SettingInputFieldType } from '$lib/constants';
import { featureFlags, systemConfigManager } from '$lib/stores/system-config-manager.svelte';
import { t } from 'svelte-i18n';
const disabled = $featureFlags.configFile;
const config = $derived(systemConfigManager.value);
let configToEdit = $state(systemConfigManager.cloneValue());
</script>
<div>
<div in:fade={{ duration: 500 }}>
<form autocomplete="off" onsubmit={(e) => e.preventDefault()}>
<div class="ms-4 mt-4 flex flex-col gap-4">
<SettingInputField
inputType={SettingInputFieldType.NUMBER}
min={1}
label={$t('admin.user_delete_delay_settings')}
description={$t('admin.user_delete_delay_settings_description')}
bind:value={configToEdit.user.deleteDelay}
isEdited={configToEdit.user.deleteDelay !== config.user.deleteDelay}
/>
</div>
<div class="ms-4">
<SettingButtonsRow bind:configToEdit keys={['user']} {disabled} />
</div>
</form>
</div>
</div>