mirror of
https://github.com/immich-app/immich.git
synced 2025-12-17 01:11:13 +03:00
ddd4ec2d9e
* feat(server/web): webp thumbnail size configurable * update api * add ui and fix test * lint * setting for jpeg size * feat: coerce to number * api * jpeg resolution --------- Co-authored-by: Jason Rasmussen <jrasm91@gmail.com>
62 lines
2.5 KiB
Svelte
62 lines
2.5 KiB
Svelte
<script lang="ts">
|
|
import { page } from '$app/stores';
|
|
import FFmpegSettings from '$lib/components/admin-page/settings/ffmpeg/ffmpeg-settings.svelte';
|
|
import JobSettings from '$lib/components/admin-page/settings/job-settings/job-settings.svelte';
|
|
import ThumbnailSettings from '$lib/components/admin-page/settings/thumbnail/thumbnail-settings.svelte';
|
|
import OAuthSettings from '$lib/components/admin-page/settings/oauth/oauth-settings.svelte';
|
|
import PasswordLoginSettings from '$lib/components/admin-page/settings/password-login/password-login-settings.svelte';
|
|
import SettingAccordion from '$lib/components/admin-page/settings/setting-accordion.svelte';
|
|
import StorageTemplateSettings from '$lib/components/admin-page/settings/storage-template/storage-template-settings.svelte';
|
|
import LoadingSpinner from '$lib/components/shared-components/loading-spinner.svelte';
|
|
import { api } from '@api';
|
|
import type { PageData } from './$types';
|
|
|
|
export let data: PageData;
|
|
|
|
const getConfig = async () => {
|
|
const { data } = await api.systemConfigApi.getConfig();
|
|
return data;
|
|
};
|
|
</script>
|
|
|
|
<section class="">
|
|
{#await getConfig()}
|
|
<LoadingSpinner />
|
|
{:then configs}
|
|
<SettingAccordion title="Thumbnail Settings" subtitle="Manage the resolution of thumbnail sizes">
|
|
<ThumbnailSettings thumbnailConfig={configs.thumbnail} />
|
|
</SettingAccordion>
|
|
|
|
<SettingAccordion
|
|
title="FFmpeg Settings"
|
|
subtitle="Manage the resolution and encoding information of the video files"
|
|
>
|
|
<FFmpegSettings ffmpegConfig={configs.ffmpeg} />
|
|
</SettingAccordion>
|
|
|
|
<SettingAccordion
|
|
title="Job Settings"
|
|
subtitle="Manage job concurrency"
|
|
isOpen={$page.url.searchParams.get('open') === 'job-settings'}
|
|
>
|
|
<JobSettings jobConfig={configs.job} />
|
|
</SettingAccordion>
|
|
|
|
<SettingAccordion title="Password Authentication" subtitle="Manage login with password settings">
|
|
<PasswordLoginSettings passwordLoginConfig={configs.passwordLogin} />
|
|
</SettingAccordion>
|
|
|
|
<SettingAccordion title="OAuth Authentication" subtitle="Manage the login with OAuth settings">
|
|
<OAuthSettings oauthConfig={configs.oauth} />
|
|
</SettingAccordion>
|
|
|
|
<SettingAccordion
|
|
title="Storage Template"
|
|
subtitle="Manage the folder structure and file name of the upload asset"
|
|
isOpen={$page.url.searchParams.get('open') === 'storage-template'}
|
|
>
|
|
<StorageTemplateSettings storageConfig={configs.storageTemplate} user={data.user} />
|
|
</SettingAccordion>
|
|
{/await}
|
|
</section>
|