3b5c1657c7
* separate flow and status with splitpane * fix autoscroll behavior * Flow log viewer nit * not graph viewer * Improve flow job result * Create job detail header to replace metadata * Remove FlowPreviewResult * Create compact job header * Use job header in runs page * Improve runs page run preview * Use flow header in detail section * Show logs for script steps * Clean old schedule status * Limit result height * Script run detail improvement * Script run preview improvement * Fix csv table overflow * surface tertiary as background for Inputs * nit * Improve runs detail skeleton * fix check * nit * Improve node definition * fix flow module component overflow * Use component DataTable for flow schema viewer * Add language icon to step detail * improve run header * Improve Job detail header * nit * restore isOwner logic * Handle resume flows * restore execution status in run preview * restore flow execution status in the preview * flow preview, add status bar * nit module status * nit * Remove flor preview result * nit * nit * fix flow result card * nit * nit * nit * improve field selection on runs detail based on job type * Improve column layout * create JobStatusIcon component * remove job status badge icons * improve compact version * use shared job field display * improve job detail field display * fix badge alignment * increase padding * nit * nit * improve compact display * make background darker for metadata * use auto layout * fix auto layout * improve display * fix truncate logic * fix compact * improve flex adaptibility * improve responsive layout * improve extra compact header * nit * remove unused icons * nit * Improve flow result display * nit * merge progressbar and execution status * handle canceled flow better
39 lines
1.2 KiB
Svelte
39 lines
1.2 KiB
Svelte
<script lang="ts">
|
|
import type { FlowStatusModule } from '$lib/gen'
|
|
import { Badge } from './common'
|
|
import { forLater } from '$lib/forLater'
|
|
import { displayDate } from '$lib/utils'
|
|
import { Hourglass } from 'lucide-svelte'
|
|
|
|
export let type: FlowStatusModule['type']
|
|
export let scheduled_for: Date | undefined
|
|
export let skipped: boolean = false
|
|
</script>
|
|
|
|
{#if type == 'WaitingForEvents'}
|
|
<span class="italic text-xs text-violet-700 dark:text-violet-400">
|
|
<Hourglass class="inline" size={14} />
|
|
Waiting to be resumed by resume events such as approvals
|
|
</span>
|
|
{:else if type == 'WaitingForPriorSteps'}
|
|
<span class="italic text-xs text-primary">
|
|
<Hourglass class="inline" size={14} />
|
|
Waiting for prior steps to complete
|
|
</span>
|
|
{:else if type == 'WaitingForExecutor'}
|
|
<span class="italic text-xs text-primary">
|
|
<Hourglass class="inline" />
|
|
{#if scheduled_for && forLater(scheduled_for.toString())}
|
|
Job is scheduled to be executed at {displayDate(scheduled_for, true)}
|
|
{:else}
|
|
Job is waiting for an executor
|
|
{/if}
|
|
</span>
|
|
{:else if skipped}
|
|
<Badge color="blue">Skipped</Badge>
|
|
{:else if type == 'Success'}
|
|
<Badge color="green">Success</Badge>
|
|
{:else if type == 'Failure'}
|
|
<Badge color="red">Failure</Badge>
|
|
{/if}
|