mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-08-25 00:01:55 +00:00
HugoCasa
34 lines
1.1 KiB
Svelte
34 lines
1.1 KiB
Svelte
<script lang="ts">
|
|
import { Loader2 } from 'lucide-svelte'
|
|
import DisplayResult from './DisplayResult.svelte'
|
|
import LogViewer from './LogViewer.svelte'
|
|
|
|
export let result: any
|
|
export let logs: string
|
|
export let col: boolean = false
|
|
export let noBorder = false
|
|
export let loading: boolean
|
|
export let filename: string | undefined = undefined
|
|
export let jobId: string | undefined = undefined
|
|
export let workspaceId: string | undefined = undefined
|
|
</script>
|
|
|
|
<div
|
|
class:border={!noBorder}
|
|
class="grid {!col ? 'grid-cols-2' : 'grid-rows-2'} shadow border-gray-400 h-full max-h-screen"
|
|
>
|
|
<div class="bg-surface {col ? '' : 'max-h-80'} h-full p-1 overflow-auto relative">
|
|
<span class="text-tertiary">Result</span>
|
|
{#if result !== undefined}
|
|
<DisplayResult {workspaceId} {jobId} {filename} {result} />
|
|
{:else if loading}
|
|
<Loader2 class="animate-spin" />
|
|
{:else}
|
|
<div class="text-gray-400">No result (result is undefined)</div>
|
|
{/if}
|
|
</div>
|
|
<div class="overflow-auto {col ? '' : 'max-h-80'} h-full relative">
|
|
<LogViewer content={logs ?? ''} {jobId} isLoading={false} tag={undefined} />
|
|
</div>
|
|
</div>
|