starred/windmill
1
0
Fork 0
mirror of https://github.com/windmill-labs/windmill.git synced 2026-09-06 00:02:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: drop the job status icon props nothing passes

Browse Source
This commit is contained in:
AlexRV12
2026-09-03 16:31:55 +02:00
parent 5b048f0e6d
commit dc8f760805
1 changed files with 20 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/lib/components/runs/JobStatusIcon.svelte
+20 -40
View File
@@ -18,43 +18,28 @@
job: Job
isExternal?: boolean
roundedFull?: boolean
/** Icon size in px, and the padding around it. Defaults are the runs page's; the chat's
* tool rows ask for a smaller one, since a 30px badge would set the height of a row of
* 11px text. */
size?: number
badgeClass?: string
}
let {
job,
isExternal = false,
roundedFull = false,
size = 14,
badgeClass = undefined
}: Props = $props()
let { job, isExternal = false, roundedFull = false }: Props = $props()
</script>
<div class="flex items-center justify-start">
{#if isExternal}
<Badge color="gray" {roundedFull} baseClass={roundedFull ? '' : '!px-1.5'}
class={badgeClass}>
<ShieldQuestion size={size} />
<Badge color="gray" {roundedFull} baseClass={roundedFull ? '' : '!px-1.5'}>
<ShieldQuestion size={14} />
</Badge>
{:else if job.canceled && 'success' in job}
<Badge color="gray" {roundedFull} baseClass={roundedFull ? '' : '!px-1.5'}
class={badgeClass} title="Canceled">
<Ban size={size} />
<Badge color="gray" {roundedFull} baseClass={roundedFull ? '' : '!px-1.5'} title="Canceled">
<Ban size={14} />
</Badge>
{:else if 'success' in job && job.success}
{#if job.is_skipped}
<Badge color="green" {roundedFull} baseClass={roundedFull ? '' : ''}
class={badgeClass}>
<FastForward size={size} />
<Badge color="green" {roundedFull} baseClass={roundedFull ? '' : ''}>
<FastForward size={14} />
</Badge>
{:else}
<Badge color="green" {roundedFull} baseClass={roundedFull ? '' : '!px-1.5'}
class={badgeClass}>
<Check size={size} />
<Badge color="green" {roundedFull} baseClass={roundedFull ? '' : '!px-1.5'}>
<Check size={14} />
</Badge>
{/if}
{:else if 'success' in job && job.resolved}
@@ -62,34 +47,29 @@
color="orange"
{roundedFull}
baseClass={roundedFull ? '' : '!px-1.5'}
class={badgeClass}
title="Failed, marked as resolved"
>
<Wrench size={size} />
<Wrench size={14} />
</Badge>
{:else if 'success' in job}
<Badge color="red" {roundedFull} baseClass={roundedFull ? '' : '!px-1.5'}
class={badgeClass}>
<X size={size} />
<Badge color="red" {roundedFull} baseClass={roundedFull ? '' : '!px-1.5'}>
<X size={14} />
</Badge>
{:else if 'running' in job && job.running && job.suspend}
<Badge color="violet" {roundedFull} baseClass={roundedFull ? '' : '!px-1.5'}
class={badgeClass} title="Suspended">
<Hourglass size={size} />
<Badge color="violet" {roundedFull} baseClass={roundedFull ? '' : '!px-1.5'} title="Suspended">
<Hourglass size={14} />
</Badge>
{:else if 'running' in job && job.running}
<Badge color="yellow" {roundedFull} baseClass={roundedFull ? '' : '!px-1.5'}
class={badgeClass}>
<Play size={size} />
<Badge color="yellow" {roundedFull} baseClass={roundedFull ? '' : '!px-1.5'}>
<Play size={14} />
</Badge>
{:else if job && 'running' in job && job.scheduled_for && forLater(job.scheduled_for)}
<Badge color="blue" {roundedFull} baseClass={roundedFull ? '' : '!px-1.5'}
class={badgeClass}>
<Calendar size={size} />
<Badge color="blue" {roundedFull} baseClass={roundedFull ? '' : '!px-1.5'}>
<Calendar size={14} />
</Badge>
{:else}
<Badge {roundedFull} baseClass={roundedFull ? '' : '!px-1.5'} class={badgeClass}>
<Hourglass size={size} />
<Badge {roundedFull} baseClass={roundedFull ? '' : '!px-1.5'}>
<Hourglass size={14} />
</Badge>
{/if}
</div>