alexei.dolgolyov
6e51164f8e
Fix 19 issues across 3 priority tiers found during full-codebase review: CRITICAL: - Fix undefined --color-secondary CSS variable causing invisible UI elements - Fix Google Photos command templates using nonexistent asset.originalFileName - Fix scheduler template variable docs (tracker_name → schedule_name) - Add missing admin guard on notification template update endpoint HIGH: - Fix 5 hardcoded English strings missing i18n (MultiEntitySelect, actions, settings, TelegramBotTab, users) - Replace 17 raw <button> elements with shared <Button> component - Replace 5 raw error divs with shared <ErrorBanner> component - Refactor webhook handler duplication into shared _dispatch_webhook_event() - Add 30+ provider-specific fields to TrackingConfig TypeScript type - Add default TrackingConfig seeds for immich and google_photos - Add provider-specific command variable docs (Gitea, Planka, NUT, GP, Webhook) MEDIUM: - Replace hardcoded hex colors and Tailwind classes with CSS variable tokens - Remove dead code (unused imports, orphaned check_notification_tracker) - Fix Svelte 5 patterns ($state for _prevProviderId, remove unnecessary as any) - Fix inconsistent POST response shape (targets now returns full response) - Fix Google Photos template dead asset.year branches, clarify album_url docs
87 lines
3.1 KiB
Svelte
87 lines
3.1 KiB
Svelte
<script lang="ts">
|
|
import { onMount } from 'svelte';
|
|
import { api } from '$lib/api';
|
|
import { t } from '$lib/i18n';
|
|
import PageHeader from '$lib/components/PageHeader.svelte';
|
|
import Card from '$lib/components/Card.svelte';
|
|
import Loading from '$lib/components/Loading.svelte';
|
|
import MdiIcon from '$lib/components/MdiIcon.svelte';
|
|
import Hint from '$lib/components/Hint.svelte';
|
|
import ErrorBanner from '$lib/components/ErrorBanner.svelte';
|
|
import Button from '$lib/components/Button.svelte';
|
|
import { snackSuccess, snackError } from '$lib/stores/snackbar.svelte';
|
|
|
|
let loaded = $state(false);
|
|
let saving = $state(false);
|
|
let error = $state('');
|
|
let settings = $state({
|
|
external_url: '',
|
|
telegram_webhook_secret: '',
|
|
telegram_cache_ttl_hours: '48',
|
|
});
|
|
|
|
onMount(async () => {
|
|
try {
|
|
settings = await api('/settings');
|
|
} catch (err: any) { error = err.message; snackError(err.message); }
|
|
finally { loaded = true; }
|
|
});
|
|
|
|
async function save() {
|
|
saving = true; error = '';
|
|
try {
|
|
settings = await api('/settings', { method: 'PUT', body: JSON.stringify(settings) });
|
|
snackSuccess(t('settings.saved'));
|
|
} catch (err: any) { error = err.message; snackError(err.message); }
|
|
saving = false;
|
|
}
|
|
</script>
|
|
|
|
<PageHeader title={t('settings.title')} description={t('settings.description')} />
|
|
|
|
{#if !loaded}
|
|
<Loading />
|
|
{:else}
|
|
<ErrorBanner message={error} />
|
|
<div class="space-y-6">
|
|
<!-- General section -->
|
|
<Card>
|
|
<h3 class="text-sm font-semibold mb-4 flex items-center gap-2">
|
|
<MdiIcon name="mdiCog" size={18} />
|
|
{t('settings.general')}
|
|
</h3>
|
|
<div class="space-y-3">
|
|
<div>
|
|
<label class="block text-xs font-medium mb-1">{t('settings.externalUrl')}<Hint text={t('settings.externalUrlHint')} /></label>
|
|
<input bind:value={settings.external_url} placeholder="https://notify.example.com"
|
|
class="w-full max-w-md px-3 py-1.5 text-sm border border-[var(--color-border)] rounded-md bg-[var(--color-background)] font-mono" />
|
|
</div>
|
|
</div>
|
|
</Card>
|
|
|
|
<!-- Telegram section -->
|
|
<Card>
|
|
<h3 class="text-sm font-semibold mb-4 flex items-center gap-2">
|
|
<MdiIcon name="mdiSend" size={18} />
|
|
{t('settings.telegram')}
|
|
</h3>
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
|
|
<div>
|
|
<label class="block text-xs font-medium mb-1">{t('settings.webhookSecret')}<Hint text={t('settings.webhookSecretHint')} /></label>
|
|
<input bind:value={settings.telegram_webhook_secret} type="password" placeholder={t('providers.optional')}
|
|
class="w-full px-3 py-1.5 text-sm border border-[var(--color-border)] rounded-md bg-[var(--color-background)] font-mono" />
|
|
</div>
|
|
<div>
|
|
<label class="block text-xs font-medium mb-1">{t('settings.cacheTtl')}<Hint text={t('settings.cacheTtlHint')} /></label>
|
|
<input bind:value={settings.telegram_cache_ttl_hours} type="number" min="1" max="720"
|
|
class="w-full px-3 py-1.5 text-sm border border-[var(--color-border)] rounded-md bg-[var(--color-background)]" />
|
|
</div>
|
|
</div>
|
|
</Card>
|
|
|
|
<Button onclick={save} disabled={saving}>
|
|
{saving ? t('common.loading') : t('common.save')}
|
|
</Button>
|
|
</div>
|
|
{/if}
|