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
60 lines
1.5 KiB
Svelte
60 lines
1.5 KiB
Svelte
<script lang="ts">
|
|
import { displayDate } from '$lib/utils.js'
|
|
import { InputService, type CreateInput, type RunnableType } from '$lib/gen/index.js'
|
|
import { workspaceStore } from '$lib/stores.js'
|
|
import { Button } from '$lib/components/common'
|
|
import { Save } from 'lucide-svelte'
|
|
import { sendUserToast } from '$lib/utils.js'
|
|
import { createEventDispatcher } from 'svelte'
|
|
import Tooltip from '$lib/components/Tooltip.svelte'
|
|
|
|
const dispatch = createEventDispatcher()
|
|
|
|
export let runnableId: string | undefined
|
|
export let runnableType: RunnableType | undefined
|
|
export let args: object
|
|
export let disabled: boolean = false
|
|
export let small: boolean | undefined = undefined
|
|
export let showTooltip: boolean | undefined = undefined
|
|
|
|
let savingInputs = false
|
|
|
|
async function saveInput(args: object) {
|
|
savingInputs = true
|
|
|
|
const requestBody: CreateInput = {
|
|
name: 'Saved ' + displayDate(new Date()),
|
|
args: args as any
|
|
}
|
|
|
|
try {
|
|
await InputService.createInput({
|
|
workspace: $workspaceStore!,
|
|
runnableId,
|
|
runnableType,
|
|
requestBody
|
|
})
|
|
} catch (err) {
|
|
console.error(err)
|
|
sendUserToast(`Failed to save Input: ${err}`, true)
|
|
}
|
|
|
|
savingInputs = false
|
|
dispatch('update')
|
|
}
|
|
</script>
|
|
|
|
<Button
|
|
on:click={() => saveInput(args)}
|
|
{disabled}
|
|
loading={savingInputs}
|
|
startIcon={{ icon: Save }}
|
|
variant={small ? 'subtle' : 'default'}
|
|
unifiedSize="sm"
|
|
>
|
|
<span>{small ? 'Save inputs' : 'Save current input'}</span>
|
|
{#if showTooltip}
|
|
<Tooltip>Shared inputs are available to anyone with access to the script</Tooltip>
|
|
{/if}
|
|
</Button>
|