feat(web): add a setting to load the original file (#6753)

* feat(web): add a setting to load the original file

* fix: export

* fix: subtitle
This commit is contained in:
martin 2024-02-13 15:42:29 +01:00 committed by GitHub
parent e49bbf8574
commit b4579e788b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 34 additions and 2 deletions

View file

@ -0,0 +1,24 @@
<script lang="ts">
import { fade } from 'svelte/transition';
import { alwaysLoadOriginalFile } from '../../stores/preferences.store';
import SettingSwitch from '../admin-page/settings/setting-switch.svelte';
const handleToggle = () => {
$alwaysLoadOriginalFile = !$alwaysLoadOriginalFile;
};
</script>
<section class="my-4">
<div in:fade={{ duration: 500 }}>
<div class="ml-4 mt-4 flex flex-col gap-4">
<div class="ml-4">
<SettingSwitch
title="Display original photos"
subtitle="Prefer to display the original photo when viewing an asset rather than thumbnails when the original asset is web-compatible. This may result in slower photo display speeds."
bind:checked={$alwaysLoadOriginalFile}
on:toggle={handleToggle}
/>
</div>
</div>
</div>
</section>

View file

@ -17,6 +17,7 @@
import { OpenSettingQueryParameterValue, QueryParameter } from '$lib/constants';
import AppearanceSettings from './appearance-settings.svelte';
import TrashSettings from './trash-settings.svelte';
import QualitySettings from './quality-settings.svelte';
export let keys: APIKeyResponseDto[] = [];
export let devices: AuthDeviceResponseDto[] = [];
@ -67,6 +68,10 @@
<ChangePasswordSettings />
</SettingAccordion>
<SettingAccordion key="quality" title="Quality" subtitle="Manage your photo viewing experience">
<QualitySettings />
</SettingAccordion>
<SettingAccordion key="sharing" title="Sharing" subtitle="Manage sharing with partners">
<PartnerSettings user={$user} />
</SettingAccordion>