mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-09-08 00:03:07 +00:00
57 lines
2.0 KiB
Svelte
57 lines
2.0 KiB
Svelte
<script lang="ts">
|
|
import type { Job } from '$lib/gen'
|
|
import JobStatus from '$lib/components/JobStatus.svelte'
|
|
import Icon from 'svelte-awesome'
|
|
import { displayDaysAgo } from '$lib/utils'
|
|
import { faCalendar, faClock, faRobot, faUser, faWind } from '@fortawesome/free-solid-svg-icons'
|
|
|
|
export let job: Job
|
|
const SMALL_ICON_SCALE = 0.7
|
|
</script>
|
|
|
|
<div class="rounded-md p-3 bg-gray-50 shadow-sm sm:text-sm md:text-base" style="min-height: 150px;">
|
|
<JobStatus {job} />
|
|
<div>
|
|
<Icon class="text-gray-700" data={faClock} scale={SMALL_ICON_SCALE} /><span class="mx-2">
|
|
Created {displayDaysAgo(job.created_at ?? '')}</span
|
|
>
|
|
</div>
|
|
{#if job && 'started_at' in job && job.started_at}
|
|
<div>
|
|
<Icon class="text-gray-700" data={faClock} scale={SMALL_ICON_SCALE} /><span class="mx-2">
|
|
Started {displayDaysAgo(job.started_at ?? '')}</span
|
|
>
|
|
</div>
|
|
{/if}
|
|
<div>
|
|
{#if job && job.parent_job}
|
|
{#if job.is_flow_step}
|
|
<Icon class="text-gray-700" data={faWind} scale={SMALL_ICON_SCALE} /><span class="mx-2">
|
|
Step of flow <a href={`/run/${job.parent_job}`}>{job.parent_job}</a></span
|
|
>
|
|
{:else}
|
|
<Icon class="text-gray-700" data={faRobot} scale={SMALL_ICON_SCALE} /><span class="mx-2">
|
|
Triggered by parent <a href={`/run/${job.parent_job}`}>{job.parent_job}</a></span
|
|
>
|
|
{/if}
|
|
{:else if job && job.schedule_path}
|
|
<Icon class="text-gray-700" data={faCalendar} scale={SMALL_ICON_SCALE} />
|
|
<span class="mx-2"
|
|
>Triggered by the schedule: <a
|
|
href={`/schedule/add?edit=${job.schedule_path}&isFlow=${job.job_kind == 'flow'}`}
|
|
>{job.schedule_path}</a
|
|
></span
|
|
>
|
|
{/if}
|
|
<div>
|
|
<Icon class="text-gray-700" data={faUser} scale={SMALL_ICON_SCALE} /><span class="mx-2">
|
|
By {job.created_by}
|
|
{#if job.permissioned_as !== `u/${job.created_by}`}but permissioned as {job.permissioned_as}{/if}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="text-gray-700 text-2xs pt-2">
|
|
run id: <a href={`/run/${job.id}`}>{job.id}</a>
|
|
</div>
|
|
</div>
|