mirror of
https://github.com/immich-app/immich.git
synced 2025-12-12 15:50:43 -08:00
92 lines
2.6 KiB
Svelte
92 lines
2.6 KiB
Svelte
<script lang="ts">
|
|
import {
|
|
notificationController,
|
|
NotificationType
|
|
} from '$lib/components/shared-components/notification/notification';
|
|
import { handleError } from '$lib/utils/handle-error';
|
|
import { AllJobStatusResponseDto, api, JobCommand, JobCommandDto, JobName } from '@api';
|
|
import type { ComponentType } from 'svelte';
|
|
import JobTile from './job-tile.svelte';
|
|
import StorageMigrationDescription from './storage-migration-description.svelte';
|
|
|
|
export let jobs: AllJobStatusResponseDto;
|
|
|
|
type JobDetails = {
|
|
title: string;
|
|
subtitle?: string;
|
|
allowForceCommand?: boolean;
|
|
component?: ComponentType;
|
|
};
|
|
|
|
const jobDetails: { [Key in JobName]?: JobDetails } = {
|
|
[JobName.ThumbnailGenerationQueue]: {
|
|
title: 'Generate Thumbnails',
|
|
subtitle: 'Regenerate JPEG and WebP thumbnails'
|
|
},
|
|
[JobName.MetadataExtractionQueue]: {
|
|
title: 'Extract Metadata',
|
|
subtitle: 'Extract metadata information i.e. GPS, resolution...etc'
|
|
},
|
|
[JobName.ObjectTaggingQueue]: {
|
|
title: 'Tag Objects',
|
|
subtitle:
|
|
'Run machine learning to tag objects\nNote that some assets may not have any objects detected'
|
|
},
|
|
[JobName.ClipEncodingQueue]: {
|
|
title: 'Encode Clip',
|
|
subtitle: 'Run machine learning to generate clip embeddings'
|
|
},
|
|
[JobName.RecognizeFacesQueue]: {
|
|
title: 'Recognize Faces',
|
|
subtitle: 'Run machine learning to recognize faces'
|
|
},
|
|
[JobName.VideoConversionQueue]: {
|
|
title: 'Transcode Videos',
|
|
subtitle: 'Transcode videos not in the desired format'
|
|
},
|
|
[JobName.StorageTemplateMigrationQueue]: {
|
|
title: 'Storage Template Migration',
|
|
allowForceCommand: false,
|
|
component: StorageMigrationDescription
|
|
}
|
|
};
|
|
|
|
const jobDetailsArray = Object.entries(jobDetails) as [JobName, JobDetails][];
|
|
|
|
async function runJob(jobId: JobName, jobCommand: JobCommandDto) {
|
|
const title = jobDetails[jobId]?.title;
|
|
|
|
try {
|
|
const { data } = await api.jobApi.sendJobCommand(jobId, jobCommand);
|
|
jobs[jobId] = data;
|
|
|
|
switch (jobCommand.command) {
|
|
case JobCommand.Empty:
|
|
notificationController.show({
|
|
message: `Cleared jobs for: ${title}`,
|
|
type: NotificationType.Info
|
|
});
|
|
break;
|
|
}
|
|
} catch (error) {
|
|
handleError(error, `Command '${jobCommand.command}' failed for job: ${title}`);
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<div class="flex flex-col gap-7">
|
|
{#each jobDetailsArray as [jobName, { title, subtitle, allowForceCommand, component }]}
|
|
{@const { jobCounts, queueStatus } = jobs[jobName]}
|
|
<JobTile
|
|
{title}
|
|
{subtitle}
|
|
{allowForceCommand}
|
|
{jobCounts}
|
|
{queueStatus}
|
|
on:command={({ detail }) => runJob(jobName, detail)}
|
|
>
|
|
<svelte:component this={component} />
|
|
</JobTile>
|
|
{/each}
|
|
</div>
|