mirror of
https://github.com/immich-app/immich.git
synced 2025-06-02 13:18:19 -04:00
a9e6657a37
* keep admin settings accordion state in search params * refactor: sync implementation * fix: avoid mutating svelte's internal search params * add query parameter to enum --------- Co-authored-by: Jason Rasmussen <jrasm91@gmail.com>
81 lines
3.0 KiB
Svelte
81 lines
3.0 KiB
Svelte
<script lang="ts">
|
|
import { browser } from '$app/environment';
|
|
import { page } from '$app/stores';
|
|
import { featureFlags } from '$lib/stores/server-config.store';
|
|
import { type APIKeyResponseDto, type AuthDeviceResponseDto, oauth } from '@api';
|
|
import SettingAccordion from '../admin-page/settings/setting-accordion.svelte';
|
|
import ChangePasswordSettings from './change-password-settings.svelte';
|
|
import DeviceList from './device-list.svelte';
|
|
import LibraryList from './library-list.svelte';
|
|
import MemoriesSettings from './memories-settings.svelte';
|
|
import OAuthSettings from './oauth-settings.svelte';
|
|
import PartnerSettings from './partner-settings.svelte';
|
|
import SidebarSettings from './sidebar-settings.svelte';
|
|
import UserAPIKeyList from './user-api-key-list.svelte';
|
|
import UserProfileSettings from './user-profile-settings.svelte';
|
|
import { user } from '$lib/stores/user.store';
|
|
import { OpenSettingQueryParameterValue, QueryParameter } from '$lib/constants';
|
|
import AppearanceSettings from './appearance-settings.svelte';
|
|
import TrashSettings from './trash-settings.svelte';
|
|
|
|
export let keys: APIKeyResponseDto[] = [];
|
|
export let devices: AuthDeviceResponseDto[] = [];
|
|
|
|
let oauthOpen = false;
|
|
if (browser) {
|
|
oauthOpen = oauth.isCallback(window.location);
|
|
}
|
|
</script>
|
|
|
|
<SettingAccordion key="appearance" title="Appearance" subtitle="Manage your Immich appearance">
|
|
<AppearanceSettings />
|
|
</SettingAccordion>
|
|
|
|
<SettingAccordion key="account" title="Account" subtitle="Manage your account">
|
|
<UserProfileSettings user={$user} />
|
|
</SettingAccordion>
|
|
|
|
<SettingAccordion key="api-keys" title="API Keys" subtitle="Manage your API keys">
|
|
<UserAPIKeyList bind:keys />
|
|
</SettingAccordion>
|
|
|
|
<SettingAccordion key="authorized-devices" title="Authorized Devices" subtitle="Manage your logged-in devices">
|
|
<DeviceList bind:devices />
|
|
</SettingAccordion>
|
|
|
|
<SettingAccordion key="libraries" title="Libraries" subtitle="Manage your asset libraries">
|
|
<LibraryList />
|
|
</SettingAccordion>
|
|
|
|
<SettingAccordion key="memories" title="Memories" subtitle="Manage what you see in your memories.">
|
|
<MemoriesSettings user={$user} />
|
|
</SettingAccordion>
|
|
|
|
{#if $featureFlags.loaded && $featureFlags.oauth}
|
|
<SettingAccordion
|
|
key="oauth"
|
|
title="OAuth"
|
|
subtitle="Manage your OAuth connection"
|
|
isOpen={oauthOpen ||
|
|
$page.url.searchParams.get(QueryParameter.OPEN_SETTING) === OpenSettingQueryParameterValue.OAUTH}
|
|
>
|
|
<OAuthSettings user={$user} />
|
|
</SettingAccordion>
|
|
{/if}
|
|
|
|
<SettingAccordion key="password" title="Password" subtitle="Change your password">
|
|
<ChangePasswordSettings />
|
|
</SettingAccordion>
|
|
|
|
<SettingAccordion key="sharing" title="Sharing" subtitle="Manage sharing with partners">
|
|
<PartnerSettings user={$user} />
|
|
</SettingAccordion>
|
|
|
|
<SettingAccordion key="sidebar" title="Sidebar" subtitle="Manage sidebar settings">
|
|
<SidebarSettings />
|
|
</SettingAccordion>
|
|
|
|
<SettingAccordion key="trash" title="Trash" subtitle="Manage trash settings">
|
|
<TrashSettings />
|
|
</SettingAccordion>
|