self-hosted/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2024-12-25 10:43:13 +02:00
Code Issues Releases Activity

chore(web) Add loading indicators to jobs panel (#1272)

Browse Source
This commit is contained in:
Krisjanis Lejejs 2023-01-09 22:35:37 +02:00 committed by GitHub
parent e4e040f14b
commit af2eac52a8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
web/src/lib/components/admin-page/jobs/job-tile.svelte
View File

@ -8,6 +8,7 @@
export let jobStatus: boolean; export let jobStatus: boolean;
export let waitingJobCount: number; export let waitingJobCount: number;
export let activeJobCount: number; export let activeJobCount: number;
const dispatch = createEventDispatcher(); const dispatch = createEventDispatcher();
</script> </script>
@ -36,8 +37,20 @@
> >
<tr class="text-center flex place-items-center w-full h-[60px]"> <tr class="text-center flex place-items-center w-full h-[60px]">
<td class="text-sm px-2 w-1/3 text-ellipsis">{jobStatus ? 'Active' : 'Idle'}</td> <td class="text-sm px-2 w-1/3 text-ellipsis">{jobStatus ? 'Active' : 'Idle'}</td>
<td class="text-sm px-2 w-1/3 text-ellipsis">{activeJobCount}</td> <td class="flex justify-center text-sm px-2 w-1/3 text-ellipsis">
<td class="text-sm px-2 w-1/3 text-ellipsis">{waitingJobCount}</td> {#if activeJobCount !== undefined}
{activeJobCount}
{:else}
<LoadingSpinner />
{/if}
</td>
<td class="flex justify-center text-sm px-2 w-1/3 text-ellipsis">
{#if waitingJobCount !== undefined}
{waitingJobCount}
{:else}
<LoadingSpinner />
{/if}
</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>