bo0tzz
5acd6b70d0
* feat: add button to unpause all queues * fix: const * chore: simplify * chore: pr feedback --------- Co-authored-by: Jason Rasmussen <jrasm91@gmail.com>
105 lines
3.0 KiB
Svelte
105 lines
3.0 KiB
Svelte
<script lang="ts">
|
|
import JobsPanel from '$lib/components/admin-page/jobs/jobs-panel.svelte';
|
|
import AdminPageLayout from '$lib/components/layouts/AdminPageLayout.svelte';
|
|
import { AppRoute } from '$lib/constants';
|
|
import JobCreateModal from '$lib/modals/JobCreateModal.svelte';
|
|
import { asyncTimeout } from '$lib/utils';
|
|
import { handleError } from '$lib/utils/handle-error';
|
|
import {
|
|
getAllJobsStatus,
|
|
JobCommand,
|
|
sendJobCommand,
|
|
type AllJobStatusResponseDto,
|
|
type JobName,
|
|
} from '@immich/sdk';
|
|
import { Button, HStack, modalManager, Text } from '@immich/ui';
|
|
import { mdiCog, mdiPlay, mdiPlus } from '@mdi/js';
|
|
import { onDestroy, onMount } from 'svelte';
|
|
import { t } from 'svelte-i18n';
|
|
import type { PageData } from './$types';
|
|
|
|
interface Props {
|
|
data: PageData;
|
|
}
|
|
|
|
let { data }: Props = $props();
|
|
|
|
let jobs: AllJobStatusResponseDto | undefined = $state();
|
|
|
|
let running = true;
|
|
|
|
const pausedJobs = $derived(
|
|
Object.entries(jobs ?? {})
|
|
.filter(([_, jobStatus]) => jobStatus.queueStatus?.isPaused)
|
|
.map(([jobName]) => jobName as JobName),
|
|
);
|
|
|
|
const handleResumePausedJobs = async () => {
|
|
try {
|
|
for (const jobName of pausedJobs) {
|
|
await sendJobCommand({ id: jobName, jobCommandDto: { command: JobCommand.Resume, force: false } });
|
|
}
|
|
// Refresh jobs status immediately after resuming
|
|
jobs = await getAllJobsStatus();
|
|
} catch (error) {
|
|
handleError(error, $t('admin.failed_job_command', { values: { command: 'resume', job: 'paused jobs' } }));
|
|
}
|
|
};
|
|
|
|
onMount(async () => {
|
|
while (running) {
|
|
jobs = await getAllJobsStatus();
|
|
await asyncTimeout(5000);
|
|
}
|
|
});
|
|
|
|
onDestroy(() => {
|
|
running = false;
|
|
});
|
|
</script>
|
|
|
|
<AdminPageLayout title={data.meta.title}>
|
|
{#snippet buttons()}
|
|
<HStack gap={0}>
|
|
{#if pausedJobs.length > 0}
|
|
<Button
|
|
leadingIcon={mdiPlay}
|
|
onclick={handleResumePausedJobs}
|
|
size="small"
|
|
variant="ghost"
|
|
title={pausedJobs.join(', ')}
|
|
>
|
|
<Text class="hidden md:block">
|
|
{$t('resume_paused_jobs', { values: { count: pausedJobs.length } })}
|
|
</Text>
|
|
</Button>
|
|
{/if}
|
|
<Button
|
|
leadingIcon={mdiPlus}
|
|
onclick={() => modalManager.show(JobCreateModal, {})}
|
|
size="small"
|
|
variant="ghost"
|
|
color="secondary"
|
|
>
|
|
<Text class="hidden md:block">{$t('admin.create_job')}</Text>
|
|
</Button>
|
|
<Button
|
|
leadingIcon={mdiCog}
|
|
href="{AppRoute.ADMIN_SETTINGS}?isOpen=job"
|
|
size="small"
|
|
variant="ghost"
|
|
color="secondary"
|
|
>
|
|
<Text class="hidden md:block">{$t('admin.manage_concurrency')}</Text>
|
|
</Button>
|
|
</HStack>
|
|
{/snippet}
|
|
<section id="setting-content" class="flex place-content-center sm:mx-4">
|
|
<section class="w-full pb-28 sm:w-5/6 md:w-[850px]">
|
|
{#if jobs}
|
|
<JobsPanel {jobs} />
|
|
{/if}
|
|
</section>
|
|
</section>
|
|
</AdminPageLayout>
|